/* The paper and brass keep their proportions. Seasonal paint is scoped to this café. */
.cafe-tabs{position:fixed;z-index:50;top:0;left:0;right:0;min-height:40px;display:flex;align-items:end;justify-content:center;gap:7px;padding:4px 12px 0;background:#fff5e5 url('paper-fibres.svg') 0 0/180px;border-bottom:1px solid #dcc3a5;font:700 13px Nunito,sans-serif;color:#97765f}
.cafe-tabs>span{padding:9px 13px;font-size:11px;letter-spacing:.04em}.cafe-tabs a{min-height:34px;display:flex;align-items:center;padding:5px 18px;border:1px solid #e0c6b2;border-bottom:0;border-radius:13px 15px 0 0;text-decoration:none;color:#917361;background:#fff9ef}.cafe-tabs a[aria-current]{background:#edc9d4;color:#805f67;transform:rotate(-1deg)}
#gameShell{padding-top:40px}html[data-game-layout] #gameShell #sceneWrap{height:calc(100svh - 40px);height:calc(100dvh - 40px);min-height:0}.event-preview{position:absolute;left:15px;top:76px;color:#946d51;font:700 11px Nunito,sans-serif;z-index:7;pointer-events:none}.event-closed{position:fixed;inset:0;z-index:100;background:#fff4e9f5;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:24px;color:#856650;font:16px Nunito,sans-serif}.event-closed a{color:inherit;padding:15px;background:#efc299;border-radius:12px}
html[data-cafe-theme=halloween]{--rose-ink:#977151;--ink:#8c6e59;--muted:#99816b;--event-orange:#efbd91}
html[data-cafe-theme=halloween] .cafe-tabs a[aria-current]{background:#efbd91;color:#826044}
html[data-cafe-theme=halloween] #sceneWrap #containers .selected:before,
html[data-cafe-theme=halloween] #sceneWrap .modes .selected:before,
html[data-cafe-theme=halloween] #sceneWrap #playDock .ingredient-tabs button[aria-selected=true]:before,
html[data-cafe-theme=halloween] #sceneWrap #playDock .section-title:before,
html[data-cafe-theme=halloween] #sceneWrap #hudpack:before,
html[data-cafe-theme=halloween] #receiptNext:before,
html[data-cafe-theme=halloween] #sceneWrap #sceneFill:before,
html[data-cafe-theme=halloween] #sceneWrap .game-menu>summary,
html[data-cafe-theme=halloween] #sceneWrap .recipe-collage:before{filter:var(--stationery-orange-filter,url(#stationery-orange))}
html[data-cafe-theme=halloween] #sceneWrap #sceneFillHud[data-fill-stage=green] #sceneFill:before{filter:var(--stationery-green-filter,url(#stationery-green))}
html[data-cafe-theme=halloween] #sceneWrap #sceneFillHud[data-fill-stage=yellow] #sceneFill:before{filter:var(--stationery-gold-filter,url(#stationery-gold))}
html[data-cafe-theme=halloween] #sceneWrap #sceneFillHud[data-fill-stage=red] #sceneFill:before{filter:var(--stationery-red-filter,url(#stationery-red))}
html[data-cafe-theme=halloween] #sceneWrap #hudpack,
html[data-cafe-theme=halloween] #sceneWrap #sceneFill{background-color:#e9ad7a;border-color:#ffe1bd;outline-color:#bf926b;box-shadow:0 0 0 1px #c7a487,2px 4px #9d754e25}
html[data-cafe-theme=halloween] #sceneWrap #playDock .ingredient.holding{outline-color:#d1a276;background:#ffe0b4a0}
html[data-cafe-theme=halloween] #sceneWrap #orderCard:before,
html[data-cafe-theme=halloween] #sceneWrap #playDock:before,
html[data-cafe-theme=halloween] #sceneWrap #playDock .ingredient:before,
html[data-cafe-theme=halloween] #sceneWrap .note-tool:before,
html[data-cafe-theme=halloween] #sceneWrap .sticker-tape,
html[data-cafe-theme=halloween] #sceneWrap .sticker-flowers,
html[data-cafe-theme=halloween] #sceneWrap #hudpack:after,
html[data-cafe-theme=halloween] #sceneWrap #containers button:before{filter:var(--stationery-orange-filter,url(#stationery-orange))}
html[data-cafe-theme=halloween] #sceneWrap #playDock:after{content:'Pumpkin & Moon · recipe journal'}
html[data-cafe-theme=halloween] #sceneWrap .recipe-collage .recipe-layer.current .layer-number{outline-color:#d7a173}
html[data-cafe-theme=halloween] #sceneWrap .recipe-collage .pattern-milk-3{--ingredient-ink:#bd8a51}
html[data-cafe-theme=halloween] #sceneWrap .recipe-collage .pattern-mix-2{--ingredient-ink:#bc864c}
html[data-cafe-theme=halloween] #sceneWrap [data-ingredient=milk-3],
html[data-cafe-theme=halloween] #sceneWrap .pattern-milk-3 .layer-label b{background:url('ui/halloween-stickers.png') 0 0/200% 200% no-repeat}
html[data-cafe-theme=halloween] #sceneWrap [data-ingredient=mix-2],
html[data-cafe-theme=halloween] #sceneWrap .pattern-mix-2 .layer-label b{background:url('ui/halloween-stickers.png') 100% 0/200% 200% no-repeat}
html[data-cafe-theme=halloween] #sceneWrap #playDock>.stationery-art .sticker-berry{background:url('ui/halloween-stickers.png') 0 100%/200% 200% no-repeat;--sticker-size:48px}
html[data-cafe-theme=halloween] #sceneWrap #orderCard>.stationery-art .sticker-flowers{background:url('ui/halloween-stickers.png') 100% 100%/200% 200% no-repeat}
html[data-cafe-theme=halloween] .portrait-posh-tiger{background-image:url('ui/halloween/tiger-gothic-collar.png')}
html[data-cafe-theme=halloween] .portrait-gamer-bear{background-image:url('ui/halloween/bear-mint-zombie.png')}
html[data-cafe-theme=halloween] .portrait-pig-teacher{background-image:url('ui/halloween/pig-pumpkin-costume.png')}
html[data-cafe-theme=halloween] :is(.portrait-posh-tiger,.portrait-gamer-bear,.portrait-pig-teacher){background-size:210% auto;background-position:50% 15%;border-radius:50%;background-color:#fff1d9}
@media(max-width:600px){.cafe-tabs{gap:4px;padding-inline:6px}.cafe-tabs a{padding-inline:13px}.cafe-tabs>span{padding-inline:6px}.event-preview{top:52px;font-size:10px}}