html,body{overscroll-behavior:none;height:100%;overflow:hidden}body{background:var(--night-0)}.app{left:0;right:0;top:var(--vv-top,0px);height:var(--vv-h,100svh);justify-content:center;display:flex;position:fixed}.game{width:min(100%, calc(432px * var(--k,1)));background:var(--night-1);touch-action:manipulation;height:100%;position:relative;overflow:hidden}.app:has(>.game[data-wide]){overflow:hidden}.game[data-wide]{overflow:visible}:root[data-grow] .game{--px:calc(2px * var(--k));--text-xs:calc(.875rem * var(--k));--text-sm:calc(1rem * var(--k));--text-md:calc(1rem * var(--k));--text-readout:calc(1.125rem * var(--k));--text-lg:calc(1.25rem * var(--k));--text-xl:calc(1.75rem * var(--k));--text-2xl:calc(2.5rem * var(--k));--text-balloon:calc(1.375rem * var(--k));--space-1:calc(.25rem * var(--k));--space-2:calc(.5rem * var(--k));--space-3:calc(.75rem * var(--k));--space-4:calc(1rem * var(--k));--space-5:calc(1.5rem * var(--k));--space-6:calc(2rem * var(--k));--space-7:calc(3rem * var(--k));--gutter:calc(16px * var(--k));--radius-sm:calc(4px * var(--k));--radius-md:calc(8px * var(--k));--tap-min:calc(44px * var(--k))}.stage{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;left:0}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.door{z-index:4;padding:34px var(--gutter) var(--space-2);flex-direction:column;align-items:center;display:flex;position:absolute;inset:0}.door .titlehost{flex-direction:column;align-items:center;width:100%;display:flex}.door .titlebox{transform-origin:50% 35%;position:relative}.door .titlebox.landing{translate:0 10px;scale:1.08}.door .titlebox.settle{transition:scale .38s cubic-bezier(.2,.7,.2,1),translate .38s cubic-bezier(.2,.7,.2,1);translate:0;scale:1}.door .titlebox.instant,.door .titlebox.instant *{transition:none!important}.door .title{font-family:"Modak", var(--font-balloon);letter-spacing:.01em;color:var(--thronk-orange);-webkit-text-stroke:8px var(--thronk-outline);paint-order:stroke fill;text-shadow:0 4px 0 var(--thronk-outline-lift), 0 8px 0 var(--thronk-outline);--color-balloon-ink:var(--thronk-orange);margin:0;font-size:min(60px,18vw - 6px);font-weight:400;line-height:.95;transition:text-shadow .15s steps(2,end)}.door .title.melting{-webkit-text-stroke-color:transparent;text-shadow:none}::highlight(thronk-hide){color:#0000;-webkit-text-stroke-color:transparent}.door .title.zing{animation:.42s steps(6,end) door-zing}@keyframes door-zing{0%{filter:brightness(1.25);transform:translateY(0)}30%{transform:translateY(-4px)}to{filter:none;transform:translateY(0)}}.door .title .ch{display:inline-block;position:relative}.door .title.alive .ch:not(.eye):before{content:attr(data-c);color:var(--thronk-glow);-webkit-text-stroke:0;text-shadow:none;clip-path:inset(0 0 100%);pointer-events:none;transition:clip-path .38s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0}.door .title.gold .ch:not(.eye):before{clip-path:inset(0 0 54%)}.door .title .eye{color:var(--thronk-orange);transition:color .45s steps(5,end);position:relative}.door .title .eye.open{color:#0000}.door .title .iris{background:radial-gradient(circle, var(--thronk-glow) 0 30%, var(--thronk-orange) 31% 62%, var(--thronk-orange-deep) 63% 80%, var(--thronk-outline) 81%);opacity:0;border-radius:50%;width:.6em;height:.6em;transition:top .4s cubic-bezier(.25,1.25,.45,1),scale .4s cubic-bezier(.25,1.25,.45,1),opacity .2s steps(2,end);position:absolute;top:46%;left:50%;overflow:hidden;translate:-50% -50%;scale:.7}.door .title .eye.open .iris{opacity:1;top:56%;scale:1}.door .title .pupil{background:var(--thronk-pupil);width:.2em;height:.2em;box-shadow:-.05em -.05em 0 -.02em var(--thronk-rim);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.door .title.alive .pupil{animation:6.5s ease-in-out 1.2s infinite door-look,4.3s ease-in-out .4s infinite alternate door-dilate}@keyframes door-look{0%,18%{translate:-50% -50%}24%,40%{translate:-110% -40%}46%,62%{translate:10% -45%}68%,84%{translate:-50% -15%}90%,to{translate:-50% -50%}}@keyframes door-dilate{0%,20%{scale:1}80%,to{scale:1.22}}.door .rule{background:var(--thronk-rim);width:88%;height:10px;box-shadow:0 0 0 3px var(--thronk-outline), 0 5px 0 3px var(--thronk-outline-lift);clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));margin:10px auto 0;position:relative;scale:0 1}.door .rule:after{content:"";background:var(--thronk-orange);outline:3px solid var(--thronk-outline);width:14px;height:14px;position:absolute;top:50%;left:50%;translate:-50% -50%;rotate:45deg}:root[data-look-title]:not([data-look-title=modak]) .door .title{color:var(--title-ivory);-webkit-text-stroke:0;paint-order:normal;white-space:nowrap;text-shadow:0 2px 0 var(--title-shade), 0 0 14px var(--title-shade);line-height:1}:root[data-look-title] .door .title .eye.open,:root[data-look-title] .door .title.melting{text-shadow:none}:root[data-look-title=gloock] .door .title{font-family:"Gloock", var(--font-balloon);letter-spacing:.06em;font-size:min(50px,12.4vw - 3px)}:root[data-look-title=kalnia] .door .title{font-family:"Kalnia Variable", var(--font-balloon);letter-spacing:.02em;font-size:min(46px,11.4vw - 3px);font-weight:700;font-stretch:100%}:root[data-look-title=ojuju] .door .title{font-family:"Ojuju Variable", var(--font-balloon);letter-spacing:.02em;font-size:min(52px,12.8vw - 3px);font-weight:800}:root[data-look-title=danfo] .door .title{font-family:"Danfo Variable", var(--font-balloon);font-variation-settings:"ELSH" 0;letter-spacing:.02em;font-size:min(44px,10.8vw - 3px)}:root[data-look-title]:not([data-look-title=modak]) .door .title.alive .ch:not(.eye):before{color:var(--title-lit)}:root[data-look-title]:not([data-look-title=modak]) .door .title.gold .ch:not(.eye):before{clip-path:inset(0 0 60%)}:root[data-look-title] .door .title .eye.open{color:var(--title-ivory)}:root[data-look-title] .door .title .pupil{width:40%;height:40%}:root[data-look-title=gloock] .door .title .iris{width:.38em;height:.38em}:root[data-look-title=gloock] .door .title .eye.open .iris{top:51%}:root[data-look-title=kalnia] .door .title .iris{width:.34em;height:.34em}:root[data-look-title=kalnia] .door .title .eye.open .iris{top:51%}:root[data-look-title=ojuju] .door .title .iris{z-index:1;width:.36em;height:.36em}:root[data-look-title=ojuju] .door .title .eye.open:after{content:"";background:var(--title-ivory);border-radius:50%;width:.56em;height:.4em;position:absolute;top:50%;left:50%;translate:-50% -50%}:root[data-look-title=ojuju] .door .title .eye.open .iris{top:50%}:root[data-look-title=danfo] .door .title .iris{width:.3em;height:.3em}:root[data-look-title=danfo] .door .title .eye.open .iris{top:50%}:root[data-look-title]:not([data-look-title=modak]) .door .rule{background:var(--title-ivory);width:70%;height:2px;box-shadow:0 1px 0 var(--title-shade);clip-path:none;margin-top:12px}:root[data-look-title]:not([data-look-title=modak]) .door .rule:after{width:9px;height:9px;box-shadow:0 0 0 2px var(--title-shade);outline:0}:root[data-logo~=bigE] .door .title{white-space:nowrap}:root[data-logo~=bigE][data-look-title=modak] .door .title{font-size:min(52px,15vw - 6px)}:root[data-logo~=bigE] .door .title .ch:first-child{font-size:1.5em;line-height:.8}:root[data-logo~=bigE] .door .title.melting,:root[data-logo~=bigE] .door .title.swarming{padding-top:.25em}:root[data-logo~=tail] .door .rule{visibility:hidden}.door .ytail{pointer-events:none;color:var(--title-ivory);position:absolute;top:0;left:0;overflow:visible}.door .ytail path{fill:currentColor;filter:drop-shadow(0 1px 0 var(--title-shade))}.door .ytail .stud{fill:var(--thronk-orange)}.door .ytail{clip-path:inset(0 100% 0 0)}.door .ytail.in{clip-path:inset(0);transition:clip-path .52s cubic-bezier(.3,.7,.2,1)}:root[data-logo~=nudge] .door .title.alive .ch[data-c=L]{transform-origin:50% 100%;animation:6.5s ease-in-out 1.2s infinite nudge-l,5.2s step-end 1.6s infinite nudge-hop}:root[data-logo~=nudge] .door .title.alive .ch[data-c=P]{transform-origin:50% 100%;animation:6.5s ease-in-out 1.2s infinite nudge-p,5.2s step-end 1.6s infinite nudge-hop}@keyframes nudge-l{0%,18%{transform:none}24%,40%{transform:translate(-.04em)rotate(-9deg)}46%,62%{transform:rotate(2deg)}68%,84%{transform:translateY(.05em)}90%,to{transform:none}}@keyframes nudge-p{0%,18%{transform:none}24%,40%{transform:rotate(-2deg)}46%,62%{transform:translate(.04em)rotate(9deg)}68%,84%{transform:translateY(.05em)}90%,to{transform:none}}@keyframes nudge-hop{0%,96%{scale:1}97%{scale:1.04 .9}98%,99%{scale:.97 1.06}}:root[data-logo~=arch] .door .rule{visibility:hidden}.door .archrule{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.door .archrule path{fill:none;stroke:var(--title-ivory);stroke-width:2px;filter:drop-shadow(0 1px 0 var(--title-shade))}.door .archrule .stud{fill:var(--thronk-orange)}.door .titlehost.crown .sub{order:-1;margin:0 0 4px}@property --eye-lit{syntax:"<number>";inherits:true;initial-value:.75}@keyframes eye-lit{0%,to{--eye-lit:1}50%{--eye-lit:.5}}.door .titlehost.crown .title.alive{animation:eye-lit 2.618s ease-in-out infinite var(--eye-phase,0s)}.game[data-reduced] .door .titlehost.crown .title.alive{animation:none}.door .titlehost.crown .title.alive .ch:not(.eye){--lit:color-mix(in srgb, var(--thronk-orange) calc(var(--eye-lit) * var(--lf,0) * 100%), transparent);text-shadow:calc(var(--lx,0) * 1em) calc(var(--ly,0) * 1em) 0 var(--lit), calc(var(--lx,0) * 1.6em) calc(var(--ly,0) * 1.6em) .18em var(--lit), 0 2px 0 var(--title-shade), 0 0 14px var(--title-shade)}.door .archrule{clip-path:inset(0 50%)}.door .archrule.in{clip-path:inset(0);transition:clip-path .42s cubic-bezier(.2,.7,.2,1)}:root[data-logo~=plate] .door .titlebox{padding:14px 18px 16px}:root[data-logo~=plate] .door .titlebox:before{content:"";z-index:-1;background:var(--dusk-3);box-shadow:inset 0 3px 0 var(--dusk-6), inset 0 -5px 0 var(--dusk-1);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));position:absolute;inset:0}:root[data-logo~=plate] .door .title .eye.open .iris{top:40%}:root[data-logo~=plate] .door .titlebox.landing:before{opacity:0}:root[data-logo~=plate] .door .titlebox.settle:before{opacity:1;transition:opacity .3s steps(3,end)}.game[data-reduced] .door .title .ch{animation:none!important}:root[data-look-palette=plum] body{background:#150f26}:root[data-look-palette=kingdom] body{background:#0b1a24}:root[data-look-palette=ember] body{background:var(--dusk-1)}:root[data-look-palette=ember]{--thronk-orange:var(--accent-cool);--thronk-orange-deep:var(--accent-cool-deep)}:root[data-look-palette=ember] .door .title .iris{background:radial-gradient(circle, var(--accent-cool-light) 0 30%, var(--accent-cool) 31% 62%, var(--accent-cool-deep) 63% 80%, var(--thronk-outline) 81%)}.door .title.swarming{color:#0000!important;-webkit-text-stroke-color:transparent!important;text-shadow:none!important}.door .swarm{pointer-events:none;z-index:2;position:absolute}.door .rule.in{transition:scale .28s steps(7,end);scale:1}.door .glyphs{pointer-events:none;transform-origin:50% 55%;position:absolute}.door .glyphs.arrive{animation:.45s steps(6,end) both door-arrive}@keyframes door-arrive{0%{opacity:0;scale:1.5}30%{opacity:1}60%{scale:.94}to{scale:1}}.door .glyphs.surge{animation:.7s steps(10,end) both door-surge}@keyframes door-surge{0%{filter:drop-shadow(0 0 #ff8a3d00);scale:1}35%{filter:drop-shadow(0 0 3px var(--thronk-glow)) drop-shadow(0 0 12px #ff8a3dd9);scale:1.1}50%{translate:-2px;scale:1.06}55%{translate:2px}60%{translate:0}to{filter:drop-shadow(0 0 4px #ff8a3d80);scale:1}}.door .sub{text-align:center;font-family:var(--font-balloon);color:var(--thronk-rim);-webkit-text-stroke:5px var(--night-0);paint-order:stroke fill;word-spacing:.1em;opacity:0;margin:14px 0 0;font-weight:650;line-height:1.22}.door .sub span{white-space:nowrap;display:block}.door .sub.in{opacity:1;transition:opacity .3s steps(4,end)}.door .playwrap{opacity:0;pointer-events:none;margin-top:auto;position:relative;scale:.6}.door .playwrap.in{opacity:1;pointer-events:auto;transition:opacity .16s steps(2,end),scale .26s cubic-bezier(.3,1.6,.5,1);scale:1}.door .play[data-style=swarm]{min-height:calc(64px * var(--k,1));min-width:calc(200px * var(--k,1));padding:0 var(--space-6);font:800 calc(1.625rem * var(--k,1))/1 var(--font-ui);letter-spacing:.04em;color:var(--night-0);background:var(--color-accent);clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));box-shadow:inset 0 -8px 0 var(--play-shade), inset 0 4px 0 var(--play-light);border-radius:0;position:relative;overflow:hidden}.door .play[data-style=swarm]:after{content:"";background:#ffffff8c;width:24px;animation:3.6s steps(18,end) 1s infinite door-glint;position:absolute;top:0;bottom:0;left:-40px;transform:skew(-20deg)}@keyframes door-glint{0%{left:-40px}30%,to{left:calc(100% + 40px)}}.door .playwrap:before{content:"";background:var(--play-base);z-index:-1;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px));position:absolute;inset:8px 0 -8px}.door .play[data-style=swarm]:focus-visible{outline:3px solid var(--night-0);outline-offset:-9px}.door .play[data-style=swarm]:active:not(:disabled){box-shadow:inset 0 -2px 0 var(--play-shade), inset 0 4px 0 var(--play-light);transform:translateY(6px)}.door .fly{pointer-events:none;z-index:6;background:var(--firefly);width:4px;height:4px;animation:door-orbit var(--d) linear infinite var(--delay), door-blinkfly 1.7s steps(2) infinite var(--delay);offset-path:var(--path);offset-rotate:0deg;position:absolute;top:50%;left:50%;box-shadow:2px 0 #d8f27a4d,-2px 0 #d8f27a4d,0 2px #d8f27a4d,0 -2px #d8f27a4d}.door .fly:nth-child(3n+1){width:2px;height:2px}@keyframes door-orbit{to{offset-distance:100%}}@keyframes door-blinkfly{50%{opacity:.3}}.door .playwrap.dissolving .play{pointer-events:none;background:var(--color-accent);transform-origin:50% 100%;animation:.9s linear forwards play-press}.door .playwrap.dissolving .play:after{display:none}.door .playwrap.dissolving:before{opacity:0;transition:opacity .12s steps(2,end) .62s}@keyframes play-press{0%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.9,.4);translate:0;scale:1}10%{opacity:1;box-shadow:inset 0 -2px 0 var(--play-shade), inset 0 3px 0 var(--play-base);translate:0 8px;scale:1.05 .88}24%{opacity:1;box-shadow:inset 0 -2px 0 var(--play-shade), inset 0 3px 0 var(--play-base);animation-timing-function:cubic-bezier(.2,.9,.3,1);translate:0 8px;scale:1.05 .88}38%{opacity:1;animation-timing-function:cubic-bezier(.4,0,.4,1);translate:0 -7px;scale:.95 1.09}48%{opacity:1;background:var(--firefly);color:var(--firefly);box-shadow:none;animation-timing-function:step-end;translate:0;scale:1}56%{opacity:1;background:var(--color-accent);animation-timing-function:step-end}64%{opacity:1;background:var(--firefly);color:var(--firefly);box-shadow:none;animation-timing-function:step-end}74%{opacity:.6;background:var(--firefly);color:var(--firefly);box-shadow:none;animation-timing-function:step-end}84%,to{opacity:0}}.door .playwrap .ring{pointer-events:none;z-index:5;border:4px solid var(--firefly);height:64px;animation:.52s steps(7,end) forwards play-ring;position:absolute;top:0;left:0;right:0}@keyframes play-ring{0%{opacity:1;scale:1}to{opacity:0;scale:1.45 2.1}}.door .fly.mote{offset-path:none;animation:mote-in 1ms steps(1) var(--in) forwards, mote-drift var(--d) ease-in-out infinite alternate var(--delay), door-blinkfly 1.7s steps(2) infinite var(--delay);translate:0;scale:0}.door .fly.gather{transition:translate .2s cubic-bezier(.5,0,.9,.4);animation:none}@keyframes mote-in{to{scale:1}}.door.out .fly.mote{animation:mote-drift var(--d) ease-in-out infinite alternate var(--delay), mote-out .7s steps(7) .25s forwards;scale:1}@keyframes mote-out{to{opacity:0}}@keyframes mote-drift{to{translate:var(--dx) var(--dy)}}.game[data-reduced] .door .playwrap.dissolving .play{opacity:0;animation:none}.game[data-reduced] .door .fly.mote{scale:1;animation:none!important}.game[data-reduced] .door.out .fly.mote{opacity:0}.door .fly.burst{opacity:0;transition:translate .65s cubic-bezier(.15,.7,.3,1),opacity .65s steps(6,end);animation:none}.door .says{opacity:0;width:100%;margin-top:auto;padding-top:30px}.door .says.in{opacity:1;transition:opacity .2s steps(3,end)}.door .balloon.rulebox{z-index:auto;display:block;position:relative;bottom:auto;left:auto;right:auto}.door .rulebox .question{min-height:calc(2em * var(--leading-balloon));text-align:center;justify-content:center;align-items:center;padding:0 22px;display:flex;overflow:hidden}.door .rulebox .words{display:block}.door .rulebox .words.out{transition:translate .24s steps(6,end);translate:0 -130%}.door .rulebox .more{background:var(--color-balloon-ink);clip-path:polygon(0 0,100% 0,100% 3px,calc(100% - 3px) 3px,calc(100% - 3px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 9px,calc(100% - 9px) 9px,calc(100% - 9px) 12px,9px 12px,9px 9px,6px 9px,6px 6px,3px 6px,3px 3px,0 3px);width:18px;height:12px;animation:1s step-end infinite rule-more;position:absolute;bottom:-2px;right:0}@keyframes rule-more{50%{opacity:0}}.game[data-reduced] .door .rulebox .more{animation:none}.game[data-reduced] .door .rulebox .words.out{transition:none}.door .says+.playwrap{margin-top:var(--space-4)}.door .says:not(.beside)+.playwrap,.door .says:not(.beside)+.playwrap .play{width:100%}.door .says.beside{margin:0;padding-top:0;position:absolute}.door .says.beside+.playwrap{margin-top:auto}.door .says.beside .rulebox{font-size:var(--text-lg)}.door .says.beside .tail{top:calc(50% - 9px);left:-28px;transform:rotate(-90deg)scaleY(-1)}.door.out .says{opacity:0;transition:opacity .24s steps(4,end)}.game[data-reduced] .door .says.in{transition:none}.door.out .titlehost,.door.out .door-footer,.door.out .play,.door.out .playwrap:before{opacity:0;transition:opacity .24s steps(4,end)}.door.out{pointer-events:none}.door-footer{justify-content:center;gap:0 var(--space-5);margin-top:var(--space-3);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.door-footer a{min-height:var(--tap-min);-webkit-text-stroke:4px var(--night-0);paint-order:stroke fill;align-items:center;display:inline-flex}.game[data-phase=loading] .door-footer{opacity:0;pointer-events:none}.game[data-reduced] .door .fly,.game[data-reduced] .door .play:after,.game[data-reduced] .door .title.alive .iris,.game[data-reduced] .door .title.alive .pupil,.game[data-reduced] .door .title.zing{animation:none!important}.game[data-reduced] .door .fly{offset-distance:var(--at)}.game[data-reduced] .door .playwrap.in,.game[data-reduced] .door .title .iris,.game[data-reduced] .door .rule.in,.game[data-reduced] .door .sub.in,.game[data-reduced] .door .titlebox.settle,.game[data-reduced] .door .title.alive .ch:before{transition:none}@media (height<=520px){.door{padding-top:12px}.door .title{-webkit-text-stroke-width:6px;text-shadow:0 3px 0 var(--thronk-outline-lift), 0 6px 0 var(--thronk-outline);font-size:min(44px,18vw - 6px)}.door .rule{height:8px;margin-top:6px}.door .sub{margin-top:6px}}.play,.panel button{min-height:52px;padding:0 var(--space-5);font:700 var(--text-lg)/1 var(--font-ui);color:var(--night-0);background:var(--color-accent);border-radius:var(--radius-sm);box-shadow:inset 0 calc(-1 * var(--px) * 2) 0 color-mix(in srgb, var(--night-0) 35%, transparent);cursor:pointer;border:0}.play:disabled{background:var(--night-6);color:var(--color-ink);cursor:progress}@media (hover:hover){.play:hover:not(:disabled){filter:brightness(1.08)}}.play:active:not(:disabled){transform:translateY(var(--px))}.panel{z-index:5;place-content:center;justify-items:center;gap:var(--space-4);padding:var(--space-5) var(--gutter);text-align:center;font:500 var(--text-lg)/1.35 var(--font-ui);color:var(--color-ink);background:color-mix(in srgb, var(--night-0) 78%, transparent);border:0;display:grid;position:absolute;inset:0}.panel p{max-width:22rem;margin:0}button.panel{cursor:pointer}.balloon{bottom:calc(var(--kb-off) + var(--answer-h,64px) + var(--status-h,28px) + 2px);left:calc(10px * var(--k,1));right:calc(10px * var(--k,1));z-index:3;color:var(--color-balloon-ink);font-family:var(--font-balloon);font-optical-sizing:auto;font-variation-settings:"SOFT" 50, "WONK" 0;font-weight:560;font-size:var(--text-balloon);line-height:var(--leading-balloon);letter-spacing:-.005em;min-height:calc(64px * var(--k,1));border:calc(12px * var(--k,1)) solid transparent;border-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAaUlEQVR4nGNkQANS0vr/0cWePb3IiMxnRFd85uoxdD0MJtpWKJoZYRrOYFGMTTNIIxMDGYCRWFuQbSPLJib6anrw8h1RimHqyApyFnRTFMSFcNoAAxgpYs2+LRiaQpx8wDRKikAGxKQ9ALxtM57mObBHAAAAAElFTkSuQmCC) 6 fill / calc(12px * var(--k,1)) / 0 stretch;image-rendering:pixelated;padding:calc(2px * var(--k,1)) calc(6px * var(--k,1)) calc(4px * var(--k,1));position:absolute}.balloon[data-held]{visibility:hidden}.balloon{filter:drop-shadow(0 calc(3px * var(--k,1)) 0 var(--thronk-outline-lift)) drop-shadow(0 calc(3px * var(--k,1)) 0 var(--thronk-outline))}.question{text-wrap:pretty;margin:0;position:relative}.glyphs{pointer-events:none;position:absolute}::highlight(thronk-hide){color:#0000}.worth{font:700 var(--text-sm)/1.2 var(--font-ui);font-variation-settings:"opsz" 9;letter-spacing:.12em;margin:0 0 2px}.tail{top:calc(-28px * var(--k,1));left:var(--tail-x,60%);width:calc(18px * var(--k,1));height:calc(18px * var(--k,1));background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAARklEQVR4nGOUktb/f+bqMQZcwETbioEJpyxUwbOnFxnBikAcfIAJpBKfKWBFIALEwWcaVjchm4KiiJBpcAAKDhAmSiG6IADk0hveD/o3NQAAAABJRU5ErkJggg==) 0 0 / calc(18px * var(--k,1)) calc(18px * var(--k,1)) no-repeat;image-rendering:pixelated;position:absolute;transform:scaleY(-1)}.game[data-golden] .balloon{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAc0lEQVR4nGNkQANS0vr/0cWePb3IiMxnQVf8dJUNuh4G6TCG/8iaGWEanmJRjKn5CFgjEwMZgJFYW5BtI8smJjprOnqJONVQdUygIJSe+IkoPSB1IPXwyIXbZq2H0wYYgCcPeIrI58NqAwigpAhkQEzaAwDfFzDzq8iURwAAAABJRU5ErkJggg==)}.game[data-golden] .tail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAARklEQVR4nGOUktb//3SVDQMuIB12hIEJpyxUwbOnFxnBikAcfIAJpBKfKWBFIALEwWcaVjchm4KiiJBpcAAKDhAmSiG6IAB2WR+GuobwmQAAAABJRU5ErkJggg==)}.game[data-golden] .balloon:after{content:"";pointer-events:none;z-index:-1;background:linear-gradient(105deg,#0000 40%,#ffffff8c 50%,#0000 60%) -150% 0/250% 100% no-repeat;animation:2.4s steps(24,end) infinite shimmer;position:absolute;inset:0}@keyframes shimmer{to{background-position:250% 0}}.game[data-tier="3"] .question{letter-spacing:.01em;font-weight:720}.game[data-tier="3"] .answer input:focus{border-color:var(--color-danger)}.game[data-zing] .balloon{animation:.42s steps(6,end) zing}@keyframes zing{0%{filter:brightness(1.25);transform:translateY(0)}30%{transform:translateY(-4px)}to{filter:none;transform:translateY(0)}}.status{z-index:3;left:0;right:0;bottom:calc(var(--kb-off) + var(--answer-h,64px));align-items:center;gap:var(--space-1);min-height:calc(28px * var(--k,1));padding:0 var(--space-2) var(--space-1);font:650 var(--text-readout)/1.2 var(--font-ui);display:flex;position:absolute}.hint{flex:1;margin:0}.hint span{padding:calc(2px * var(--k,1)) calc(6px * var(--k,1));border-radius:var(--radius-sm);color:var(--color-ink);background:color-mix(in srgb, var(--night-0) 85%, transparent);display:inline-block}.hint span:empty{display:none}.corner-mute,.clock{z-index:4;top:calc(env(safe-area-inset-top,0px) + var(--space-2));position:absolute}.game .corner-mute{left:var(--space-2);color:var(--color-ink);background:color-mix(in srgb, var(--night-0) 70%, transparent)}.clock{right:var(--space-2);padding:calc(6px * var(--k,1)) calc(8px * var(--k,1));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--night-0) 70%, transparent)}.answer{left:0;right:0;bottom:var(--kb-off);z-index:3;align-items:center;gap:var(--space-2);padding:calc(10px * var(--k,1)) calc(12px * var(--k,1)) calc(calc(10px * var(--k,1)) + env(safe-area-inset-bottom,0px));background:color-mix(in srgb, var(--night-0) 82%, transparent);display:flex;position:absolute}.box{flex:1;min-width:0;display:flex;position:relative}.answer input{min-width:0;min-height:calc(56px * var(--k,1));font:650 calc(28px * var(--k,1))/1 var(--font-ui);font-variation-settings:"SOFT" 50;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);background:var(--night-2);border:calc(2px * var(--k,1)) solid var(--color-line);border-radius:var(--radius-sm);padding:calc(6px * var(--k,1)) calc(var(--tap-min) + calc(4px * var(--k,1))) calc(6px * var(--k,1)) calc(12px * var(--k,1));flex:1}.answer input::placeholder{color:var(--color-ink-faint);font-weight:400;font-size:calc(22px * var(--k,1));letter-spacing:0;text-transform:none}.game[data-keys][data-phase=round] .answer input{border-color:var(--color-focus)}.game[data-keys][data-phase=round][data-tier="3"] .answer input{border-color:var(--color-danger)}.answer input:focus{border-color:var(--color-focus);outline:none}.answer input:focus-visible{outline:none}.clock{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.count{font:700 calc(20px * var(--k,1))/1 var(--font-ui);font-variant-numeric:tabular-nums;text-align:right;min-width:3.4ch;color:var(--color-ink)}.count-to{font:600 var(--text-xs)/1 var(--font-ui);color:var(--color-ink-muted);white-space:nowrap}.game[data-zing] .box{animation:.42s steps(6,end) box-zing}.game[data-zing] .answer input{border-color:var(--color-ink);background:var(--night-6)}@keyframes box-zing{0%{transform:translateY(0)scale(1.03)}30%{transform:translateY(-4px)scale(1.03)}to{transform:none}}.answer[data-nudge] .box{animation:.3s step-end nudge}@keyframes nudge{0%{transform:translate(4px)}33%{transform:translate(-4px)}66%{transform:translate(2px)}to{transform:none}}.icon{min-width:var(--tap-min);min-height:var(--tap-min);color:var(--color-ink-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.icon:disabled{opacity:.35;cursor:default}.icon:active:not(:disabled) .glyph{transform:translateY(var(--px))}.icon .glyph{fill:currentColor;width:calc(18px * var(--k,1));height:calc(18px * var(--k,1))}.answer>.icon{background:var(--night-2);border:calc(2px * var(--k,1)) solid var(--color-line);min-height:calc(56px * var(--k,1))}.answer>.icon:is([data-act=back],[data-act=skip]){color:var(--color-arrow-ink);background:var(--color-arrow-key);border:calc(3px * var(--k,1)) solid var(--color-arrow-edge)}.answer>.icon:is([data-act=back],[data-act=skip]):active:not(:disabled){background:var(--color-arrow-key-down)}.answer>.icon:is([data-act=back],[data-act=skip]) .glyph{width:calc(24px * var(--k,1));height:calc(24px * var(--k,1))}.answer>.icon[data-act=skip][data-pulse]{animation:.7s cubic-bezier(.3,.7,.4,1) both skip-pulse}@keyframes skip-glow{40%{filter:brightness(1.3)}}@keyframes skip-pulse{0%{transform:none}35%{filter:brightness(1.15);transform:scale(1.18)}70%{transform:scale(.97)}to{transform:none}}.clear{position:absolute;top:0;bottom:0;right:0}.game[data-phase=door] .answer,.game[data-phase=door] .corner-mute,.game[data-phase=loading] .corner-mute,.game[data-phase=offline] .corner-mute,.game[data-phase=door] .clock,.game[data-phase=loading] .clock,.game[data-phase=offline] .clock,.game[data-phase=over] .corner-mute,.game[data-phase=over] .clock,.game[data-phase=result] .corner-mute,.game[data-phase=result] .clock,.game[data-phase=door] .status,.game[data-phase=loading] .status,.game[data-phase=offline] .status{opacity:0;pointer-events:none}.game[data-phase=door] .status,.game[data-phase=loading] .status,.game[data-phase=offline] .status,.game[data-phase=door] .corner-mute,.game[data-phase=loading] .corner-mute,.game[data-phase=offline] .corner-mute,.game[data-phase=door] .clock,.game[data-phase=loading] .clock,.game[data-phase=offline] .clock{visibility:hidden}.game[data-phase=intro] .clock{opacity:0}.game[data-phase=intro] .status,.game[data-phase=over] .status,.game[data-phase=over] .answer,.game[data-phase=result] .status,.game[data-phase=result] .answer{opacity:0;pointer-events:none}.game[data-phase=door] .answer,.game[data-phase=loading] .answer{opacity:0;translate:0 110%}.game[data-phase=intro] .answer{opacity:.6;transition:translate .46s cubic-bezier(.2,.9,.3,1.15) .3s,opacity .24s steps(4,end) .3s}.game[data-reduced] .answer{translate:none!important}.game[data-phase=loading] .answer>:not(.box),.game[data-phase=intro] .answer>:not(.box){visibility:hidden}.ending{z-index:5;color:var(--color-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;position:absolute;inset:0;overflow:hidden}.verdict-line{font-family:var(--font-balloon);font-size:var(--text-xl);font-weight:700;line-height:var(--leading-tight);margin:0}.verdict-facts{color:var(--color-ink-muted);font-size:var(--text-lg);margin:0}.go-on{left:50%;bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));z-index:2;min-height:var(--tap-min);padding:0 var(--space-4);font:600 var(--text-md)/1 var(--font-ui);white-space:nowrap;color:var(--color-ink);background:color-mix(in srgb, var(--night-0) 88%, transparent);border:2px solid var(--color-line);border-radius:var(--radius-sm);cursor:pointer;position:absolute;transform:translate(-50%)}.go-on:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.go-on[hidden]{display:none}.go-on{animation:.3s steps(3,end) both fade-in}.ending[data-end=won]{background:color-mix(in srgb, var(--night-0) 0%, transparent);transition:background .3s steps(3,end)}.ending[data-end=won]:not([data-step=beat]){background:color-mix(in srgb, var(--night-0) 72%, transparent)}.splash{justify-content:center;align-items:center;gap:var(--space-3);height:62%;padding:calc(var(--space-4) + env(safe-area-inset-top,0px)) var(--gutter) 0;text-align:center;visibility:hidden;z-index:2;flex-direction:column;display:flex;position:absolute;top:0;left:0;right:0}.ending[data-step=splash] .splash,.ending[data-step=reveal] .splash,.ending[data-step=named] .splash,.ending[data-step=case] .splash,.ending[data-step=landed] .splash{visibility:visible}.splash-line{max-width:22rem;font-family:var(--font-balloon);font-size:var(--text-lg);font-weight:700;line-height:var(--leading-tight);margin:0}.splash-line span{font-size:var(--text-xl);display:block}.hero{transform-origin:50%;place-items:center;display:grid;position:relative}.hero-art{transform-origin:50% 60%;display:grid}.hero-art img{image-rendering:pixelated;filter:saturate(1.3);grid-area:1/1;display:block;position:relative}.hero[data-golden] .hero-colour{filter:sepia()saturate(2.6)hue-rotate(-12deg)brightness(1.08)}.rays{background:radial-gradient(closest-side,#e6f0f58c,#e6f0f52e 55%,#0000 72%),repeating-conic-gradient(#e6f0f538 0deg 9deg,#0000 9deg 30deg);animation:6s steps(24,end) infinite rays;position:absolute;inset:-55%;-webkit-mask:radial-gradient(closest-side,#000 45%,#0000 100%);mask:radial-gradient(closest-side,#000 45%,#0000 100%)}@keyframes rays{to{transform:rotate(30deg)}}.hero-white{filter:brightness(0) invert(.93) drop-shadow(0 0 4px var(--thronk-rim)) drop-shadow(0 0 10px var(--firefly))}.ending[data-step=splash] .hero-colour,.ending[data-step=reveal] .hero-colour,.ending[data-step=case] .hero-white,.ending[data-step=landed] .hero-white{visibility:hidden}.ending[data-step=splash] .hero-art{animation:.42s steps(6,end) both pop,1.6s steps(4,end) .42s infinite bob}@keyframes bob{50%{translate:0 -4px}}.ending[data-step=reveal] .hero-art{animation:1.2s steps(24,end) both shake}.ending[data-step=reveal] .hero-white{animation:1.2s steps(12,end) both white-hot}@keyframes shake{0%{transform:none}20%{transform:translate(-2px)rotate(-3deg)}30%{transform:translate(2px,-1px)rotate(3deg)}45%{transform:translate(-4px)rotate(-5deg)}55%{transform:translate(4px,-2px)rotate(5deg)}70%{transform:translate(-6px,-1px)rotate(-8deg)}80%{transform:translate(6px,-3px)rotate(8deg)}90%{transform:translate(-6px)rotate(-6deg)}to{transform:none}}@keyframes white-hot{to{filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--thronk-rim)) drop-shadow(0 0 26px var(--firefly))}}.ending[data-step=reveal] .rays{animation-duration:1.2s}@property --hole{syntax:"<percentage>";inherits:false;initial-value:0%}.ending[data-step=named] .hero-white{filter:brightness(0) invert(1) drop-shadow(0 0 8px var(--thronk-rim)) drop-shadow(0 0 26px var(--firefly));-webkit-mask-image:radial-gradient(circle farthest-corner at 50% 55%, transparent var(--hole), #000 calc(var(--hole) + 6%));-webkit-mask-image:radial-gradient(circle farthest-corner at 50% 55%, transparent var(--hole), #000 calc(var(--hole) + 6%));mask-image:radial-gradient(circle farthest-corner at 50% 55%, transparent var(--hole), #000 calc(var(--hole) + 6%));animation:.56s steps(8,end) both open-up}@keyframes open-up{0%{--hole:-6%}to{--hole:100%}}.ending[data-step=named] .hero-colour{animation:.7s steps(6,end) both reveal-flash}@keyframes reveal-flash{0%{filter:saturate(1.3)brightness(2.4)}to{filter:saturate(1.3)}}.hero[data-golden] .hero-colour{animation-name:none}.ending[data-step=named] .hero-art{animation:.52s steps(6,end) both punch}@keyframes punch{0%{transform:none}35%{transform:translateY(-6px)scale(1.06)}70%{transform:translateY(1px)scale(.98)}to{transform:none}}.ending[data-step=named] .rays{background:radial-gradient(closest-side,#fff6d6bf,#d8f27a40 55%,#0000 72%),repeating-conic-gradient(#fff6d657 0deg 9deg,#0000 9deg 30deg);animation:2.4s steps(24,end) infinite rays,.7s steps(7,end) both flare}@keyframes flare{0%{scale:.8}40%{scale:1.4}to{scale:1.15}}.burst{border:6px solid var(--thronk-rim);width:120px;height:120px;box-shadow:0 0 18px var(--firefly), inset 0 0 18px var(--firefly);opacity:0;pointer-events:none;border-radius:50%;margin:-60px 0 0 -60px;position:absolute;top:50%;left:50%}.ending[data-step=named] .burst{animation:.62s steps(8,end) both burst}@keyframes burst{0%{opacity:1;border-width:10px;transform:scale(.4)}to{opacity:0;border-width:2px;transform:scale(3.2)}}.sparks{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.sparks i{left:calc(var(--ss) / -2);top:calc(var(--ss) / -2);width:var(--ss);height:var(--ss);background:var(--thronk-rim);box-shadow:0 0 6px var(--firefly);opacity:0;position:absolute}.sparks i:nth-child(3n){background:var(--firefly)}.sparks i:nth-child(4n){background:var(--color-tomorrow)}.ending[data-step=named] .sparks i{animation:.9s steps(9,end) both spark}.ending[data-step=named] .sparks i:nth-child(2n){animation-delay:60ms}@keyframes spark{0%{opacity:1;transform:translate(0)rotate(0)}60%{opacity:1}to{opacity:0;transform:translate(var(--sx), calc(var(--sy) + 40px)) rotate(180deg)}}.ending[data-end=won]:after{content:"";z-index:3;pointer-events:none;background:var(--thronk-rim);opacity:0;position:absolute;inset:0}.ending[data-step=named]:after{animation:.38s steps(4,end) both screen-flash}@keyframes screen-flash{0%{opacity:.55}to{opacity:0}}.prize-name{min-height:1.3em;font-family:var(--font-balloon);font-size:var(--text-xl);margin:0;font-weight:700;line-height:1.2}.ending[data-step=named] .prize-name{animation:.46s steps(6,end) .18s both stamp}@keyframes stamp{0%{opacity:0;transform:scale(1.8)rotate(-4deg)}50%{opacity:1;transform:scale(.94)rotate(1deg)}to{transform:none}}.ending[data-step=case] .prize-name,.ending[data-step=landed] .prize-name{opacity:0;transition:opacity .24s steps(3,end)}.reveal-cue{min-height:1.3em;font:600 var(--text-md)/1.3 var(--font-ui);color:var(--color-ink-muted);visibility:hidden;margin:0}.ending[data-step=splash] .reveal-cue{visibility:visible;animation:.3s steps(3,end) .9s both fade-in}@keyframes pop{0%{transform:scale(.2)}55%{transform:scale(1.14)}to{transform:scale(1)}}.ending[data-step=splash] .splash-line{animation:.24s steps(3,end) both fade-in}@keyframes fade-in{0%{opacity:0}}@keyframes fade-out{to{opacity:0}}.hero[data-flying]{transform:var(--fly);transition:transform var(--fly-ms,1.9s) cubic-bezier(.55, 0, .75, 1)}.hero[data-flying] .rays,.hero[data-flying] .burst,.hero[data-flying] .sparks{opacity:0;transition:opacity .3s steps(3,end)}.hero[data-gone]{visibility:hidden}.case-rise{z-index:1;background:linear-gradient(to bottom, color-mix(in srgb, var(--night-0) 0%, transparent), var(--night-0) 28%);height:60%;transition:transform .8s steps(10,end);position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(102%)}.case-rise canvas{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;left:0}.ending[data-step=case] .case-rise,.ending[data-step=landed] .case-rise{transform:none}.ending[data-step=landed] .case-rise{animation:.36s steps(3,end) case-flash}@keyframes case-flash{0%{filter:brightness(1.5)}to{filter:none}}.gulp{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-5) var(--gutter);text-align:center;visibility:hidden;display:grid;position:absolute;inset:0}.ending[data-step=gulp] .gulp,.ending[data-step=done] .gulp{visibility:visible;animation:.3s steps(3,end) both fade-in}.ending[data-end=eaten] .gulp{background:var(--throat-back)}.ending[data-end=eaten] .verdict-facts{color:var(--tongue)}.ending[data-step=gulp] .verdict-line{transform-origin:50% 100%;animation:.52s steps(8,end) both swallow}.ending:is([data-step=gulp],[data-step=done]) .verdict-then{animation:.3s steps(3,end) 1s both fade-in;display:inline-block}@keyframes swallow{0%{transform:none}30%{transform:scale(1.18,.7)translateY(12%)}60%{transform:scale(.92,1.14)translateY(-8%)}to{transform:none}}.result{z-index:6;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:calc(var(--space-5) + env(safe-area-inset-top,0px)) var(--gutter) calc(var(--space-6) + env(safe-area-inset-bottom,0px));color:var(--color-ink);background:var(--night-1);font:400 var(--text-md)/var(--leading-body) var(--font-ui);position:absolute;inset:0;overflow-y:auto}.result section{padding:var(--space-5) 0;border-top:2px solid var(--night-4)}.result section:first-child{border-top:0;padding-top:0}.result-head{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.result-prize{width:72px;height:auto;image-rendering:pixelated;filter:saturate(1.3);flex:none}.result-prize[data-missed],.case-door img[data-missed]{filter:brightness(0);opacity:.55}.result h1{font:700 var(--text-2xl)/1.05 var(--font-balloon);color:var(--color-ink);margin:0}.result h1:focus{outline:none}.result h2{margin:0 0 var(--space-3);font:700 var(--text-lg)/1.2 var(--font-balloon)}.result p{margin:0 0 var(--space-2)}.result .muted{color:var(--color-ink-muted)}.share-text{font-family:var(--font-balloon);font-size:var(--text-lg);color:var(--color-balloon-ink);background:var(--color-balloon);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-weight:600;line-height:1.3}.share-text span{margin-top:var(--space-1);font-size:var(--text-sm);font-weight:500;display:block}.share-btn{align-items:center;gap:var(--space-2);margin-top:var(--space-2);display:inline-flex}.share-btn .glyph{fill:currentColor}.share-note{min-height:1.5em;font-size:var(--text-sm);color:var(--color-ink-muted)}.big-facts{font:700 var(--text-2xl)/1 var(--font-balloon);margin-bottom:var(--space-3)!important}.missed{gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}.missed li{gap:2px;display:grid}.missed-q{color:var(--color-ink-muted)}.missed-a{letter-spacing:.04em;font-weight:700}.missed li[data-golden] .missed-a{color:var(--color-gold)}.countdown{font-variant-numeric:tabular-nums;font-weight:700}.rank{color:var(--color-ink);font-weight:600}.rank[data-rank=soon]{color:var(--color-ink-muted);font-weight:400}.signup label{margin-bottom:var(--space-1);font-weight:600;display:block}.signup-row{gap:var(--space-2);max-width:30rem;display:flex}.signup-row input{min-width:0;min-height:var(--tap-min);padding:0 var(--space-3);font:16px/1.2 var(--font-balloon);color:var(--color-balloon-ink);background:var(--color-balloon);border:2px solid var(--night-6);border-radius:var(--radius-sm);flex:1}.signup-row input:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.signup-row input[aria-invalid]{border-color:var(--color-danger)}.signup-row .play{flex:none}.signup-trap{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.result .result-next{align-items:center;gap:var(--space-4);padding:var(--space-4);margin:var(--space-3) 0;border:3px solid var(--color-tomorrow);border-radius:var(--radius-md);background:var(--night-2);display:flex}.result-next h2{font:800 var(--text-xl)/1.1 var(--font-balloon);color:var(--color-ink);margin:0}.result-next p{margin:4px 0 0!important}.next-for{font-size:var(--text-readout);color:var(--color-tomorrow);font-style:italic}.next-in{font-size:var(--text-readout)}.next-in .countdown{font-size:var(--text-lg)}.next-prize{object-fit:contain;width:72px;height:88px;image-rendering:pixelated;filter:brightness(0)invert(.72)sepia()hue-rotate(195deg)saturate(3.2);flex:none;align-self:center}.big-facts span{display:inline-block}.big-facts[data-done] span{animation:.32s cubic-bezier(.3,1.6,.5,1) tally-pop}@keyframes tally-pop{40%{scale:1.18}}@media (prefers-reduced-motion:reduce){.big-facts[data-done] span{animation:none}}.case-door{align-items:center;gap:var(--space-4);width:100%;min-height:88px;padding:var(--space-3) var(--space-4);font:600 var(--text-lg)/1.2 var(--font-balloon);text-align:left;color:var(--color-ink);background:var(--night-3);border:2px solid var(--color-line);border-radius:var(--radius-md);cursor:pointer;display:flex}.case-door img{width:64px;height:auto;image-rendering:pixelated;filter:saturate(1.3);flex:none}.case-door small{font:500 var(--text-sm)/1.2 var(--font-ui);color:var(--color-ink-muted);margin-top:2px;display:block}@media (hover:hover){.case-door:hover{border-color:var(--color-ink-muted)}}.case-door:focus-visible,.share-btn:focus-visible,.result a:focus-visible,.result .link:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.result-games ul{gap:var(--space-2);margin:0;padding:0;list-style:none;display:grid}.result-games li{gap:2px;display:grid}.result-games a{min-height:var(--tap-min);font:700 var(--text-lg)/1.2 var(--font-balloon);color:var(--color-accent);justify-self:start;align-items:center;display:inline-flex}.result-footer{gap:0 var(--space-5);padding-top:var(--space-4);border-top:2px solid var(--night-4);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.result-footer a,.result .link{min-height:var(--tap-min);color:var(--color-accent);align-items:center;display:inline-flex}.result .link{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.caseview-veil{display:none}.game[data-wide] .caseview-veil{z-index:7;background:color-mix(in srgb, var(--night-0) 62%, transparent);-webkit-backdrop-filter:blur(10px)saturate(.7);backdrop-filter:blur(10px)saturate(.7);animation:.24s steps(3,end) both fade-in;display:block;position:fixed;inset:0}.caseview{z-index:7;background:var(--night-0);color:var(--color-ink);grid-template-rows:auto 1fr auto auto;display:grid;position:absolute;inset:0}.caseview-head{align-items:center;gap:var(--space-3);padding:calc(var(--space-2) + env(safe-area-inset-top,0px)) var(--space-3) var(--space-2) var(--gutter);display:flex}.caseview-head h2{min-width:0;font:700 var(--text-lg)/1.2 var(--font-balloon);flex:1;margin:0}.caseview-count{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;margin:0}.caseview-stage{touch-action:none;cursor:grab;position:relative;overflow:hidden}.caseview-stage canvas{image-rendering:pixelated;image-rendering:crisp-edges;position:absolute;top:0;left:0}.caseview-stage,.caselist{grid-area:2/1;min-height:0}.caseview-stage[data-hidden=true]{visibility:hidden}.caseview-said[hidden],.caseview-keys[hidden]{display:none}.caseview-head .case-mode{min-height:44px;padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--night-2);border:2px solid var(--color-line);color:var(--color-ink);font:600 var(--text-readout)/1 var(--font-ui)}.caselist{padding:var(--space-2) var(--gutter) calc(var(--space-4) + env(safe-area-inset-bottom,0px));overscroll-behavior:contain;background:var(--night-0);margin:0;list-style:none;overflow-y:auto}.caselist li{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--night-3);min-height:56px;font-size:var(--text-readout);color:var(--color-ink-muted);line-height:1.35;display:flex}.caselist li[data-state=won]{color:var(--color-ink);font-weight:600}.caselist li[data-state=tomorrow]{color:var(--color-tomorrow);font-style:italic}.caselist img,.caselist-blank{object-fit:contain;width:40px;height:40px;image-rendering:pixelated;flex:none}.caselist-blank{border:2px dashed var(--night-6);border-radius:var(--radius-sm);box-sizing:border-box}.caselist li[data-state=tomorrow] .caselist-blank{border-color:var(--color-tomorrow)}.caseview-keys{justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3) calc(var(--space-2) + env(safe-area-inset-bottom,0px));flex-wrap:wrap;display:flex}.caseview .icon{background:var(--night-2);border:2px solid var(--color-line);font:700 var(--text-lg)/1 var(--font-ui);color:var(--color-ink)}.caseview-said{padding:var(--space-2) var(--gutter) 0;text-align:center;min-height:1.5em;font-size:var(--text-readout);margin:0;line-height:1.35}.caseview-said span{color:var(--color-ink-muted)}.case-tag{white-space:nowrap;pointer-events:none;font:italic 600 var(--text-readout)/1.2 var(--font-ui);color:var(--color-tomorrow);-webkit-text-stroke:4px var(--night-0);paint-order:stroke fill;opacity:0;margin:0;transition:opacity .25s;position:absolute;transform:translate(-50%,-100%)}.case-tag[data-on=true]{opacity:1}@media (prefers-reduced-motion:reduce){.case-tag{transition:none}}@property --kb-off{syntax:"<length>";inherits:true;initial-value:0}.game{--kb-off:0px;transition:--kb-off .38s cubic-bezier(.2,.8,.2,1)}.game[data-keys][data-phase=intro],.game[data-keys][data-phase=round],.game[data-keys][data-phase=resume]{--kb-off:var(--keys-h,0px)}.keys{z-index:3;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));background:var(--night-0);visibility:hidden;touch-action:manipulation;-webkit-user-select:none;user-select:none;gap:6px;transition:translate .38s cubic-bezier(.2,.8,.2,1),visibility 0s .38s;display:grid;position:absolute;bottom:0;left:0;right:0;translate:0 100%}.game[data-phase=intro] .keys,.game[data-phase=round] .keys,.game[data-phase=resume] .keys{visibility:visible;transition:translate .38s cubic-bezier(.2,.8,.2,1),visibility;translate:0}.keyrow{justify-content:center;gap:4px;display:flex}.key{min-width:0;max-width:40px;height:46px;font:650 19px/1 var(--font-ui);color:var(--color-ink);background:var(--night-4);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--night-1);-webkit-tap-highlight-color:transparent;border:0;flex:1 1 0;place-items:center;padding:0;display:grid}.key.wide{letter-spacing:0;max-width:64px;color:var(--color-ink);flex:1.7 1 0;padding:0 2px;font-size:13px}.key .glyph{fill:currentColor}.key[data-down]{background:var(--night-7);box-shadow:none;translate:0 1px}@media (prefers-reduced-motion:reduce){.game,.keys{transition:none}}@media (prefers-contrast:more){.answer{background:var(--night-0)}.answer input{border-color:var(--color-ink-muted)}.ending[data-end=won]:not([data-step=beat]){background:color-mix(in srgb, var(--night-0) 88%, transparent)}.go-on,.case-door{border-color:var(--color-ink-muted)}}@media (prefers-reduced-motion:reduce){.game[data-golden] .balloon:after{background:0 0;animation:none}.game[data-zing] .balloon{filter:brightness(1.2);animation:none}.game[data-zing] .box{animation:none}.answer[data-nudge] .box{outline:2px solid var(--color-ink-muted);outline-offset:2px;animation:none}.icon:active .glyph,.play:active{transform:none}.rays,.ending[data-step=splash] .hero-art,.go-on,.ending[data-step=reveal] .hero-art,.ending[data-step=named] .hero-art,.ending[data-step=named] .prize-name,.ending[data-step=splash] .reveal-cue,.ending[data-step=reveal] .hero-white{animation:none}.ending[data-step=named] .hero-white{animation:.4s steps(4,end) both fade-out;-webkit-mask-image:none;mask-image:none}.ending[data-step=named] .rays{animation:none;scale:1.15}.burst,.sparks,.ending[data-end=won]:after{display:none}.case-rise{opacity:0;transition:opacity .4s steps(4,end);transform:none}.ending[data-step=case] .case-rise,.ending[data-step=landed] .case-rise{opacity:1;animation:none}.ending[data-step=gulp] .verdict-line{animation:none}.answer>.icon[data-act=skip][data-pulse]{animation:.7s steps(4,end) both skip-glow}.ending:is([data-step=gulp],[data-step=done]) .verdict-then{animation:1ms step-end .7s both fade-in}.ending[data-end=won]{transition:none}}.lookbench{z-index:50;background:var(--color-surface);max-width:min(300px,100vw - 16px);max-height:calc(100dvh - 16px);color:var(--color-ink);font:600 12px/1.3 var(--font-ui);box-shadow:0 2px 10px var(--title-shade);border-radius:8px;padding:8px;position:fixed;top:8px;left:8px;overflow:auto}.lookbench fieldset{border:0;flex-wrap:wrap;gap:4px;margin:0 0 6px;padding:0;display:flex}.lookbench legend{color:var(--color-ink-muted);padding:0 0 2px;font-size:11px}.lookbench button,.lookbench-show{font:inherit;color:inherit;background:var(--color-raised);border:1px solid var(--color-line);cursor:pointer;border-radius:4px;padding:4px 6px}.lookbench button[aria-pressed=true]{background:var(--color-accent);color:var(--color-balloon-ink);border-color:var(--color-accent)}.lookbench kbd{font:inherit;opacity:.7}.lookbench-show{z-index:50;opacity:.9;padding:6px 10px;position:fixed;bottom:8px;left:8px}.lookbench :focus-visible,.lookbench-show:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}:root[data-side] .game{--panel-l:calc(env(safe-area-inset-left,0px) + 6px - var(--col-left,0px));--rail-w:92px;--panel-x:calc(var(--panel-l) + var(--rail-w) + 4px);--panel-w:clamp(340px, 48vw, 460px)}:root[data-side] .game>:is(.balloon,.answer,.keys){left:var(--panel-x);width:var(--panel-w);right:auto}:root[data-side] .game>.balloon{bottom:calc(var(--kb-off) + var(--answer-h,64px) + 6px);font-size:var(--text-readout);min-height:0}:root[data-side] .game .keys{padding:5px 5px calc(5px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-sm) var(--radius-sm) 0 0;gap:6px}:root[data-side] .game .keyrow{gap:5px}:root[data-side] .game .key{max-width:46px;height:48px;font-size:22px}:root[data-side] .game .key.wide{max-width:72px;font-size:14px}@media (height<=340px){:root[data-side] .game .key{height:44px}}:root[data-side] .game .answer{border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:4px 6px}:root[data-side] .game .answer input,:root[data-side] .game .answer>.icon{min-height:46px}:root[data-side] .game .balloon .tail{--tail-t:27px;--tail-l:40px;width:var(--tail-t);height:var(--tail-l);top:calc(50% - var(--tail-l) / 2);left:auto;right:calc(-9px - (var(--tail-l) + var(--tail-t)) / 2);background-size:100% 100%;transform:rotate(90deg)scaleY(-1)}:root[data-side] .game :is(.corner-mute,.clock){left:var(--panel-l);width:var(--rail-w);box-sizing:border-box;top:auto;right:auto}:root[data-side] .game .corner-mute{bottom:calc(env(safe-area-inset-bottom,0px) + 6px);justify-content:center}:root[data-side] .game .clock{bottom:calc(env(safe-area-inset-bottom,0px) + 58px);text-align:center;align-items:center}:root[data-side] .game .status{left:var(--panel-l);width:var(--rail-w);right:auto;top:calc(env(safe-area-inset-top,0px) + 6px);min-height:0;padding:0;bottom:auto}:root[data-side] .game .hint span{font-size:var(--text-sm);padding:4px 6px;line-height:1.25}.armswitch{display:none}:root[data-side] .game .armswitch{z-index:6;bottom:calc(env(safe-area-inset-bottom,0px) + 6px);right:calc(6px + env(safe-area-inset-right,0px) - var(--col-left,0px));flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}:root[data-side] .game .armswitch button{min-height:40px;font:650 var(--text-xs)/1 var(--font-ui);color:var(--color-ink);background:color-mix(in srgb, var(--night-0) 80%, transparent);border:2px solid var(--color-accent);border-radius:var(--radius-sm);padding:0 10px}:root[data-kb] .key{background:var(--night-6);color:var(--thronk-rim);box-shadow:0 2px 0 var(--night-2)}:root[data-kcase=lower] .key{text-transform:lowercase}:root[data-kb] .key[data-down]{background:var(--night-8)}:root[data-kb=york] .key{font-family:ui-serif,New York,Georgia,serif;font-weight:600}:root[data-kb=fraunces] .key{font-variation-settings:"opsz" 14, "SOFT" 0, "WONK" 0;font-weight:600}:root[data-kb=sf] .key{font-family:system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;font-weight:500}:root[data-kb=atkinson] .key{font-family:Atkinson Hyperlegible,system-ui,sans-serif;font-weight:700}:root[data-kb=lexend] .key{font-family:Lexend Variable,system-ui,sans-serif;font-weight:500}:root[data-side] .door{left:var(--panel-l);width:calc(var(--rail-w) + 4px + var(--panel-w));padding:16px 8px var(--space-2);justify-content:center;right:auto}:root[data-side] .door .title{font-size:min(76px,9.5vw)}:root[data-side] .door .sub{margin-top:12px}:root[data-side] .door .says{box-sizing:border-box;padding-top:0;padding-right:30px}:root[data-side] .door .says .rulebox{font-size:var(--text-lg)}:root[data-side] .door .playwrap{margin-top:auto}:root[data-side] .door .says:not(.beside)+.playwrap{align-self:flex-start;width:calc(100% - 30px)}:root[data-side] .door .play{min-width:240px;min-height:64px;font-size:var(--text-xl)}:root[data-side] .door-footer{font-size:var(--text-lg);gap:0 var(--space-6)}:root[data-side] .game>:is(.ending,.result){left:calc(0px - var(--col-left,0px));width:100vw;right:auto}:root[data-side] .game>.result{column-gap:var(--space-6);padding-left:max(var(--gutter), env(safe-area-inset-left,0px));padding-right:max(var(--gutter), env(safe-area-inset-right,0px));grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;align-items:start;display:grid}:root[data-side] .result>.result-share{grid-area:1/1}:root[data-side] .result>.result-next{grid-area:2/1}:root[data-side] .result>.result-case{grid-area:3/1}:root[data-side] .result>.result-facts{border-top:0;grid-area:1/2;padding-top:0}:root[data-side] .result>.result-missed{grid-area:2/2/span 2}:root[data-side] .result>.result-games{grid-column:1/-1}:root[data-side] .result:not(:has(>.result-missed))>.result-games{grid-area:2/2/span 2}:root[data-side] .result>.result-list,:root[data-side] .result>.result-footer{grid-column:1/-1}