@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}@font-face{font-family:"Jersey 15";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/jersey-15-latin-400-normal-C8Nlw5JP.woff2)format("woff2"),url(/assets/jersey-15-latin-400-normal-4mtCZV7-.woff)format("woff")}:root{--bg:#16101d;--panel:#241a31;--panel-2:#302343;--line:#45345c;--ink:#0e0a14;--text:#f6ecd4;--muted:#b3a3c4;--accent:#b6f24a;--accent-dark:#6f9a1f;--gold:#ffd43b;--danger:#ff5d73;--wood:#7a5236;--wood-dark:#4d3322;--font-display:"Press Start 2P", ui-monospace, "Courier New", monospace;--font-body:"Jersey 15", ui-rounded, "Trebuchet MS", system-ui, sans-serif;--px:3px;--b:3px;--scene-top:calc(var(--px) * 44);--floor:calc(var(--px) * 30);--scene-bottom:calc(var(--px) * 42);--pad-top:var(--scene-top);--scrim:.55;--scrim-floor:.4;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;margin:0;font-size:22px;line-height:1.2}h1,h2,p,ul,ol{margin:0;padding:0}ul,ol{list-style:none}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}s{opacity:.55;margin-right:.4em}.sprite{image-rendering:pixelated;flex:none;display:block}.app{height:100dvh;position:relative;overflow:hidden}.app[data-phase=home]{--scrim:.4;--scrim-floor:0}.app[data-phase=round],.app[data-phase=results]{--scrim:.68;--scrim-floor:.55}.main{z-index:1;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;height:100%;position:relative;overflow-y:auto}.screen{width:100%;max-width:600px;min-height:100%;padding:calc(var(--pad-top) + env(safe-area-inset-top) + 12px) max(14px, env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));flex-direction:column;gap:12px;margin:0 auto;display:flex}.onwall{text-shadow:0 2px 0 var(--ink), 0 0 10px #0e0a14f2, 0 0 22px #0e0a14cc}.bottombar{z-index:5;margin:auto calc(max(14px, env(safe-area-inset-left)) * -1) 0;padding:10px max(14px, env(safe-area-inset-left)) calc(10px + env(safe-area-inset-bottom));border-top:var(--b) solid var(--ink);box-shadow:inset 0 var(--b) 0 var(--panel-2);background:#1b1326f7;align-items:center;gap:10px;display:flex;position:sticky;bottom:0}.bottombar .btn--primary{flex:1}.bottombar__text{min-width:0;color:var(--muted);flex:1}.screen:has(>.bottombar){padding-bottom:0}@media (width>=900px){:root{--px:clamp(4px, .62vmin, 5px)}.screen{gap:14px}}@media (height<=440px){.app[data-phase=round]{--pad-top:0px;--scrim:.8}}h2{font-family:var(--font-display);letter-spacing:.02em;color:var(--gold);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;font-size:12px;line-height:1.5;display:flex}.eyebrow{font-family:var(--font-display);color:var(--muted);text-transform:uppercase;font-size:10px;line-height:1.6}.hint{color:var(--muted);font-size:19px}.count{font-family:var(--font-body);color:var(--muted);text-transform:none;font-size:19px}.count--jinx{color:var(--danger)}.empty,.waiting{color:var(--muted);text-align:center;padding:8px 0}.center{text-align:center;align-items:center}.card{border:var(--b) solid var(--ink);box-shadow:inset 0 var(--b) 0 var(--panel-2), inset 0 calc(var(--b) * -1) 0 #1b1326, 0 var(--b) 0 var(--ink);clip-path:polygon(0 var(--b), var(--b) var(--b), var(--b) 0, calc(100% - var(--b)) 0, calc(100% - var(--b)) var(--b), 100% var(--b), 100% calc(100% - var(--b)), calc(100% - var(--b)) calc(100% - var(--b)), calc(100% - var(--b)) 100%, var(--b) 100%, var(--b) calc(100% - var(--b)), 0 calc(100% - var(--b)));background:#241a31f5;padding:14px}.stack{flex-direction:column;gap:12px;display:flex}.actions{flex-direction:column;gap:10px;display:flex}.btn{--face:var(--panel-2);--edge:#1b1326;font-family:var(--font-display);min-height:48px;color:var(--text);background:var(--face);border:var(--b) solid var(--ink);box-shadow:inset 0 calc(var(--b) * -1) 0 var(--edge), inset 0 var(--b) 0 #ffffff24;text-transform:uppercase;letter-spacing:.02em;padding:10px 16px 13px;font-size:12px;line-height:1.4;transition:filter .1s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){box-shadow:inset 0 var(--b) 0 var(--edge);padding:12px 16px 11px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible,.input:focus-visible,.roomcode__code:focus-visible,.board__row:focus-visible,.pack:focus-visible{outline:var(--b) solid var(--gold);outline-offset:2px}.btn--primary{--face:var(--accent);--edge:var(--accent-dark);color:#14200a}.btn--big{min-height:58px;font-size:18px}.btn--ghost{box-shadow:none;color:var(--muted);background:0 0;border-color:#0000;min-height:40px;font-size:10px}.btn--square{min-width:48px;padding-left:0;padding-right:0;font-size:16px}.input{border:var(--b) solid var(--ink);width:100%;min-height:52px;box-shadow:inset 0 var(--b) 0 #07040b, 0 0 0 var(--b) var(--line);color:var(--text);background:#120c19;border-radius:0;outline:none;padding:8px 12px;font-size:26px}.input::placeholder{color:#6b5c7d}.input:focus{box-shadow:inset 0 var(--b) 0 #07040b, 0 0 0 var(--b) var(--accent)}.field{flex-direction:column;gap:8px;display:flex}.field__label{font-family:var(--font-display);color:var(--muted);text-transform:uppercase;font-size:10px}.divider{color:var(--muted);align-items:center;gap:10px;font-size:19px;display:flex}.divider:before,.divider:after{content:"";height:var(--b);background:var(--line);flex:1}.tierbadge{font-family:var(--font-display);color:var(--ink);background:var(--tier,var(--muted));text-transform:uppercase;white-space:nowrap;padding:5px 6px 4px;font-size:8px;line-height:1}.dot{width:26px;height:26px;font-family:var(--font-display);color:var(--ink);background:var(--seat);border:2px solid var(--ink);flex:none;place-items:center;padding-top:1px;font-size:10px;line-height:1;display:inline-grid}.dot--small{width:18px;height:18px;font-size:8px}.pname{align-items:center;gap:8px;min-width:0;display:inline-flex}.pname__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pname__you{color:var(--ink);background:var(--muted);flex:none;padding:3px 5px;font-size:16px;line-height:1}.banner,.toast{z-index:30;border:var(--b) solid var(--ink);text-align:center;max-width:calc(100vw - 24px);padding:10px 14px;position:fixed;left:50%;transform:translate(-50%)}.banner{top:calc(8px + env(safe-area-inset-top));background:var(--gold);color:var(--ink);font-family:var(--font-display);font-size:10px;animation:1s steps(2,end) infinite blink}.toast{bottom:calc(18px + env(safe-area-inset-bottom));background:var(--danger);color:var(--ink);animation:.25s steps(4,end) toast-in}.flash{z-index:40;pointer-events:none;background:#ffb000;animation:.6s steps(6,end) forwards flash;position:fixed;inset:0}@keyframes flash{0%{opacity:.75;background:#fff}20%{opacity:.6;background:#ffb000}40%{opacity:.15}55%{opacity:.4;background:#1a0b10}to{opacity:0}}@keyframes blink{50%{opacity:.6}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)}}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.flash{display:none}}.bottombar .btn{white-space:nowrap}.bottombar .btn--ghost{padding-left:8px;padding-right:8px}.bottombar .btn--big{min-height:54px;font-size:13px}.hut{height:100vh;height:var(--hut-h,100dvh);z-index:0;pointer-events:none;background:#2f2139;position:fixed;inset:0 0 auto;overflow:hidden}.hut__wall{background:radial-gradient(ellipse 70% 32% at 50% 100%, #ffa03c42, transparent 70%), repeating-linear-gradient(90deg, #35263f 0 calc(var(--px) * 13), #281b33 calc(var(--px) * 13) calc(var(--px) * 14));position:absolute;inset:0}.hut__beam{height:calc(var(--px) * 2);background:var(--wood-dark);box-shadow:0 var(--px) 0 var(--ink);position:absolute;inset:0 0 auto}.hut__stage,.hut__ground{width:min(100%, calc(var(--px) * 150));position:absolute;left:50%;transform:translate(-50%)}.hut__stage{top:env(safe-area-inset-top);height:var(--scene-top)}.hut__window{left:calc(var(--px) * 5);top:calc(var(--px) * 4);position:absolute}.hut__window:before{content:"";inset:calc(var(--px) * -12) calc(var(--px) * -16);background:radial-gradient(closest-side,#82a0ff33,#0000);position:absolute}.hut__window .bigwindow{filter:drop-shadow(0 0 calc(var(--px) * 3) #8caaff66)}.shelf{align-items:flex-end;gap:calc(var(--px) * 1.5);height:calc(var(--px) * 15);padding:0 calc(var(--px) * 2);border-bottom:calc(var(--px) * 1.5) solid var(--wood);box-shadow:0 var(--px) 0 var(--wood-dark), 0 calc(var(--px) * 2) 0 #00000040;display:flex;position:absolute}.shelf--upper{right:calc(var(--px) * 4);top:calc(var(--px) * 6);width:60%}.shelf--lower{left:calc(var(--px) * 4);right:calc(var(--px) * 4);top:calc(var(--px) * 25);padding-left:calc(40% - var(--px) * 6)}.shelf__gap{flex:1}.shelf__more{font-family:var(--font-display);font-size:calc(var(--px) * 2.6);color:var(--gold);align-self:center;margin-left:auto}.hut__floor{height:var(--floor);background:linear-gradient(var(--ink), var(--ink)) top / 100% var(--px) no-repeat, repeating-linear-gradient(90deg, #5b3d2a 0 calc(var(--px) * 21), #432c1e calc(var(--px) * 21) calc(var(--px) * 22));position:absolute;inset:auto 0 0}.hut__ground{height:var(--floor);bottom:0}.hut__props{bottom:calc(var(--px) * 13 + env(safe-area-inset-bottom));align-items:flex-end;gap:calc(var(--px) * 2);display:flex;position:absolute}.hut__props--left{left:calc(var(--px) * 9)}.hut__props--right{right:calc(var(--px) * 9)}.hut__props--right .candle:first-child{transform:translateY(calc(var(--px) * -3))}.hut__props--right .candle:last-child .candle__flame{animation-delay:-.23s}.hut__scrim{background:linear-gradient(to bottom, transparent calc(var(--scene-top) - var(--px) * 6), rgb(18 12 25/var(--scrim)) calc(var(--scene-top) + var(--px) * 8), rgb(18 12 25/var(--scrim)) calc(100% - var(--scene-bottom) - var(--px) * 10), rgb(18 12 25/var(--scrim-floor)) calc(100% - var(--scene-bottom) + var(--px) * 6));transition:opacity .3s;position:absolute;inset:0}.candle{flex-direction:column;align-items:center;display:inline-flex;position:relative}.candle__flame{filter:drop-shadow(0 0 calc(var(--px) * 2) #ff9a2e);transform-origin:50% 100%;animation:.5s steps(2,end) infinite flicker}@keyframes flicker{50%{transform:scaleY(.8) translateX(calc(var(--px) * .5))}}.hut__cauldron{--brew:#5fd068;--brew-light:#b6f24a;left:50%;bottom:calc(var(--px) * 3 + env(safe-area-inset-bottom));width:calc(var(--px) * 32);height:calc(var(--px) * 28);transform:translateX(-50%) scale(var(--cauldron,1.2));transform-origin:50% 100%;position:absolute}.hut__cauldron>.sprite{position:absolute}.hut__pot{left:calc(var(--px) * 2);filter:drop-shadow(0 0 calc(var(--px) * 4) color-mix(in srgb, var(--brew) 45%, transparent));top:0}.hut__hearth{bottom:0;left:0}.hut__fire{filter:drop-shadow(0 0 calc(var(--px) * 2) #ff9a2e)}.hut__fire--back{left:calc(var(--px) * 4);bottom:calc(var(--px) * 6)}.hut__fire--front{left:calc(var(--px) * 9);bottom:calc(var(--px) * 4)}.hut__cauldron:after{content:"";left:50%;bottom:calc(var(--px) * -4);width:calc(var(--px) * 56);height:calc(var(--px) * 10);z-index:-1;background:radial-gradient(closest-side,#ff963266,#0000);animation:.9s steps(3,end) infinite hearth-glow;position:absolute;transform:translate(-50%)}@keyframes hearth-glow{50%{opacity:.7}}.hut__steam i{top:calc(var(--px) * 3.5);width:calc(var(--px) * 2);height:calc(var(--px) * 2);background:var(--brew-light);opacity:0;animation:2.4s steps(8,end) infinite steam;position:absolute}.hut__steam i:first-child{left:30%}.hut__steam i:nth-child(2){animation-delay:-.9s;left:47%}.hut__steam i:nth-child(3){animation-delay:-1.6s;left:62%}.hut__steam i:nth-child(4){animation-duration:3.1s;animation-delay:-2.1s;left:38%}@keyframes steam{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:.85}to{transform:translate(calc(var(--px) * 2), calc(var(--px) * -15)) scale(1.2);opacity:0}}.hut__splash{left:50%;top:calc(var(--px) * 2);width:calc(var(--px) * 4);height:calc(var(--px) * 4);margin-left:calc(var(--px) * -2);background:var(--brew-light);box-shadow:calc(var(--px) * -8) calc(var(--px) * 2) 0 var(--brew), calc(var(--px) * 8) calc(var(--px) * 2) 0 var(--brew), calc(var(--px) * -4) calc(var(--px) * -3) 0 var(--brew-light), calc(var(--px) * 5) calc(var(--px) * -4) 0 var(--brew);animation:.55s steps(6,end) forwards splash;position:absolute}@keyframes splash{0%{opacity:1;transform:translateY(0)scale(.4)}60%{opacity:1}to{transform:translateY(calc(var(--px) * -14)) scale(1.5);opacity:0}}.cat{left:calc(var(--px) * 4);transform-origin:50% 100%;position:absolute;bottom:0}.cat--idle{animation:2.8s steps(2,end) infinite breathe}.cat--startled{animation:.5s steps(5,end) cat-jump}.cat--pleased{animation:.5s steps(4,end) 3 cat-wiggle}.cat__bubble{z-index:1;font-family:var(--font-display);font-size:calc(var(--px) * 4);padding:var(--px) calc(var(--px) * 2);color:var(--ink);background:var(--text);border:var(--px) solid var(--ink);white-space:nowrap;line-height:1;animation:.25s steps(3,end) pop;position:absolute;bottom:52%;left:96%}.cat__bubble--heart{color:#e0406a;font-size:calc(var(--px) * 3)}@keyframes breathe{50%{transform:scaleY(.97)}}@keyframes cat-jump{0%{transform:translateY(0)}40%{transform:translateY(calc(var(--px) * -5)) scaleY(1.12)}to{transform:translateY(0)}}@keyframes cat-wiggle{25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}.potion{flex:none;line-height:0;display:inline-flex;position:relative}.potion--pop{transform-origin:50% 100%;animation:.35s steps(5,end) pop}.potion--lean-left{transform-origin:25% 100%;margin-left:calc(var(--u) * -.5);rotate:-15deg}.potion--lean-right{transform-origin:75% 100%;margin-right:calc(var(--u) * -.5);rotate:15deg}.potion__fx{pointer-events:none;position:absolute;inset:0}.potion__fx i{width:var(--u);height:var(--u);opacity:0;position:absolute}.potion--lazy-bubble .potion__fx i:first-child{left:calc(var(--u) * 6);bottom:calc(var(--u) * 2);background:var(--liquid-light);animation:3.6s steps(5,end) infinite lazy-bubble}@keyframes lazy-bubble{0%{opacity:0;transform:translateY(0)}20%{opacity:.9}80%{opacity:.9}to{transform:translateY(calc(var(--u) * -4));opacity:0}}.potion--bubbles .potion__fx i{bottom:calc(var(--u) * 3);background:var(--liquid-light);animation:1.5s steps(7,end) infinite fizz}.potion--bubbles .potion__fx i:first-child{left:calc(var(--u) * 4)}.potion--bubbles .potion__fx i:nth-child(2){left:calc(var(--u) * 7);animation-delay:-.5s}.potion--bubbles .potion__fx i:nth-child(3){left:calc(var(--u) * 5.5);animation-delay:-1s}@keyframes fizz{0%{opacity:0;transform:translateY(0)}15%{opacity:1}70%{opacity:1}to{transform:translateY(calc(var(--u) * -15));opacity:0}}.potion--glow .sprite{animation:1.6s ease-in-out infinite glow-pulse}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 calc(var(--u) * .5) var(--glow)) brightness(1)}50%{filter:drop-shadow(0 0 calc(var(--u) * 3) var(--glow)) brightness(1.25)}}.potion--sparkles .sprite{filter:drop-shadow(0 0 var(--u) var(--glow))}.potion--sparkles .potion__fx i{left:calc(50% - var(--u) / 2);top:calc(55% - var(--u) / 2);box-shadow:0 0 var(--u) var(--glow);opacity:1;background:#fff;animation:2.4s steps(16,end) infinite orbit}.potion--sparkles .potion__fx i:nth-child(2){background:var(--liquid-light);animation-delay:-.8s}.potion--sparkles .potion__fx i:nth-child(3){animation-delay:-1.6s}@keyframes orbit{0%{transform:rotate(0deg) translateX(calc(var(--u) * 8)) rotate(0deg) scale(1)}50%{transform:rotate(180deg) translateX(calc(var(--u) * 8)) rotate(-180deg) scale(.5)}to{transform:rotate(360deg) translateX(calc(var(--u) * 8)) rotate(-360deg) scale(1)}}.potion--smoke .sprite{animation:2s steps(4,end) infinite dread}.potion--smoke .potion__fx i{left:calc(var(--u) * 5);top:calc(var(--u) * -1);width:calc(var(--u) * 2);height:calc(var(--u) * 2);background:#4a4034;animation:2.4s steps(8,end) infinite smoke}.potion--smoke .potion__fx i:nth-child(2){background:#8a5a10;animation-delay:-.8s}.potion--smoke .potion__fx i:nth-child(3){animation-delay:-1.6s}@keyframes smoke{0%{opacity:0;transform:translate(0)scale(.6)}20%{opacity:.85}to{transform:translate(calc(var(--u) * -4), calc(var(--u) * -9)) scale(1.6);opacity:0}}@keyframes dread{0%,to{filter:drop-shadow(0 0 var(--u) var(--glow))}50%{filter:drop-shadow(0 0 calc(var(--u) * 3) var(--glow))}}.potion--still.potion--glow .sprite,.potion--still.potion--sparkles .sprite,.potion--still.potion--smoke .sprite{filter:drop-shadow(0 0 var(--u) var(--glow));animation:none}.hut__wing{--fu:clamp(var(--px), min(calc((var(--hut-h,100vh) - var(--px) * 77) / 79), calc(((100vw - 660px) / 2 - var(--px) * 6) / 52)), calc(var(--px) * 2));width:calc(50% - 330px);display:none;position:absolute;top:0;bottom:0}.hut__wing--left{left:0}.hut__wing--right{right:0}.wing__window{top:calc(var(--px) * 15);position:absolute;left:50%;transform:translate(-50%)}.bigwindow{filter:drop-shadow(0 0 calc(var(--px) * 6) #7896ff59);line-height:0;display:block;position:relative}.bigwindow__life{width:100%;height:100%;position:absolute;inset:0}.twinkle{animation:4.2s steps(2,end) infinite twinkle}@keyframes twinkle{50%{opacity:.15}}.shooting-star{opacity:0;animation:13s steps(18,end) infinite shooting-star}@keyframes shooting-star{0%,86%{opacity:0;transform:translate(0)}87%{opacity:1}96%{opacity:1}to{opacity:0;transform:translate(26px,15px)}}.cloud{animation:150s linear infinite cloud}.bigwindow--moon .cloud{animation-name:cloud-small}@keyframes cloud{0%{transform:translate(-16px)}55%,to{transform:translate(50px)}}@keyframes cloud-small{0%{transform:translate(-10px)}27%,to{transform:translate(22px)}}.chimney-smoke{opacity:0;animation:4s steps(8,end) infinite chimney-smoke}@keyframes chimney-smoke{0%{opacity:0;transform:translate(0)}20%{opacity:.8}to{opacity:0;transform:translate(3px,-9px)}}.firefly{animation:5s steps(5,end) infinite firefly}@keyframes firefly{0%,to{opacity:0;transform:translate(0)}40%{opacity:1}70%{opacity:.2;transform:translate(2px,-2px)}}.wing__floor{left:0;right:0;bottom:calc(var(--px) * 16);justify-content:center;align-items:flex-end;gap:calc(var(--px) * 3);display:flex;position:absolute}.hut__wing--left .wing__floor{padding-left:calc(var(--px) * 4);justify-content:flex-start;gap:0}.wing__stack{flex-direction:column;align-items:center;display:inline-flex}.wing__broom{margin-left:calc(var(--fu) * -4);transform:scaleX(-1)}.wing__pumpkin{margin-bottom:calc(var(--px) * -3)}.hut__wing--left .wing__pumpkin{margin-left:calc(var(--px) * 3)}.wing__stack .wing__pumpkin{margin-bottom:0}.wing__barrel{margin-left:calc(var(--px) * 3)}.wing__sack{margin-left:calc(var(--px) * -2)}.wing__hat{margin-bottom:calc(var(--px) * -1);transform-origin:50% 100%;transform:rotate(-6deg)}.wing__sill{bottom:calc(var(--px) * 2);line-height:0;position:absolute}.wing__sill--left{left:calc(var(--px) * 7)}.wing__sill--right{right:calc(var(--px) * 7)}.wing__bat{top:calc(var(--px) * 2);transform-origin:50% 0;animation:5s ease-in-out infinite bat-sway;position:absolute;left:74%}@keyframes bat-sway{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}.wing__spider{top:calc(var(--px) * -6);right:calc(var(--px) * 13);animation:7s ease-in-out infinite spider;position:absolute}@keyframes spider{0%,to{transform:translateY(0)}50%{transform:translateY(calc(var(--px) * 5))}}.wing__herbs{top:calc(var(--px) * 3);gap:calc(var(--px) * 4);display:flex;position:absolute;left:12%}.wing__herbs .sprite:nth-child(2){margin-top:calc(var(--px) * 2)}.wing__cobweb{top:calc(var(--px) * 3);position:absolute;right:0}.wing__wall{display:none;position:absolute;top:50%}.wing__wall--portrait{left:76%}.wing__wall--crystal{animation:3.2s ease-in-out infinite crystal;left:22%}@keyframes crystal{0%,to{filter:drop-shadow(0 0 calc(var(--px) * 1) #8a6fe0)}50%{filter:drop-shadow(0 0 calc(var(--px) * 4) #b9a4ff)}}@media (width>=1180px) and (height>=880px){.wing__wall{display:block}}@media (width>=1180px){.hut__wing{display:block}.hut__scrim{-webkit-mask-image:linear-gradient(90deg,#0000 calc(50% - 430px),#000 calc(50% - 320px) calc(50% + 320px),#0000 calc(50% + 430px));mask-image:linear-gradient(90deg,#0000 calc(50% - 430px),#000 calc(50% - 320px) calc(50% + 320px),#0000 calc(50% + 430px))}}@media (width<=1499px){.wing__extra,.wing__wall--portrait{display:none!important}}@media (width<=1699px){.hut__wing--left .wing__extra{display:none}}@media (width>=900px) and (height>=900px){.hut__cauldron{--cauldron:1.6}}@media (width>=900px) and (height<=899px){.hut__cauldron{--cauldron:1}}@media (width>=1180px) and (height<=620px){.wing__floor{display:none}}.home{padding-bottom:calc(var(--scene-bottom) + env(safe-area-inset-bottom))}.home>:first-child{margin-top:auto}.home>:last-child{margin-bottom:auto}.home__title{text-align:center}.logo{font-family:var(--font-display);color:var(--accent);text-shadow:var(--b) var(--b) 0 var(--ink), calc(var(--b) * 2) calc(var(--b) * 2) 0 #5c2596;letter-spacing:.04em;font-size:clamp(34px,11vw,56px);line-height:1.1}.logo span{color:#d6a4ff}.tagline{color:var(--text);margin-top:10px}.home__how{align-self:center}.joinrow{gap:10px;display:flex}.input--code{font-family:var(--font-display);letter-spacing:.3em;text-align:center;text-transform:uppercase;min-width:0;font-size:20px}.howto ol{counter-reset:step;color:var(--muted);flex-direction:column;gap:8px;font-size:20px;display:flex}.howto li{counter-increment:step;white-space:nowrap;align-items:center;gap:10px;display:flex}.howto li:before{content:counter(step);font-family:var(--font-display);width:22px;height:22px;color:var(--ink);background:var(--gold);flex:none;place-items:center;font-size:10px;display:grid}.roomcode{align-items:center;gap:12px;display:flex}.roomcode__label{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.roomcode__code{font-family:var(--font-display);letter-spacing:.14em;color:var(--accent);text-shadow:var(--b) var(--b) 0 var(--ink);-webkit-user-select:all;user-select:all;font-size:clamp(30px,10.5vw,44px);line-height:1.1}.setup__summary{color:var(--muted)}.seats{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:8px;display:grid}.seat{background:var(--panel-2);border-left:4px solid var(--seat);align-items:center;gap:8px;min-height:44px;padding:6px 8px;animation:.25s steps(4,end) rise-in;display:flex}.seat__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.seat--away{opacity:.5}.seat__status{color:var(--muted);font-size:18px}.seat--empty{color:var(--muted);border:2px dashed var(--line);background:0 0;grid-column:1/-1;justify-content:center}.seat__kick{width:30px;height:30px;color:var(--muted);background:0 0;border:0;flex:none;font-size:22px;line-height:1}.seat__kick:hover{color:var(--danger)}.packbar{background:var(--panel-2);border:var(--b) solid var(--accent);min-height:56px;box-shadow:inset 0 0 0 2px var(--panel), inset 0 0 0 4px var(--accent-dark);text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.packbar__text{flex-direction:column;gap:2px;min-width:0;display:flex}.packbar__name{font-family:var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;font-size:12px}.packbar__cue{font-family:var(--font-display);color:var(--accent);text-transform:uppercase;flex:none;align-items:center;gap:4px;font-size:9px;display:flex}.packbar__arrow{border-top:8px solid;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0}.packmenu{width:100%;max-width:480px;max-height:80vh;color:var(--text);background:var(--panel);border:var(--b) solid var(--line);border-bottom:0;flex-direction:column;gap:10px;margin:0 auto;padding:12px;position:fixed;inset:auto 0 0}.packmenu[open]{display:flex}.packmenu::backdrop{background:#0e0a14b3}@media (width>=600px){.packmenu{border-bottom:var(--b) solid var(--line);height:fit-content;margin:auto;inset:0}}.packmenu__head{justify-content:space-between;align-items:center;display:flex}.packmenu__head h2{margin:0}.packmenu__search{min-height:44px;font:inherit;color:var(--text);background:var(--ink);border:var(--b) solid var(--line);padding:6px 10px;font-size:20px}.packmenu__search:focus{border-color:var(--accent);outline:none}.packmenu__list{flex-direction:column;gap:8px;min-height:0;display:flex;overflow-y:auto}.packmenu__empty{text-align:center;color:var(--muted);margin:8px 0}.packgroup{flex-direction:column;flex:none;gap:8px;display:flex}.packgroup+.packgroup{margin-top:8px}.packgroup__head{flex-wrap:wrap;align-items:baseline;column-gap:10px;display:flex}.packgroup__title{font-family:var(--font-display);text-transform:uppercase;color:var(--gold);font-size:10px}.pack{background:var(--panel-2);border:var(--b) solid var(--line);text-align:left;flex-direction:column;flex:none;align-items:stretch;gap:2px;min-height:48px;padding:8px 12px;display:flex}.pack:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.pack--on{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--panel), inset 0 0 0 4px var(--accent-dark)}.pack__name{font-family:var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;font-size:11px}.pack--theme:not(.pack--on){background:0 0}.pack__badge{vertical-align:middle;color:#14200a;background:var(--gold);margin-left:8px;padding:2px 4px;font-size:8px;display:inline-block}.pack__desc{color:var(--muted);font-size:17px}.stepper{align-items:center;gap:10px;min-height:48px;display:flex}.stepper__label{flex:1}.stepper__value{text-align:center;min-width:56px;font-family:var(--font-display);color:var(--gold);font-size:14px}.intro{padding-bottom:calc(var(--scene-bottom) + env(safe-area-inset-bottom));justify-content:center}.intro__card{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:22px 16px;display:flex}.prompt{font-family:var(--font-display);color:var(--text);text-wrap:balance;font-size:clamp(15px,4.6vw,22px);line-height:1.5}.prompt--big{font-size:clamp(18px,6vw,30px);animation:.4s steps(5,end) rise-in}.intro__count{font-family:var(--font-display);color:var(--accent);text-shadow:4px 4px 0 var(--ink);font-size:64px;line-height:1;animation:.3s steps(4,end) pop}.round{gap:10px}.round__panel{flex-direction:column;gap:10px;padding:12px;display:flex}.round__head{flex-direction:column;gap:4px;display:flex}.timer{align-items:center;gap:10px;display:flex}.timer__bar{border:var(--b) solid var(--ink);height:16px;box-shadow:0 0 0 2px var(--line);background:#120c19;flex:1}.timer__fill{background:var(--accent);height:100%;box-shadow:inset 0 -4px 0 var(--accent-dark);transition:width .1s linear}.timer__num{text-align:right;min-width:2ch;font-family:var(--font-display);color:var(--accent);font-size:16px}.timer--low .timer__fill{background:var(--danger);box-shadow:inset 0 -4px #a82a3e}.timer--low .timer__num{color:var(--danger);animation:.5s steps(2,end) infinite blink}.answerbox{gap:10px;display:flex}.input--answer{min-width:0}.feedback{flex-wrap:wrap;align-items:center;gap:8px;min-height:26px;font-size:21px;display:flex}.feedback--idle{color:var(--muted)}.feedback--good{color:var(--tier);animation:.2s steps(3,end) rise-in}.feedback__pts{font-family:var(--font-display);font-size:11px}.feedback--warn{color:var(--gold)}.feedback--bad{color:var(--danger)}.rivals{flex-wrap:wrap;gap:6px;display:flex}.rival{border-bottom:3px solid var(--seat);background:#241a31f5;align-items:center;gap:6px;padding:4px 8px 4px 5px;font-size:19px;display:flex}.rival--away{opacity:.45}.rival__name{text-overflow:ellipsis;white-space:nowrap;max-width:9ch;overflow:hidden}.rival__count{font-family:var(--font-display);color:var(--seat);font-size:11px;animation:.25s steps(3,end) pop}.brews,.answers{flex-direction:column;gap:6px;display:flex}.brew,.answer{--px:3px;border-left:4px solid var(--tier);background:#241a31f5;align-items:center;gap:10px;padding:6px 10px;display:flex}.brew{animation:.25s steps(4,end) rise-in}.brew__name,.answer__name{overflow-wrap:anywhere;flex:1;min-width:0}.brew__pts,.answer__pts{font-family:var(--font-display);white-space:nowrap;color:var(--tier);font-size:10px}.results__head{text-align:center;border:var(--b) solid var(--ink);background:#1b1326eb;align-self:center;max-width:100%;padding:7px 10px 5px}.bestbrews{cursor:pointer}.bestbrews__list{flex-direction:column;gap:8px;display:flex}.bestbrew{--px:3px;background:var(--panel-2);border:var(--b) solid var(--ink);min-height:72px;box-shadow:inset 4px 0 0 var(--tier,var(--line));align-items:center;gap:12px;padding:8px 12px;animation:.5s steps(6,end) brew-reveal;display:flex}.bestbrew--1{background:linear-gradient(90deg, color-mix(in srgb, var(--tier) 22%, transparent), transparent 70%), var(--panel-2);min-height:96px}.bestbrew--hidden{box-shadow:none;border-style:dashed;border-color:var(--line);background:0 0;animation:none}.bestbrew__place{width:40px;font-family:var(--font-display);color:var(--gold);flex:none;font-size:11px}.bestbrew--hidden .bestbrew__place{color:var(--muted)}.bestbrew__mystery{font-family:var(--font-display);color:var(--line);font-size:22px;animation:1s steps(2,end) infinite blink}.bestbrew__body{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.bestbrew__name{overflow-wrap:anywhere;font-size:24px;line-height:1.15}.bestbrew--1 .bestbrew__name{font-size:28px}.bestbrew__meta,.bestbrew__by{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bestbrew__by{color:var(--muted);font-size:19px}.bestbrew__pts{font-family:var(--font-display);color:var(--tier);font-size:12px}.bestbrew--1{position:relative}.topshelf__seal{--px:4px;filter:drop-shadow(2px 2px 0 var(--ink));position:absolute;top:-12px;right:-10px;transform:rotate(-12deg)}.topshelf__tag{font-family:var(--font-display);color:var(--ink);background:var(--gold);white-space:nowrap;padding:4px 5px 3px;font-size:8px;line-height:1}.topshelf--stamp{animation:.5s steps(6,end) .4s backwards stamp}.topshelf__tag.topshelf--stamp{animation:.3s steps(3,end) .75s backwards pop}@keyframes stamp{0%{opacity:0;transform:scale(2.6)rotate(-36deg)}45%{opacity:1;filter:brightness(1.8);transform:scale(.85)rotate(-8deg)}70%{transform:scale(1.12)rotate(-14deg)}to{transform:scale(1)rotate(-12deg)}}.unbrewed{border-top:2px dashed var(--line);margin-top:10px;padding-top:8px}.unbrewed__title{font-family:var(--font-display);color:var(--muted);font-size:10px}.unbrewed__list{flex-wrap:wrap;gap:4px 14px;margin-top:4px;display:flex}.unbrewed__item{--px:2px;align-items:center;gap:6px;min-width:0;display:flex}.unbrewed__name{overflow-wrap:anywhere;font-size:19px}@media (width<=480px){.unbrewed__item:nth-child(n+3){display:none}}@keyframes brew-reveal{0%{opacity:0;filter:brightness(3);transform:scale(.6)rotate(-4deg)}50%{opacity:1;filter:brightness(1.6);transform:scale(1.06)rotate(1deg)}to{filter:brightness();transform:scale(1)}}.reveal{animation:.35s steps(5,end) backwards rise-in}.reveal:nth-of-type(3){animation-delay:.15s}.reveal:nth-of-type(4){animation-delay:.3s}.board{flex-direction:column;gap:6px;display:flex}.board__item{background:var(--panel-2)}.board__item--you{box-shadow:0 0 0 2px var(--line)}.board__row{border:0;border-left:4px solid var(--seat);text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 10px;display:flex}.board__row .pname{flex:1}.board__rank{width:18px;font-family:var(--font-display);color:var(--muted);flex:none;font-size:11px}.board__round{--px:1.5px;color:var(--accent);white-space:nowrap;font-size:19px;position:relative}.board__seal{position:absolute;top:-7px;left:-9px;transform:rotate(-12deg)}.board__total{text-align:right;min-width:6ch;font-family:var(--font-display);white-space:nowrap;font-size:11px}.board__chev{color:var(--muted);font-size:16px}.board__item .answers{padding:2px 8px 8px 12px}.board__item .answer{background:var(--panel)}.answer__main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.answer--jinxed .answer__name{text-decoration:line-through;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--danger);text-decoration-color:var(--danger);color:var(--muted)}.answer--topshelf{--tier:var(--gold)}.answer--topshelf .answer__name{font-family:var(--font-display);color:var(--gold);font-size:9px}.answer--jinxed .answer__pts{color:var(--muted)}.answer__tags,.jinx{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.jinx__tag{font-family:var(--font-display);color:var(--ink);background:var(--danger);white-space:nowrap;padding:4px 5px 3px;font-size:8px;line-height:1}.jinx__dots{gap:3px;display:inline-flex}.awards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.award{--px:3px;align-items:center;gap:12px;display:flex}.award__icon{flex:none;place-items:center;width:56px;display:grid}.award--nemesis{--px:2.5px}.award--nemesis .award__icon{width:88px}.award__and{color:var(--muted);align-self:center}.award__body{flex-direction:column;gap:4px;min-width:0;display:flex}.award__title{font-family:var(--font-display);color:var(--gold);text-transform:uppercase;font-size:10px}.award__about{color:var(--muted);font-size:16px}.award__detail{font-size:20px}.award__who{color:var(--muted);flex-wrap:wrap;gap:4px 10px;font-size:19px;display:flex}.bottombar__text strong{font-family:var(--font-display);color:var(--gold);font-size:12px}.gameover__head{text-align:center;flex-direction:column;gap:8px;display:flex}.gameover__head .eyebrow{color:var(--text)}.podium{justify-content:center;align-items:flex-end;gap:8px;padding-top:8px;display:flex}.podium__col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;max-width:170px;animation:.5s steps(6,end) backwards rise-in;display:flex}.podium__col--1{animation-delay:.5s}.podium__col--2{animation-delay:.25s}.podium__col .pname{background:#1b1326eb;max-width:100%;padding:3px 8px 3px 3px;font-size:20px}.podium__block{background:var(--seat);width:100%;height:64px;color:var(--ink);border:var(--b) solid var(--ink);flex-direction:column;align-items:center;gap:6px;padding-top:10px;display:flex;box-shadow:inset 0 -6px #00000038}.podium__col--1 .podium__block{height:116px}.podium__col--2 .podium__block{height:88px}.podium__rank{font-family:var(--font-display);font-size:20px}.podium__score{font-family:var(--font-display);font-size:9px}.podium__crown{animation:.4s steps(4,end) .9s backwards pop}.board__row--static{cursor:default}.brewofgame__row{--px:3px;align-items:center;gap:14px;display:flex}