.snack-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:72px 16px 112px;cursor:pointer}@media(min-width:900px){.snack-scene{padding-bottom:56px}}.snack-count{display:flex;align-items:baseline;gap:8px;padding:5px 14px 6px;border-radius:999px;background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:var(--drop);transform:rotate(-3deg)}.snack-count-label{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.snack-count-num{font-family:var(--font-display);font-size:20px;line-height:1}.snack-count.bump{animation:snack-bump .42s cubic-bezier(.2,1.6,.35,1)}@keyframes snack-bump{0%{transform:rotate(-3deg) scale(1)}40%{transform:rotate(4deg) scale(1.22)}to{transform:rotate(-3deg) scale(1)}}.snack-bag{position:relative;flex:none;width:max(150px,min(72vw,300px,calc((100dvh - 250px)*.615)));aspect-ratio:240 / 390}.snack-bagart,.snack-bagsvg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.snack-bagsvg{display:block;filter:url(#boil) drop-shadow(6px 7px 0 var(--ink));transform-origin:50% 88%;animation:snack-rustle 1.3s ease-in-out infinite}@keyframes snack-rustle{0%,to{transform:rotate(-1.6deg) scale(1)}25%{transform:rotate(1.2deg) scale(1.025,.98)}50%{transform:rotate(1.8deg) scale(.99,1.015)}75%{transform:rotate(-.8deg) scale(1.02,.985)}}.snack-scene.lit .snack-bagsvg{animation:snack-burp .3s cubic-bezier(.2,1.6,.35,1)}@keyframes snack-burp{0%{transform:scale(1.1,.9)}55%{transform:scale(.95,1.06)}to{transform:none}}.snack-chip{visibility:hidden;transform-box:fill-box;transform-origin:50% 90%}.snack-scene.lit .snack-chip{visibility:visible;animation:snack-pop .28s cubic-bezier(.2,1.7,.35,1) both,snack-jiggle .42s .28s ease-in-out infinite alternate}@keyframes snack-pop{0%{transform:translateY(26px) rotate(4deg) scale(.9,1.1)}60%{transform:translateY(-12px) rotate(-10deg) scale(1.08,.94)}to{transform:translateY(0) rotate(-6deg)}}@keyframes snack-jiggle{0%{transform:rotate(-6deg)}to{transform:rotate(3deg) translateY(-3px)}}.snack-scene.grab .snack-chip{visibility:visible;animation:snack-taken .48s steps(1,end) both}.snack-scene.steal .snack-chip{visibility:visible;animation:snack-taken-late .54s linear both}@keyframes snack-taken{0%{transform:rotate(-6deg);opacity:1}30%,to{opacity:0}}@keyframes snack-taken-late{0%{transform:rotate(-6deg);opacity:1}38%{transform:translateY(8px) rotate(4deg);opacity:1}40%,to{opacity:0}}.snack-clip{opacity:0;transform-box:fill-box;transform-origin:50% 0%}.snack-scene.snap .snack-clip{animation:snack-clamp .7s both}@keyframes snack-clamp{0%,36%{opacity:0;transform:translateY(-70px) rotate(-8deg)}44%{opacity:1;transform:translateY(4px) scale(1.04,.84)}54%{transform:translateY(-3px) scale(.98,1.08)}64%,88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-20px)}}.snack-scene.snap .snack-bagsvg{animation:snack-squash .7s cubic-bezier(.2,1.4,.35,1)}@keyframes snack-squash{0%,38%{transform:none}46%{transform:scale(1.1,.88) rotate(-3deg)}60%{transform:scale(.96,1.05) rotate(2deg)}to{transform:none}}.snack-hand{position:absolute;width:70%;left:50%;top:18%;opacity:0;pointer-events:none;z-index:2;transform-origin:50% 100%}.snack-hand-in{transform-origin:50% 100%}.snack-handsvg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(4px 5px 0 var(--ink))}.snack-hchip{opacity:0}.snack-scene.grab .grabber{animation:snack-grab .48s cubic-bezier(.3,.8,.3,1) both}.snack-scene.grab .grabber .snack-hchip{animation:snack-show .48s steps(1,end) both}@keyframes snack-grab{0%{opacity:1;transform:translate(30%,150%) rotate(30deg)}30%{opacity:1;transform:translate(-50%,-4%) rotate(-4deg) scaleY(1.08)}40%{transform:translate(-50%) rotate(-2deg) scale(1.06,.92)}86%{opacity:1}to{opacity:0;transform:translate(80%,260%) rotate(40deg)}}@keyframes snack-show{0%{opacity:0}30%,to{opacity:1}}.snack-scene.snap .reacher{animation:snack-reach .7s cubic-bezier(.3,.8,.3,1) both}.snack-scene.snap .reacher .snack-welt{animation:snack-welt .7s steps(1,end) both}@keyframes snack-reach{0%{opacity:1;transform:translate(30%,150%) rotate(28deg)}32%,40%{opacity:1;transform:translate(-50%,4%) rotate(-3deg)}46%{transform:translate(-30%,14%) rotate(16deg) scale(1.08,.9)}62%{transform:translateY(90%) rotate(26deg)}84%{opacity:1}to{opacity:0;transform:translate(40%,240%) rotate(34deg)}}@keyframes snack-welt{0%{opacity:0}42%,to{opacity:.8}}.slapper{left:-52%;top:14%;width:50%}.slapper .snack-hand-in{transform:rotate(78deg)}.snack-scene.snap .slapper{animation:snack-slap .7s cubic-bezier(.5,0,.3,1.4) both}@keyframes snack-slap{0%,22%{opacity:0;transform:translate(-90%) rotate(-40deg)}23%{opacity:1}42%{opacity:1;transform:translate(34%) rotate(14deg)}50%{transform:translate(28%) rotate(6deg) scale(1.06,.94)}82%{opacity:1;transform:translate(14%) rotate(-6deg)}to{opacity:0;transform:translate(-90%) rotate(-40deg)}}.snack-smack{position:absolute;left:46%;top:0%;z-index:3;pointer-events:none;font-family:var(--font-display);font-size:clamp(22px,6.5vw,32px);line-height:1;color:var(--pop);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);padding:10px 14px;opacity:0;background:var(--bad);border:var(--line) solid var(--ink);border-radius:14px;clip-path:polygon(0 20%,14% 0,30% 14%,50% 0,66% 14%,86% 0,100% 24%,92% 50%,100% 78%,84% 100%,64% 86%,46% 100%,28% 86%,10% 100%,0 76%,8% 50%)}.snack-scene.snap .snack-smack{animation:snack-smack .7s both}@keyframes snack-smack{0%,40%{opacity:0;transform:translate(-50%) scale(.3) rotate(-20deg)}48%{opacity:1;transform:translate(-50%) scale(1.2) rotate(-8deg)}56%,80%{opacity:1;transform:translate(-50%) scale(1) rotate(-6deg)}to{opacity:0;transform:translate(-50%,-20px) scale(.9) rotate(-6deg)}}.thief{left:-24%;top:-60%;width:60%}.thief .snack-hand-in{transform:rotate(142deg)}.snack-scene.steal .thief{animation:snack-steal .54s cubic-bezier(.3,.8,.3,1) both}.snack-scene.steal .thief .snack-hchip{animation:snack-show-late .54s steps(1,end) both}@keyframes snack-steal{0%{opacity:1;transform:translate(-120%,-80%) rotate(-10deg)}38%,44%{opacity:1;transform:translate(0) rotate(0)}86%{opacity:1}to{opacity:0;transform:translate(-150%,-110%) rotate(-24deg)}}@keyframes snack-show-late{0%{opacity:0}40%,to{opacity:1}}.snack-rt{font-family:var(--font-display);font-size:clamp(30px,9vw,48px);line-height:1.1;color:var(--accent);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink);opacity:0;transform:scale(.6) rotate(-6deg);transition:opacity .12s,transform .12s;white-space:nowrap;position:relative;z-index:5}.snack-rt.show{opacity:1;transform:rotate(-4deg);animation:snack-rt-in .36s cubic-bezier(.2,1.7,.35,1)}.snack-rt.slow{color:var(--pop)}.snack-rt.bad{color:var(--bad)}@keyframes snack-rt-in{0%{transform:scale(.4) rotate(-14deg)}to{transform:rotate(-4deg)}}.snack-scene.rm .snack-bagsvg{animation:none!important;filter:drop-shadow(6px 7px 0 var(--ink))}.snack-scene.rm .snack-chip,.snack-scene.rm .snack-count.bump,.snack-scene.rm .snack-rt.show{animation:none!important}.snack-scene.rm.grab .snack-chip,.snack-scene.rm.steal .snack-chip{visibility:hidden}.snack-scene.rm .snack-hand,.snack-scene.rm .snack-smack{display:none}.snack-scene.rm.snap .snack-clip{animation:none;opacity:1}.snack-scene.rm .snack-rt{transform:none}.lw-scene{--lit: 0;--glow: 0;position:absolute;inset:0;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(84px,calc(env(safe-area-inset-top) + 72px)) 16px max(118px,calc(env(safe-area-inset-bottom) + 108px));gap:14px}.lw-scene:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 70% at 50% 110%,rgba(46,243,255,.1),transparent 60%),linear-gradient(180deg,#060820e0,#120a34c7 60%,#24104ab3)}@media(min-width:900px){.lw-scene{padding-bottom:max(40px,env(safe-area-inset-bottom))}}.lw-sky{position:absolute;inset:0;pointer-events:none}.lw-sky i{position:absolute;width:7px;height:7px;transform:scale(var(--s)) rotate(45deg);background:var(--paper);border-radius:2px;opacity:.7;box-shadow:0 0 8px #fff7e699}.lw-wind{position:absolute;inset:0;pointer-events:none}.lw-wind i{position:absolute;left:0;height:5px;border-radius:5px;background:#e8dfffd9;box-shadow:2px 2px #16072b99;animation:lw-streak 1.4s cubic-bezier(.4,0,.6,1) both}.lw-wind i.curl:after{content:"";position:absolute;right:-14px;top:-14px;width:16px;height:16px;border:4px solid rgba(232,223,255,.85);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(20deg)}@keyframes lw-streak{0%{transform:translate(-30vw) scaleX(.4);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(115vw) scaleX(1.2);opacity:0}}.lw-snow{position:absolute;inset:0;pointer-events:none}.lw-snow i{position:absolute;top:0;width:var(--sz);height:var(--sz);border-radius:50%;background:#fff;border:2px solid var(--ink);animation:lw-fall 4s linear both}@keyframes lw-fall{0%{transform:translateY(-6vh) rotate(0)}50%{transform:translate(calc(var(--dx) * .45),50vh) rotate(160deg)}to{transform:translate(var(--dx),106vh) rotate(340deg)}}.lw-stagebox{position:relative;z-index:1;flex:1 1 auto;min-height:0;width:100%;display:grid;place-items:center;container-type:size}.lw-art{position:relative;width:min(100cqw,560px,88.8cqh);aspect-ratio:320 / 360}.lw-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(5px 6px 0 var(--ink))}.lw-halo{opacity:calc(var(--glow) * .9);transform-box:fill-box;transform-origin:center;transform:scale(calc(.6 + var(--glow) * .5))}.lw-char{opacity:calc(var(--lit) * .95)}.lw-ember{opacity:var(--lit);transform-box:fill-box;transform-origin:center;transform:scale(calc(.4 + var(--lit) * .6))}.lw-ember ellipse:first-child{filter:brightness(calc(.85 + var(--glow) * .4)) drop-shadow(0 0 calc(var(--glow) * 10px) #FF8A1F)}.lw-flame{opacity:0;transform-box:view-box;transform-origin:212px 236px;transform:scale(.2);transition:opacity .12s,transform .16s cubic-bezier(.2,1.6,.35,1)}.lw-scene.held .lw-flame{opacity:1;transform:scale(1)}.lw-scene.done .lw-flame{transition:opacity .26s,transform .26s;transform:scale(.4) translate(20px)}.lw-thumb{transform-box:fill-box;transform-origin:50% 90%;transition:transform .14s cubic-bezier(.2,1.6,.35,1)}.lw-scene.held .lw-thumb{transform:rotate(-16deg) translateY(4px)}.lw-cup{transform:translate(-40px,90px) rotate(-10deg);transform-box:view-box;transform-origin:150px 300px;opacity:0;transition:transform .32s cubic-bezier(.2,1.4,.35,1),opacity .18s}.lw-scene.held .lw-cup{transform:none;opacity:1}.lw-scene.held.gusting .lw-cup{transform:translate(6px,-2px) rotate(3deg)}.lw-smoke{position:absolute;inset:0;pointer-events:none}.lw-smoke i{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;background:#e8dfff;border:3px solid var(--ink);animation:lw-puff 1.3s cubic-bezier(.2,.6,.4,1) both}@keyframes lw-puff{0%{transform:translate(0) scale(var(--s0));opacity:0}12%{opacity:.95}to{transform:translate(var(--dx),var(--dy)) scale(var(--s1));opacity:0}}.lw-hint{position:relative;z-index:2;flex:none;font-weight:600;font-size:var(--fs-body);text-align:center;padding:8px 18px;background:var(--surface);border:var(--line) solid var(--ink);border-radius:16px;box-shadow:var(--drop);transition:transform var(--snap)}.lw-scene.held .lw-hint{transform:rotate(-1.5deg) scale(1.04);background:var(--surface-2)}.lw-reveal{position:absolute;z-index:3;left:50%;top:42%;font-family:var(--font-display);font-size:clamp(64px,21vw,140px);line-height:1;white-space:nowrap;-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:6px 7px 0 var(--ink);opacity:0;transform:translate(-50%,-50%) scale(.5) rotate(-10deg);pointer-events:none;transition:opacity .18s,transform .38s cubic-bezier(.16,1.6,.3,1)}.lw-reveal.show{opacity:1;transform:translate(-50%,-50%) rotate(-4deg)}.lw-reveal.good{color:var(--accent)}.lw-reveal.off{color:var(--pop)}.lw-rm .lw-char,.lw-rm .lw-ember,.lw-rm .lw-halo{transition:opacity 2.5s ease-out,transform 2.5s ease-out}.lw-rm.held,.lw-rm.done{--lit: 1;--glow: .9}.lw-rm .lw-flame-bend{transform:skew(-12deg);transform-box:view-box;transform-origin:212px 236px}.lw-rm .lw-flame,.lw-rm .lw-cup,.lw-rm .lw-reveal,.lw-rm .lw-thumb{transition-duration:1ms}@media(prefers-reduced-motion:reduce){.lw-wind i,.lw-snow i,.lw-smoke i{animation:none!important}}@media(max-width:1000px){.lw-art{translate:-14% 0;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 97%);mask-image:linear-gradient(to bottom,#000 72%,transparent 97%)}}.fire-floor{position:absolute;left:50%;transform:translate(-50%);top:max(222px,calc(env(safe-area-inset-top) + 206px));bottom:max(112px,calc(env(safe-area-inset-bottom) + 100px));width:min(calc(100% - 32px),720px);animation:fire-rug-in .52s cubic-bezier(.2,1.4,.35,1) backwards}@media(min-width:900px){.fire-floor{bottom:max(36px,env(safe-area-inset-bottom));max-height:600px;top:230px}}@keyframes fire-rug-in{0%{opacity:0;transform:translate(-50%) scale(.8) rotate(-3deg)}}.fire-rug{position:absolute;inset:0 14px;border:4px solid var(--ink);border-radius:28px;box-shadow:var(--drop-lg);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.14) 1.5px,transparent 2.5px) 0 0 / 14px 14px,repeating-linear-gradient(90deg,#1fb5a8 0 36px,#19a396 36px 42px,#22c4b6 42px 78px,#19a396 78px 84px);touch-action:manipulation}.fire-rug:before,.fire-rug:after{content:"";position:absolute;top:18px;bottom:18px;width:14px;background:repeating-linear-gradient(180deg,var(--paper) 0 5px,transparent 5px 10px);border-top:3px solid transparent}.fire-rug:before{left:-18px}.fire-rug:after{right:-18px}.fire-rug-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.fire-prop{position:absolute;pointer-events:none;overflow:visible;filter:url(#boil)}.fire-pizza{left:3%;bottom:3%;width:min(28%,150px)}.fire-cushion{right:3%;top:4%;width:min(26%,140px);transform:rotate(8deg)}.fire-joint{left:50%;top:90%;width:110px;transform:translate(-50%,-50%) rotate(-4deg)}.fire-joint .wisp{stroke-dasharray:60;animation:wisp 2.6s ease-in-out infinite}.fire-joint .wisp.w2{animation-delay:-1.1s}.fire-joint-ember{animation:ember .9s ease-in-out infinite alternate}.fire-count{position:absolute;left:50%;z-index:5;pointer-events:none;top:max(222px,calc(env(safe-area-inset-top) + 206px));transform:translate(-50%,-55%) rotate(-3deg);display:flex;align-items:baseline;gap:8px;padding:4px 14px 5px;border-radius:999px;background:var(--pop);border:var(--line) solid var(--ink);box-shadow:var(--drop);font-family:var(--font-display);color:var(--ink);white-space:nowrap}@media(min-width:900px){.fire-count{top:230px}}.fire-count-label{font-size:13px;letter-spacing:.06em}.fire-count-n{font-size:24px;line-height:1;min-width:1ch;text-align:center}.fire-count.bump{animation:fire-bump .3s cubic-bezier(.2,1.6,.35,1)}@keyframes fire-bump{40%{transform:translate(-50%,-55%) rotate(3deg) scale(1.18)}}.fire{position:absolute;width:64px;height:80px;z-index:3;margin:-68px 0 0 -32px;--s: 1;transform:scale(var(--s));transform-origin:50% 85%;transition:transform .36s cubic-bezier(.2,1.6,.35,1);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;animation:fire-pop .38s cubic-bezier(.2,1.8,.35,1) backwards}.fire[data-level="2"]{--s: 1.28}.fire[data-level="3"]{--s: 1.55}@media(min-width:900px){.fire{width:72px;height:90px;margin:-77px 0 0 -36px}}@keyframes fire-pop{0%{transform:scale(0) rotate(-10deg)}}.fire-svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none;filter:url(#boil)}.fire-outer,.fire-mid{transform-box:fill-box;transform-origin:50% 100%}.fire-outer{animation:fire-flick var(--flick, .34s) ease-in-out infinite alternate}.fire-mid{animation:fire-flick var(--flick, .34s) ease-in-out infinite alternate-reverse}@keyframes fire-flick{0%{transform:scaleY(1) scaleX(1) skew(-3deg)}to{transform:scaleY(1.12) scaleX(.92) skew(4deg)}}.fire-brow{opacity:0;transition:opacity .2s}.fire[data-level="3"] .fire-brow{opacity:1}.fire[data-level="3"] .fire-outer{fill:#ff3d2e}.fire.out{animation:fire-out .22s ease-in forwards;pointer-events:none}@keyframes fire-out{to{transform:scale(calc(var(--s) * 1.3),.05);opacity:.4}}.fire-ember{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;z-index:4;border-radius:50%;background:#ffc21a;border:3px solid var(--ink);box-shadow:0 0 10px 3px #ff781ecc;pointer-events:none;animation:fire-ember-fly .48s cubic-bezier(.3,.1,.6,1) forwards}@keyframes fire-ember-fly{0%{transform:translate(0) scale(.6)}50%{transform:translate(calc(var(--dx) * .5),calc(var(--dy) * .5 - 70px)) scale(1.1)}to{transform:translate(var(--dx),var(--dy)) scale(.8)}}.fire-shoe{position:absolute;width:84px;margin:-54px 0 0 -38px;z-index:6;pointer-events:none;animation:fire-stomp .52s cubic-bezier(.5,0,.7,1) forwards}.fire-shoe svg{display:block;width:100%;overflow:visible;filter:drop-shadow(3px 4px 0 var(--ink))}@keyframes fire-stomp{0%{transform:translateY(-90px) rotate(-14deg);opacity:0}25%{transform:translateY(0) rotate(0) scaleY(.88);opacity:1}40%{transform:translateY(0) scaleY(1);opacity:1}to{transform:translateY(-50px) rotate(10deg);opacity:0}}.fire-puff{position:absolute;width:96px;margin:-70px 0 0 -48px;z-index:5;pointer-events:none;animation:fire-puff .52s ease-out 80ms both}.fire-puff svg{display:block;width:100%;overflow:visible}@keyframes fire-puff{0%{transform:scale(.3);opacity:0}30%{transform:scale(1);opacity:1}to{transform:translateY(-40px) scale(1.35);opacity:0}}.fire-scorch{position:absolute;width:60px;height:20px;margin:-10px 0 0 -30px;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(ellipse,#16072b99,#16072b00 70%);animation:fire-scorch 3.2s ease-in forwards}@keyframes fire-scorch{0%,60%{opacity:1}to{opacity:0}}.fire-scene.calm .fire,.fire-scene.calm .fire-outer,.fire-scene.calm .fire-mid,.fire-scene.calm .fire-floor,.fire-scene.calm .fire-joint .wisp,.fire-scene.calm .fire-count.bump{animation:none}.fire-scene.calm .fire{transition:none}.fire-scene.calm .fire-shoe,.fire-scene.calm .fire-puff{display:none}.fire-scene.calm .fire.out{opacity:0}@media(hover:hover)and (pointer:fine){.steady-scene{cursor:none}}.bm-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:84px 12px 118px}@media(min-width:900px){.bm-scene{padding-bottom:40px;gap:16px}}.bm-say{font-family:var(--font-display);font-size:clamp(22px,6.2vw,36px);line-height:1.08;text-align:center;max-width:20ch;min-height:2.2em;display:flex;align-items:center;justify-content:center;color:var(--paper);-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:3px 4px 0 var(--ink);transform:rotate(-1.5deg)}.bm-say.pop{animation:bm-say-pop .42s cubic-bezier(.2,1.6,.35,1)}.bm-say.ask,.bm-say.good{color:var(--accent)}.bm-say.bad{color:var(--pop)}.shuffling .bm-say{animation:bm-wobble .38s ease-in-out infinite alternate;color:var(--cyan)}@keyframes bm-say-pop{0%{transform:scale(.6) rotate(4deg)}to{transform:scale(1) rotate(-1.5deg)}}@keyframes bm-wobble{0%{transform:rotate(-3deg) scale(1)}to{transform:rotate(2deg) scale(1.05)}}.bm-table{position:relative;width:min(97vw,600px,calc((100dvh - 300px)*1.636));aspect-ratio:360 / 220}.bm-bong{position:absolute;left:0;top:0;width:33.333%;height:100%;padding:0;display:block;z-index:2;transform-origin:50% 92%;will-change:transform;cursor:default;outline:none}.bm-bong:focus-visible .bm-svg{filter:drop-shadow(0 0 0 transparent) drop-shadow(0 0 10px var(--cyan))}.bm-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(4px 5px 0 var(--ink));transform-origin:50% 96%;transition:filter .2s,opacity .25s}.bm-scene:not(.shuffling) .bm-svg{filter:url(#boil) drop-shadow(4px 5px 0 var(--ink))}.bm-bong.behind .bm-svg{filter:brightness(.72) saturate(.7) drop-shadow(3px 4px 0 var(--ink))}.bm-bong.land .bm-svg{animation:bm-land .3s cubic-bezier(.2,1.5,.35,1)}@keyframes bm-land{0%{transform:scale(1.08,.9)}55%{transform:scale(.96,1.05)}to{transform:scale(1)}}.bm-table.pickable .bm-bong{cursor:pointer}.bm-table.pickable .bm-bong .bm-svg{animation:bm-idle 1.1s ease-in-out infinite alternate}.bm-table.pickable .bm-bong:nth-of-type(2) .bm-svg{animation-delay:-.4s}.bm-table.pickable .bm-bong:nth-of-type(3) .bm-svg{animation-delay:-.8s}.bm-table.pickable .bm-bong:hover .bm-svg{animation:bm-hover .26s ease-in-out infinite alternate}.bm-table.pickable .bm-bong:hover .bm-lighter{opacity:1;transform:rotate(-22deg) translateY(0)}@keyframes bm-idle{0%{transform:rotate(-1.5deg)}to{transform:rotate(1.5deg) translateY(-3px)}}@keyframes bm-hover{0%{transform:rotate(-3deg) scale(1.03)}to{transform:rotate(3deg) scale(1.03) translateY(-5px)}}.bm-table.done .bm-bong:not(.chosen):not(.reveal) .bm-svg{opacity:.55}.bm-bowl,.bm-weed,.bm-ember,.bm-spark,.bm-bubs circle,.bm-milk,.bm-hand-nug{transform-box:fill-box;transform-origin:50% 100%}.bm-stem,.bm-face,.bm-shine{transform-box:fill-box;transform-origin:50% 50%}.bm-stem{transition:transform .54s cubic-bezier(.5,-.15,.3,1.2)}.bm-face,.bm-shine{transition:transform .54s cubic-bezier(.5,-.15,.3,1.2),opacity .3s}.bm-bong.turned .bm-stem{transform:translate(40px,10px) scale(.72)}.bm-bong.turned .bm-face{transform:translate(-13px) scaleX(.45)}.bm-bong.turned .bm-shine{transform:translate(14px) scaleX(.6);opacity:.5}.bm-bong.turned .bm-spark{visibility:hidden}.bm-bong.turning .bm-svg{animation:bm-turn .56s cubic-bezier(.3,1.3,.4,1)}@keyframes bm-turn{0%{transform:scaleX(1)}40%{transform:scaleX(.72) scaleY(1.04)}75%{transform:scaleX(1.06) scaleY(.98)}to{transform:scaleX(1)}}.bm-scene.reduced .bm-stem,.bm-scene.reduced .bm-face,.bm-scene.reduced .bm-shine{transition-duration:.3s;transition-timing-function:ease}.bm-weed{opacity:0;transform:scale(.3)}.bm-bong.packed .bm-weed{opacity:1;transform:none;animation:bm-plop .42s cubic-bezier(.2,1.7,.35,1)}@keyframes bm-plop{0%{transform:scale(1.3,.4)}60%{transform:scale(.9,1.2)}to{transform:none}}.bm-spark{transform-origin:50% 50%;animation:bm-twinkle .9s ease-in-out infinite}@keyframes bm-twinkle{0%,to{transform:scale(.4) rotate(0);opacity:.3}50%{transform:scale(1.15) rotate(45deg);opacity:1}}.bm-ember{opacity:0;transform-origin:50% 50%}.bm-bong.lit .bm-ember{opacity:.95;animation:bm-ember .16s ease-in-out infinite alternate}@keyframes bm-ember{0%{transform:scale(.8);fill:#ff8a1f}to{transform:scale(1.15);fill:#ff4a3d}}.bm-bong.reveal .bm-svg{filter:drop-shadow(0 0 14px var(--pop)) drop-shadow(4px 5px 0 var(--ink))}.bm-hand{position:absolute;left:-13%;top:-4%;width:55%;pointer-events:none;z-index:5;opacity:0;transform:translateY(-170%)}.bm-hand svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(4px 5px 0 var(--ink))}.bm-bong.dropping .bm-hand{animation:bm-hand-in .7s cubic-bezier(.3,1.3,.4,1) forwards}.bm-bong.dropped .bm-hand{animation:bm-hand-out .52s .26s cubic-bezier(.5,0,.7,.4) both}.bm-hand-nug{transition:transform .2s cubic-bezier(.6,0,1,.6),opacity .16s 90ms}.bm-bong.dropped .bm-hand-nug{transform:translateY(12px) scale(.8);opacity:0}@keyframes bm-hand-in{0%{opacity:1;transform:translateY(-170%) rotate(8deg)}75%{opacity:1;transform:translateY(4%) rotate(-3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes bm-hand-out{0%{opacity:1;transform:translateY(0) rotate(0)}70%{opacity:1}to{opacity:0;transform:translateY(-320%) rotate(-10deg)}}.bm-lighter{position:absolute;left:4%;top:60%;width:20%;pointer-events:none;z-index:5;opacity:0;transform:rotate(-22deg) translateY(16px);transform-origin:50% 100%;transition:opacity .14s,transform .2s cubic-bezier(.2,1.6,.35,1)}.bm-lighter svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(3px 4px 0 var(--ink))}.bm-flame{opacity:0;transform-box:fill-box;transform-origin:50% 100%}.bm-bong.flick .bm-lighter{opacity:1;transform:rotate(-22deg);animation:bm-flick .42s ease-out}.bm-bong.flick .bm-flame{animation:bm-flame .14s .18s ease-in-out infinite alternate both}.bm-bong.fizzle .bm-flame{animation:bm-fizzle .9s .2s ease-out both}.bm-bong.ripping .bm-lighter{transition:opacity .4s 1.2s;opacity:0}@keyframes bm-flick{0%{transform:rotate(-22deg) translateY(20px)}40%{transform:rotate(-30deg) translateY(-4px)}55%{transform:rotate(-18deg) translateY(2px)}to{transform:rotate(-22deg)}}@keyframes bm-flame{0%{opacity:1;transform:scale(.85,.9) skew(-6deg)}to{opacity:1;transform:scale(1.1,1.2) skew(6deg)}}@keyframes bm-fizzle{0%{opacity:1;transform:scale(1)}20%{opacity:.2;transform:scale(.4)}35%{opacity:1;transform:scale(.9)}55%{opacity:.1;transform:scale(.3)}70%{opacity:.7;transform:scale(.5) skew(12deg)}to{opacity:0;transform:scale(.1)}}.bm-bubs circle{fill:#fff7e6;stroke:#16072b;stroke-width:1.5;opacity:0;transform-origin:50% 50%}.bm-bong.ripping .bm-bubs circle{animation:bm-bub .36s ease-in infinite}.bm-bong.ripping .bm-bubs circle:nth-child(2){animation-delay:-.1s}.bm-bong.ripping .bm-bubs circle:nth-child(3){animation-delay:-.2s}.bm-bong.ripping .bm-bubs circle:nth-child(4){animation-delay:-.28s}@keyframes bm-bub{0%{opacity:1;transform:translateY(0) scale(.6)}to{opacity:0;transform:translateY(-34px) scale(1.2)}}.bm-bong.ripping .bm-water{animation:bm-slosh .18s ease-in-out infinite alternate}@keyframes bm-slosh{0%{transform:translateY(0)}to{transform:translateY(-4px)}}.bm-milk{transform:scaleY(0);opacity:.9}.bm-bong.ripping .bm-milk{animation:bm-milk 2.2s ease-out forwards}@keyframes bm-milk{0%{transform:scaleY(0)}45%{transform:scaleY(1)}70%{transform:scaleY(1);opacity:.9}to{transform:scaleY(1);opacity:0}}.bm-bong.ripping .bm-svg{animation:bm-rip-shake .12s linear 6 alternate}@keyframes bm-rip-shake{0%{transform:rotate(-2deg) scale(1.02)}to{transform:rotate(2deg) scale(1.04,.98)}}.bm-cloud{position:absolute;left:-35%;top:-30%;width:170%;pointer-events:none;z-index:6;opacity:0}.bm-cloud svg{display:block;width:100%;height:auto;overflow:visible;filter:drop-shadow(5px 6px 0 var(--ink))}.bm-bong.ripping .bm-cloud{animation:bm-cloud 2.2s .7s cubic-bezier(.2,1,.4,1) both}@keyframes bm-cloud{0%{opacity:0;transform:translateY(40%) scale(.15)}15%{opacity:1;transform:translateY(0) scale(.8) rotate(-4deg)}30%{transform:translateY(-10%) scale(1.15,.95) rotate(3deg)}75%{opacity:1;transform:translateY(-30%) scale(1.3) rotate(-2deg)}to{opacity:0;transform:translateY(-55%) scale(1.5)}}.bm-fuse{width:min(60vw,280px);height:12px;border-radius:99px;overflow:hidden;background:var(--surface);border:var(--line) solid var(--ink);box-shadow:2px 3px 0 var(--ink);opacity:0;transition:opacity .2s}.bm-fuse i{display:block;height:100%;background:var(--pop);transform-origin:left}.bm-fuse.burn{opacity:1}.bm-fuse.burn i{animation:bm-fuse var(--fuse, 8s) linear forwards}@keyframes bm-fuse{0%{transform:scaleX(1)}70%{background:var(--pop)}to{transform:scaleX(0);background:var(--bad)}}.bm-pips{display:flex;gap:10px}.bm-pips i{width:20px;height:20px;border-radius:50%;background:var(--surface);border:var(--line) solid var(--ink);box-shadow:2px 3px 0 var(--ink);transition:transform .3s cubic-bezier(.2,1.8,.35,1),background .15s}.bm-pips i.ok{background:var(--accent);transform:scale(1.25) rotate(-8deg)}.bm-pips i.no{background:var(--bad);transform:scale(1.1) rotate(8deg)}.bm-scene.reduced .bm-svg,.bm-scene.reduced .bm-say{animation:none!important}@media(prefers-reduced-motion:reduce){.bm-svg,.bm-scene:not(.shuffling) .bm-svg{filter:drop-shadow(4px 5px 0 var(--ink))}}.bm-lid,.bm-pupil,.bm-mouth{transform-box:fill-box;transform-origin:50% 0;transition:transform .2s cubic-bezier(.2,1.6,.35,1)}.shuffling .bm-pupil{animation:bm-dizzy .3s linear infinite alternate}@keyframes bm-dizzy{0%{transform:translate(-2px)}to{transform:translate(2px) translateY(-2px)}}.bm-bong.lit .bm-lid{transform:scaleY(.3) translateY(-10px)}.bm-bong.lit .bm-mouth{transform:scale(1.4,2)}.bm-bong.dud .bm-lid{transform:scaleY(1.7)}.bm-bong.dud .bm-mouth{transform:scaleY(-1) translateY(-4px)}:root{--font-display: "Titan One", system-ui, -apple-system, sans-serif;--font-body: "Fredoka", system-ui, -apple-system, sans-serif;--font-mono: "Space Mono", ui-monospace, "SF Mono", monospace;--fs-caption: 13px;--fs-body: 17px;--fs-lead: 20px;--bg: #1B0A33;--surface: #2E1258;--surface-2: #41197A;--accent: #B6FF2E;--accent-2: #FF3DA8;--pop: #FFC21A;--cyan: #2EF3FF;--bad: #FF4A3D;--text: #FFF7E6;--ink: #16072B;--paper: #FFF7E6;--stroke: var(--ink);--stroke-soft: rgba(255, 247, 230, .14);--glass: rgba(46, 18, 88, .94);--radius: 22px;--line: 3px;--drop: 4px 5px 0 var(--ink);--drop-lg: 7px 8px 0 var(--ink);--tone-glow: .35;--tone-radius: 18px;--tone-letter: .02em;--tone-tilt: 0deg;--punch: .46s cubic-bezier(.2, 1.6, .35, 1);--snap: .16s cubic-bezier(.2, .9, .3, 1.4);--ease: .3s cubic-bezier(.4, 0, .2, 1)}@media(min-width:900px){:root{--fs-caption: 14px;--fs-body: 18px;--fs-lead: 23px}}body[data-tone=clinical]{--tone-glow: .2;--tone-radius: 14px;--tone-tilt: 0deg}body[data-tone=drifting]{--tone-glow: .45;--tone-radius: 20px;--tone-tilt: -1.2deg}body[data-tone=invasive]{--tone-glow: .85;--tone-radius: 28px;--tone-tilt: -2.4deg}body[data-tone=invasive] #backdrop{animation:hue-drift 14s linear infinite}@keyframes hue-drift{to{filter:hue-rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);font-size:var(--fs-body);line-height:1.4;font-weight:500;color:var(--text);background:var(--bg);overflow:hidden;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:manipulation;overscroll-behavior:none;-webkit-touch-callout:none;font-synthesis-weight:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}h1,h2,.display{font-family:var(--font-display);font-weight:400;letter-spacing:.01em}.mono{font-family:var(--font-mono)}.caption{font-size:var(--fs-caption);opacity:.8}#backdrop{position:fixed;inset:0;z-index:0;width:100%;height:100%;pointer-events:none}#grain{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.18;background-image:radial-gradient(var(--ink) 1.1px,transparent 1.6px);background-size:7px 7px;mask-image:radial-gradient(ellipse at center,transparent 35%,#000 95%);-webkit-mask-image:radial-gradient(ellipse at center,transparent 35%,#000 95%)}#app{position:fixed;inset:0;z-index:2}.stage{position:absolute;inset:0;overflow:hidden}.holo{background:linear-gradient(100deg,var(--accent) 0%,var(--cyan) 25%,var(--accent-2) 50%,var(--pop) 75%,var(--accent) 100%);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;animation:holo-slide 6s linear infinite;filter:drop-shadow(4px 5px 0 var(--ink))}@keyframes holo-slide{to{background-position:300% 0}}.boil{filter:url(#boil) drop-shadow(4px 5px 0 var(--ink))}:focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:8px}.sticker{background:var(--surface);border:var(--line) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop)}.btn{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lead);letter-spacing:.03em;padding:13px 30px;border-radius:999px;background:var(--accent);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:var(--drop);transition:transform var(--snap),box-shadow var(--snap),background var(--ease)}.btn:hover{transform:translate(-1px,-2px) rotate(-1deg);box-shadow:6px 8px 0 var(--ink)}.btn:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.btn.ghost{background:var(--accent-2);color:var(--paper)}.btn:disabled{opacity:.55}.chip{font-family:var(--font-mono);font-size:var(--fs-caption);padding:5px 13px;border-radius:999px;background:var(--surface);border:2px solid var(--ink);display:inline-flex;gap:6px;align-items:center}.mute-btn{transition:opacity .2s;position:fixed;top:max(12px,env(safe-area-inset-top));right:12px;z-index:92;font-size:18px;padding:6px 9px;border-radius:999px;background:var(--pop);border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink)}.mascot{display:flex;align-items:flex-end;gap:8px;position:relative}.mascot.bubble-top{flex-direction:column-reverse;align-items:center}.mascot.bubble-left{flex-direction:row-reverse}.mascot-art{flex:0 0 auto}.mascot-svg{display:block;width:100%;height:auto;overflow:visible;filter:url(#boil)}.bubble{position:relative;max-width:min(30ch,70vw);background:var(--paper);color:var(--ink);font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);line-height:1.3;padding:9px 14px;border:var(--line) solid var(--ink);border-radius:18px;box-shadow:3px 4px 0 var(--ink);opacity:0;transform:scale(.6);transform-origin:left bottom;transition:opacity .16s,transform .32s cubic-bezier(.2,1.6,.35,1);pointer-events:none;margin-bottom:24px}.bubble:empty{display:none}.bubble.show{opacity:1;transform:none;pointer-events:none}.bubble{-webkit-touch-callout:none;user-select:none;-webkit-user-select:none}.bubble:after{content:"";position:absolute;left:-12px;bottom:12px;width:16px;height:16px;background:var(--paper);border-left:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);transform:skewY(35deg) rotate(10deg)}.bubble-top .bubble{margin:0 0 6px;transform-origin:center bottom;text-align:center}.bubble-top .bubble:after{left:calc(50% - 8px);bottom:-10px;transform:rotate(-45deg)}.bubble-left .bubble{transform-origin:right bottom}.bubble-left .bubble:after{left:auto;right:-12px;transform:scaleX(-1) skewY(35deg) rotate(10deg)}.mascot-twitch .bubble{background:#e3fdff;font-weight:700}.mascot-twitch .bubble:after{background:#e3fdff}.bubble.bubble-big{font-family:var(--font-display);font-weight:400;font-size:clamp(18px,4.6vw,28px);line-height:1.2;padding:14px 18px}.mascot-mosquito .m-body{transform-box:fill-box;transform-origin:50% 100%;animation:m-breathe 3.6s ease-in-out infinite}@keyframes m-breathe{50%{transform:translateY(2px) scaleY(.985)}}.mascot-mosquito .m-lid{transform-box:fill-box;transform-origin:50% 0;animation:m-blink 5.5s ease-in-out infinite}@keyframes m-blink{0%,90%,to{transform:scaleY(1)}94%{transform:scaleY(2.1)}}.mascot-mosquito[data-mood=asleep] .m-lid{animation:none;transform:scaleY(2.1)}.mascot-mosquito .m-zzz{opacity:0}.mascot-mosquito[data-mood=asleep] .m-zzz{opacity:1;animation:zzz 2.4s ease-in-out infinite}@keyframes zzz{0%{transform:translateY(6px);opacity:0}30%{opacity:1}to{transform:translate(8px,-10px);opacity:0}}.mascot-mosquito .wisp{stroke-dasharray:60;animation:wisp 2.6s ease-in-out infinite}.mascot-mosquito .wisp.w2{animation-delay:-.9s}.mascot-mosquito .wisp.w3{animation-delay:-1.7s}@keyframes wisp{0%{stroke-dashoffset:60;opacity:0;transform:translateY(4px)}30%{opacity:.9}to{stroke-dashoffset:-60;opacity:0;transform:translateY(-14px)}}.mascot-mosquito .m-ember ellipse:first-child{animation:ember .9s ease-in-out infinite alternate}@keyframes ember{to{fill:#ffb020}}.mascot-mosquito[data-mood=lit] .m-body{animation-duration:2.2s}.mascot-twitch .t-all{animation:t-shake .16s linear infinite}@keyframes t-shake{25%{transform:translate(.8px,-.6px)}50%{transform:translate(-.8px,.5px)}75%{transform:translate(.6px,.8px)}}.mascot-twitch[data-mood=panic] .t-all{animation:t-panic .09s linear infinite}@keyframes t-panic{25%{transform:translate(2.2px,-1.4px) rotate(.6deg)}50%{transform:translate(-2px,1.2px)}75%{transform:translate(1.4px,2px) rotate(-.6deg)}}.mascot-twitch .t-pupils{animation:t-dart 2.2s steps(1) infinite}.mascot-twitch[data-mood=panic] .t-pupils{animation-duration:.9s}@keyframes t-dart{0%{transform:translate(0)}18%{transform:translate(-7px,1px)}36%{transform:translate(7px,-2px)}52%{transform:translateY(5px)}70%{transform:translate(-5px,-5px)}86%{transform:translate(6px,3px)}}.mascot-twitch .t-sweat{animation:t-sweat 1.4s ease-in infinite}.mascot-twitch .t-sweat.s2{animation-delay:-.5s}.mascot-twitch .t-sweat.s3{animation-delay:-1s}@keyframes t-sweat{0%{transform:translateY(-4px);opacity:0}20%{opacity:1}to{transform:translateY(26px);opacity:0}}.mascot-twitch .t-alert{opacity:0}.mascot-twitch[data-mood=panic] .t-alert{opacity:1;animation:t-alert .5s steps(2) infinite}@keyframes t-alert{50%{transform:translateY(-3px)}}.joint{display:flex;align-items:center;width:100%;height:26px;position:relative;filter:drop-shadow(3px 4px 0 var(--ink));flex:0 0 auto}.joint-crutch{flex:0 0 12%;max-width:60px;height:20px;border:var(--line) solid var(--ink);border-radius:7px 0 0 7px;background:repeating-linear-gradient(90deg,#efc08f 0 7px,#d49a6a 7px 9px);transition:background var(--ease)}.joint-track{flex:1;height:100%;display:flex;align-items:center;position:relative}.joint-paper{height:20px;width:100%;position:relative;border:var(--line) solid var(--ink);border-left:none;border-right:none;background:repeating-linear-gradient(118deg,transparent 0 16px,rgba(22,7,43,.09) 16px 18px),linear-gradient(#fff,#f3e7cc)}.joint-ash{position:absolute;right:0;top:-3px;bottom:-3px;width:9px;background:repeating-linear-gradient(0deg,#a8a2b8 0 3px,#8b8499 3px 5px);border-top:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink)}.joint-ember{position:absolute;right:-11px;top:50%;width:22px;height:24px;margin-top:-12px;border:var(--line) solid var(--ink);border-radius:45% 55% 55% 45%;background:radial-gradient(circle at 40% 45%,#fff3a0 0 18%,#ffb020 40%,#ff4a1f 75%);box-shadow:0 0 14px 4px #ff6e1ea6;animation:cherry .7s ease-in-out infinite alternate}@keyframes cherry{to{box-shadow:0 0 22px 8px #ff9628cc;filter:brightness(1.15)}}.joint-smoke{position:absolute;left:50%;bottom:100%;width:0;height:0}.joint-smoke i{position:absolute;left:-6px;bottom:0;width:12px;height:12px;border-radius:50%;background:#e8dfffbf;border:2px solid rgba(22,7,43,.35);animation:puff 2.2s ease-out infinite}.joint-smoke i:nth-child(2){animation-delay:-.75s}.joint-smoke i:nth-child(3){animation-delay:-1.5s}@keyframes puff{0%{transform:translate(0) scale(.4);opacity:0}20%{opacity:.9}to{transform:translate(var(--px, 14px),-46px) scale(2.2);opacity:0}}.joint-smoke i:nth-child(2){--px: -12px}.joint.urgent .joint-ember{animation-duration:.3s}.joint.urgent .joint-smoke i{animation-duration:1.2s;background:#ffd2becc}.joint.fingers{animation:t-panic .1s linear infinite}.joint.fingers .joint-crutch{background:repeating-linear-gradient(90deg,#ff8a5c 0 7px,#e0603a 7px 9px)}#juice{position:fixed;inset:0;z-index:88;pointer-events:none;overflow:hidden}.j-pop{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:24px;white-space:nowrap;animation:pop-fly 1.1s cubic-bezier(.2,.8,.3,1) forwards;-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink)}.j-hit{color:var(--accent)}.j-miss{color:var(--bad)}.j-big{font-size:36px;color:var(--pop)}@keyframes pop-fly{0%{opacity:0;transform:translate(-50%,-50%) scale(.4) rotate(-12deg)}22%{opacity:1;transform:translate(-50%,-50%) scale(1.25) rotate(4deg)}40%{transform:translate(calc(-50% + var(--dx, 0px)),-70%) scale(1) rotate(-2deg)}to{opacity:0;transform:translate(calc(-50% + var(--dx, 0px)),-180%) scale(.9)}}.j-flash{position:absolute;inset:0;opacity:0;animation:flash-fade .4s ease-out forwards;mix-blend-mode:screen}@keyframes flash-fade{0%{opacity:var(--peak, .3)}to{opacity:0}}.j-spark{position:absolute;width:10px;height:10px;border-radius:50%;border:2px solid var(--ink);transform:translate(-50%,-50%);animation:spark-fly .7s cubic-bezier(.2,.7,.3,1) forwards}@keyframes spark-fly{0%{opacity:1;transform:translate(-50%,-50%) scale(var(--s, 1))}to{opacity:0;transform:translate(calc(-50% + var(--tx)),calc(-50% + var(--ty))) scale(.1)}}.j-ring{position:absolute;width:40px;height:40px;margin:-20px 0 0 -20px;border:4px solid;border-radius:50%;animation:ring-out .6s cubic-bezier(.2,.8,.3,1) forwards}@keyframes ring-out{0%{opacity:.9;transform:scale(.3)}to{opacity:0;transform:scale(3.2)}}.j-callout{position:absolute;left:50%;top:30%;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:clamp(30px,8vw,62px);white-space:nowrap;color:var(--pop);text-align:center;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:5px 6px 0 var(--ink);animation:callout-slam .9s cubic-bezier(.16,1.3,.3,1) forwards}.j-callout-bad{color:var(--bad)}@keyframes callout-slam{0%{opacity:0;transform:translate(-50%,-50%) scale(2) rotate(-8deg)}16%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-3deg)}70%{opacity:1;transform:translate(-50%,-50%) scale(1.04) rotate(2deg)}to{opacity:0;transform:translate(-50%,-60%) scale(.94)}}.j-confetti{position:absolute;top:-20px;width:11px;height:18px;border-radius:3px;border:2px solid var(--ink);animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:.8;transform:translateY(105vh) rotate(720deg)}}.j-shake-1{animation:shake .4s ease-out}.j-shake-2{animation:shake .42s ease-out;--amp: 9px}.j-shake-3{animation:shake .44s ease-out;--amp: 15px}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(calc(var(--amp, 5px) * -1),2px)}30%{transform:translate(var(--amp, 5px),-2px)}45%{transform:translate(calc(var(--amp, 5px) * -.6),1px)}60%{transform:translate(calc(var(--amp, 5px) * .5),-1px)}80%{transform:translate(calc(var(--amp, 5px) * -.2))}}.hud{position:absolute;z-index:40;pointer-events:none;top:max(12px,env(safe-area-inset-top));left:12px;right:62px;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.hud.hidden{display:none}.hud-left{min-width:0;padding:6px 12px 8px;border-radius:14px;background:var(--surface);border:var(--line) solid var(--ink);box-shadow:3px 4px 0 var(--ink)}.hud-round{font-family:var(--font-display);font-size:var(--fs-caption);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hud-pips{display:flex;gap:4px;margin-top:5px}.hud-pips i{width:12px;height:7px;border-radius:4px;display:block;background:var(--surface-2);border:2px solid var(--ink);transition:background var(--ease),transform var(--ease)}.hud-pips i.done{background:var(--accent-2)}.hud-pips i.now{background:var(--accent);transform:scale(1.3) rotate(-6deg)}.hud-right{text-align:center;flex:0 0 auto;padding:5px 12px;border-radius:14px;background:var(--pop);color:var(--ink);border:var(--line) solid var(--ink);box-shadow:3px 4px 0 var(--ink)}.hud-label{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.14em}.hud-count{font-family:var(--font-display);font-size:26px;line-height:1.05}.hud.bump .hud-count{display:inline-block;animation:hud-bump .6s cubic-bezier(.16,1.3,.3,1)}@keyframes hud-bump{0%{transform:scale(1)}35%{transform:scale(1.5) rotate(-10deg);color:var(--accent-2)}to{transform:scale(1)}}.actcard{position:fixed;inset:0;z-index:34;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;pointer-events:none;background:radial-gradient(circle at 50% 45%,#1b0a33b8,#1b0a33f0 70%);animation:cue-in .42s cubic-bezier(.16,1.3,.3,1) backwards}.actcard.out{animation:cue-out .3s ease-in forwards}.actcard-num{font-family:var(--font-display);font-size:15px;letter-spacing:.3em;color:var(--ink);background:var(--pop);padding:4px 14px 4px 18px;border-radius:999px;border:var(--line) solid var(--ink);box-shadow:3px 4px 0 var(--ink);transform:rotate(-3deg)}.actcard-name{font-family:var(--font-display);font-size:clamp(30px,8.5vw,64px);text-transform:uppercase;line-height:1.02;letter-spacing:var(--tone-letter);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;animation:cue-name-in .52s cubic-bezier(.16,1.5,.3,1) .1s backwards}.actcard-blurb{font-size:var(--fs-lead);font-weight:600;max-width:28ch;text-shadow:2px 2px 0 var(--ink)}.actcard-cast{display:flex;gap:clamp(10px,5vw,50px);align-items:flex-end;margin-top:8px}.tone-clinical .actcard-name{color:var(--cyan)}.tone-drifting .actcard-name{color:var(--accent);transform:rotate(-2deg)}.tone-invasive .actcard-name{color:var(--accent-2);animation:cue-name-in .52s cubic-bezier(.16,1.5,.3,1) .1s backwards,wobble 1.8s ease-in-out infinite}@keyframes wobble{50%{transform:rotate(3deg) scale(1.04)}}.card-layer{position:absolute;inset:0;z-index:30;pointer-events:none}.stage.cueing{visibility:hidden}.stage.revealed{animation:stage-in .34s ease-out}@keyframes stage-in{0%{opacity:0}}.cue,.punch{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:max(84px,calc(env(safe-area-inset-top) + 72px)) 20px 24px;pointer-events:none;background:radial-gradient(closest-side,#1b0a33f2 45%,#1b0a33b3);animation:cue-in .38s cubic-bezier(.16,1.3,.3,1) backwards}.cue.out,.punch.out{animation:cue-out .24s ease-in forwards}.cue{pointer-events:auto;cursor:default}.cue.armed{cursor:pointer}.cue.going{pointer-events:none}.cue-go-wrap{margin-top:10px;min-height:64px;display:flex;align-items:center}.cue-go{font-size:clamp(20px,5.6vw,26px);padding:14px 44px;min-width:200px;opacity:.35;transform:scale(.92);filter:grayscale(.6);transition:opacity .22s,transform .32s cubic-bezier(.2,1.6,.35,1),filter .22s;pointer-events:none}.cue.armed .cue-go{opacity:1;transform:none;filter:none;pointer-events:auto;animation:go-pulse 1.3s ease-in-out .32s infinite}.cue.going .cue-go{animation:none;transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink);background:var(--pop)}@keyframes go-pulse{50%{transform:scale(1.06) rotate(-1.5deg);box-shadow:6px 8px 0 var(--ink)}}@keyframes cue-in{0%{opacity:0;transform:scale(1.08) rotate(1deg)}to{opacity:1;transform:none}}@keyframes cue-out{to{opacity:0;transform:scale(.94) rotate(-1deg)}}.cue-meta,.punch-label{font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--cyan);padding:3px 10px;border-radius:999px;border:2px solid var(--ink)}.cue-name{font-family:var(--font-display);font-size:clamp(34px,10vw,72px);line-height:1;text-transform:uppercase;letter-spacing:var(--tone-letter);color:var(--accent);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;transform:rotate(var(--tone-tilt));animation:cue-name-in .46s cubic-bezier(.16,1.5,.3,1) 60ms backwards}@keyframes cue-name-in{0%{opacity:0;transform:translateY(24px) scale(.6) rotate(-6deg)}to{opacity:1}}.cue-line{font-size:var(--fs-lead);font-weight:600;max-width:24ch;line-height:1.25;text-shadow:2px 2px 0 var(--ink)}.cue-heckle{margin-top:10px}.punch-row{display:flex;justify-content:center}.punch-row .mascot{align-items:center}.punch-row .bubble{max-width:min(22ch,62vw)}.punch-logged{display:flex;align-items:center;gap:6px;margin-top:6px}.punch-logged-count{font-family:var(--font-display);font-size:var(--fs-caption);letter-spacing:.08em;color:var(--ink);background:var(--pop);padding:4px 12px;border-radius:999px;border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(-2deg);animation:cue-in .36s ease .3s backwards}.title-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:safe center;text-align:center;overflow-y:auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));gap:clamp(4px,1.2vh,12px)}.title-mark{font-size:clamp(32px,min(11vw,8vh),92px);line-height:.95;text-transform:uppercase;display:flex;flex-wrap:wrap;justify-content:center;column-gap:.25em}.title-mark span{display:inline-block;animation:rise .62s var(--punch) backwards,bob 3.2s ease-in-out infinite}.title-mark span:nth-child(2){animation-delay:90ms,-1s}.title-mark span:nth-child(3){animation-delay:.18s,-2s}@keyframes rise{0%{opacity:0;transform:translateY(40px) scale(.6) rotate(-8deg)}to{opacity:1}}@keyframes bob{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(2deg)}}.title-line{font-size:var(--fs-lead);font-weight:600;max-width:30ch;text-shadow:2px 2px 0 var(--ink)}.title-line em{font-style:normal;color:var(--pop)}.title-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.title-party{font-size:var(--fs-body);padding:10px 24px}.title-skip{font-family:var(--font-mono);font-size:12px;opacity:.75;text-decoration:underline;text-underline-offset:3px}.title-legal{max-width:60ch;font-size:11px;opacity:.6;line-height:1.35}@media(max-height:640px){.title-line{font-size:var(--fs-body)}.title-legal{font-size:10px}.light-hint{padding:6px 16px}.title-party{padding:7px 20px}}.light-stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px}.light-cast{display:flex;align-items:flex-end;justify-content:center;gap:4px}.light-cast{gap:calc(var(--u, 1px) * 6)}.light-cast .mascot-twitch{margin-bottom:calc(clamp(.5px,min((100dvh - 400px) / 230,(100vw - 40px) / 380),1.35px)*34)}.light-cast .mascot-mosquito .m-tip-hit{cursor:pointer}.light-cast .bubble-top .bubble{min-height:2.6em;display:flex;align-items:center}.light-hint{font-family:var(--font-display);font-size:var(--fs-body);letter-spacing:.03em;color:var(--ink);background:var(--pop);padding:8px 18px;border-radius:999px;border:var(--line) solid var(--ink);box-shadow:var(--drop);animation:hint-pulse 1.4s ease-in-out infinite}.light-hint-fire{display:inline-block;animation:bob .8s ease-in-out infinite}@keyframes hint-pulse{50%{transform:scale(1.06) rotate(-2deg)}}.light-stage.lazy .light-hint{background:var(--accent)}.light-stage.lit .light-hint{opacity:0;transition:opacity .2s}.lighter{position:fixed;left:0;top:0;width:34px;height:68px;margin:-6px 0 0 -17px;pointer-events:none;z-index:90;display:none;filter:drop-shadow(3px 3px 0 rgba(22,7,43,.6))}.lighter svg{width:100%;height:100%;display:block}.lighter-flame{transform-box:fill-box;transform-origin:50% 100%;animation:flame .18s ease-in-out infinite alternate}@keyframes flame{to{transform:scaleY(1.15) scaleX(.9)}}@media(pointer:fine){.light-stage.has-lighter,.light-stage.has-lighter .m-tip-hit{cursor:none}.light-stage.has-lighter .lighter{display:block}.light-stage.lit .lighter{display:none}}.math-scene{position:absolute;inset:0;display:flex;flex-direction:column;padding:max(78px,calc(env(safe-area-inset-top) + 66px)) 18px max(18px,env(safe-area-inset-bottom));gap:16px}@media(min-width:720px){.math-scene{padding-left:12vw;padding-right:12vw}}.math-head{display:flex;justify-content:space-between;align-items:baseline}.math-tag,.math-count,.choices-tag,.choices-count,.recall-tag,.shelf-tag{font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);background:var(--paper);padding:3px 10px;border-radius:999px;border:2px solid var(--ink)}.math-sum{flex:1;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);color:var(--paper);font-size:clamp(50px,16vw,110px);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 7px 0 var(--ink)}.math-sum.in{animation:q-in .32s cubic-bezier(.16,1.5,.3,1)}@keyframes q-in{0%{opacity:0;transform:translateY(18px) scale(.85) rotate(-3deg)}to{opacity:1;transform:none}}.math-pad{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:0 0 auto}.math-key{padding:18px;border-radius:var(--tone-radius);font-family:var(--font-display);font-size:clamp(24px,6.5vw,36px);background:var(--surface);border:var(--line) solid var(--ink);box-shadow:var(--drop);animation:choice-in .32s cubic-bezier(.16,1.4,.3,1) backwards;transition:transform var(--snap),box-shadow var(--snap),background var(--ease)}.math-key:nth-child(odd){background:var(--surface-2)}.math-key:hover:not(:disabled){transform:translate(-1px,-2px) rotate(-1deg)}.math-key:active:not(:disabled){transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.math-key.right{background:var(--accent);color:var(--ink)}.math-key.wrong{background:var(--bad);color:var(--paper);animation:choice-wrong .34s ease-out}.steady-scene{position:absolute;inset:0;touch-action:none}.steady-scene canvas{position:absolute;inset:0;width:100%;height:100%}.shelf-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:70px 20px 24px;transition:opacity .3s,transform .3s}.shelf-scene.gone{opacity:0;transform:scale(.9) rotate(-4deg)}.shelf-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(540px,100%)}@media(min-width:720px){.shelf-grid{grid-template-columns:repeat(3,1fr)}}.shelf-item{padding:20px 12px;border-radius:var(--tone-radius);text-align:center;border:var(--line) solid var(--ink);box-shadow:var(--drop);color:var(--ink);animation:choice-in .42s cubic-bezier(.16,1.4,.3,1) backwards}.shelf-item:nth-child(4n+1){background:var(--accent);transform:rotate(-2deg)}.shelf-item:nth-child(4n+2){background:var(--pop);transform:rotate(1.5deg)}.shelf-item:nth-child(4n+3){background:var(--cyan);transform:rotate(-1deg)}.shelf-item:nth-child(4n+4){background:var(--accent-2);color:var(--paper);transform:rotate(2deg)}.shelf-label{font-family:var(--font-display);font-size:var(--fs-lead);line-height:1.1}.shelf-scene .joint{width:min(540px,100%)}.choices-scene{position:absolute;inset:0;display:flex;flex-direction:column;padding:max(78px,calc(env(safe-area-inset-top) + 66px)) 18px max(18px,env(safe-area-inset-bottom));gap:12px}@media(min-width:720px){.choices-scene{padding-left:10vw;padding-right:10vw}}.choices-head{display:flex;justify-content:space-between;align-items:baseline}.choices-tag:empty{visibility:hidden}.choices-prompt{flex:1;display:flex;align-items:center;font-family:var(--font-display);color:var(--paper);font-size:clamp(23px,5.8vw,38px);line-height:1.18;min-height:3.2em;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink)}.choices-prompt.in{animation:q-in .36s cubic-bezier(.16,1.4,.3,1)}.choices-note{font-family:var(--font-mono);font-size:11px;opacity:.7;line-height:1.4;flex:0 0 auto}.choices-list{display:flex;flex-direction:column;gap:10px;flex:0 0 auto}.pick{text-align:left;padding:14px 18px;border-radius:var(--tone-radius);background:var(--surface);font-size:var(--fs-body);font-weight:600;line-height:1.25;border:var(--line) solid var(--ink);box-shadow:var(--drop);transition:transform var(--snap),box-shadow var(--snap),background var(--ease);animation:choice-in .32s cubic-bezier(.16,1.4,.3,1) backwards}@keyframes choice-in{0%{opacity:0;transform:translateY(18px) scale(.92)}to{opacity:1}}.pick:hover{background:var(--surface-2);transform:translate(-1px,-2px) rotate(-.6deg)}.pick:active{transform:translate(3px,4px);box-shadow:1px 1px 0 var(--ink)}.pick.picked{background:var(--accent);color:var(--ink);transform:rotate(-1deg)}@keyframes choice-wrong{0%,to{transform:translate(0)}25%{transform:translate(-8px) rotate(-2deg)}60%{transform:translate(6px) rotate(1deg)}}.choices-ack{min-height:72px;flex:0 0 auto;display:flex;align-items:flex-end;opacity:0;transition:opacity .2s}.choices-ack.show{opacity:1}.choices-ack .bubble{max-width:min(40ch,calc(100vw - 110px));margin-bottom:18px}.ping-scene{position:absolute;inset:0;display:grid;place-items:center}.ping-dot{width:min(36vw,150px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 34%,#F4FFD0 0 12%,var(--accent) 40%,#4E9A0E 100%);border:4px solid var(--ink);box-shadow:var(--drop-lg);transition:transform 90ms}.ping-dot.hit{animation:pad-hit .24s cubic-bezier(.16,1.4,.3,1)}@keyframes pad-hit{0%{transform:scale(.85) rotate(-6deg)}60%{transform:scale(1.08)}to{transform:none}}.ping-count{position:absolute;bottom:18%;font-family:var(--font-display);font-size:30px;color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;opacity:.7}.ping-tray{position:absolute;top:max(84px,calc(env(safe-area-inset-top) + 72px));left:0;right:0;display:flex;flex-direction:column;gap:8px;padding:0 12px;z-index:20;pointer-events:none}.ping{pointer-events:auto;background:#222226eb;border-radius:16px;padding:11px 14px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 8px 30px #00000080,inset 0 0 0 1px #ffffff17;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:translateY(-140%);opacity:0;transition:transform .42s cubic-bezier(.16,1.2,.3,1),opacity .32s;max-width:460px;margin:0 auto;width:100%}.ping.in{transform:translateY(0);opacity:1}.ping.dead{filter:grayscale(1);opacity:.4}.ping-app{font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:2px}.ping-who{font-weight:600;font-size:15px}.ping-body{font-size:13px;opacity:.8;font-weight:400}.saw-scene{position:absolute;inset:0}.saw-scene canvas{position:absolute;inset:0;width:100%;height:100%}.saw-caption{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);text-align:center;font-family:var(--font-mono);font-weight:700;font-size:var(--fs-caption);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;color:var(--ink);background:var(--paper);padding:4px 12px;border-radius:999px;border:2px solid var(--ink)}.recall-scene{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;gap:12px;padding:max(78px,calc(env(safe-area-inset-top) + 66px)) 16px max(18px,env(safe-area-inset-bottom))}.recall-tag{text-align:center}.recall-count{font-family:var(--font-display);font-size:var(--fs-body);text-shadow:2px 2px 0 var(--ink)}.recall-count.over{color:var(--pop)}.recall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(560px,100%);flex:1;align-content:center;overflow-y:auto;padding:4px 6px 8px 2px}@media(min-width:620px){.recall-grid{grid-template-columns:repeat(3,1fr)}}.recall-item{padding:14px 10px;border-radius:var(--tone-radius);font-size:var(--fs-body);font-weight:600;background:var(--surface);border:var(--line) solid var(--ink);box-shadow:3px 4px 0 var(--ink);animation:choice-in .28s cubic-bezier(.16,1.4,.3,1) backwards;transition:transform var(--snap),box-shadow var(--snap),background var(--ease)}.recall-item:active{transform:translate(2px,3px);box-shadow:1px 1px 0 var(--ink)}.recall-item.on{background:var(--accent);color:var(--ink);transform:rotate(-1.5deg)}.recall-item.hit{background:var(--accent);color:var(--ink)}.recall-item.missed{background:var(--pop);color:var(--ink);opacity:.85}.recall-item.false{background:var(--bad);color:var(--paper)}.recall-done{flex:0 0 auto;margin-top:4px}.dx-screen{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:max(16px,env(safe-area-inset-top)) 14px calc(110px + env(safe-area-inset-bottom));animation:fade .4s var(--ease) backwards}@keyframes fade{0%{opacity:0}to{opacity:1}}.dx-inner{width:min(560px,100%);margin:0 auto;display:flex;flex-direction:column;gap:16px}.dx-kicker{align-self:center;font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:var(--cyan);padding:3px 10px;border-radius:999px;border:2px solid var(--ink);margin-right:52px}.dx-card{border-radius:26px;padding:16px;background:var(--glass);border:var(--line) solid var(--ink);box-shadow:var(--drop);animation:award-in .56s cubic-bezier(.16,1.4,.3,1) backwards}.dx-card:nth-of-type(2){animation-delay:.12s}.dx-card:nth-of-type(3){animation-delay:.24s}.dx-card:nth-of-type(4){animation-delay:.36s}.dx-card-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;font-family:var(--font-display);font-size:15px;letter-spacing:.1em;margin-bottom:12px}.dx-alt{--lvl: 0;background:linear-gradient(180deg,#1A0B3A 0%,var(--surface) 100%)}.dx-alt .dx-card-head{justify-content:center;color:var(--pop);font-size:17px}.alt-body{display:grid;grid-template-columns:70px 1fr;gap:14px;height:clamp(190px,29vh,280px)}.alt-tube{position:relative;border-radius:40px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 18px,rgba(255,247,230,.05) 18px 20px),#120628;border:4px solid var(--ink);box-shadow:inset 0 0 0 3px #fff7e61f,var(--drop)}.alt-fill{position:absolute;left:0;right:0;bottom:0;height:0%;background:linear-gradient(0deg,var(--accent) 0%,var(--cyan) 35%,var(--accent-2) 70%,#9B5CFF 100%);background-size:100% 300px;background-position:0 100%;border-top:4px solid var(--ink);transition:height 1.6s cubic-bezier(.3,0,.15,1)}.dx-alt.filling .alt-fill{height:calc(var(--lvl) * 100%)}.alt-fill i{position:absolute;bottom:-12px;width:12px;height:12px;border-radius:50%;background:#ffffff8c;border:2px solid rgba(22,7,43,.4);animation:alt-bubble 2.4s ease-in infinite}.alt-fill i:nth-child(1){left:18%}.alt-fill i:nth-child(2){left:56%;width:8px;height:8px;animation-delay:-.8s;animation-duration:2s}.alt-fill i:nth-child(3){left:36%;width:16px;height:16px;animation-delay:-1.5s;animation-duration:3s}.alt-fill i:nth-child(4){left:70%;animation-delay:-.3s;animation-duration:2.7s}@keyframes alt-bubble{0%{transform:translateY(0);opacity:.9}to{transform:translateY(-320px);opacity:0}}.alt-tick{position:absolute;left:0;width:16px;height:3px;background:#fff7e666;border-radius:2px}.alt-marker{position:absolute;left:50%;bottom:0;z-index:2;font-size:30px;line-height:1;transform:translate(-50%,50%);filter:drop-shadow(2px 3px 0 var(--ink));transition:bottom 1.6s cubic-bezier(.3,0,.15,1)}.dx-alt.filling .alt-marker{bottom:calc(var(--lvl) * 100% - 14px)}.dx-alt.landed .alt-marker{animation:alt-land .7s cubic-bezier(.2,1.6,.35,1)}@keyframes alt-land{30%{transform:translate(-50%,50%) scale(1.5) rotate(-12deg)}}.alt-ladder{position:relative}.alt-rung{position:absolute;left:0;right:0;transform:translateY(50%);display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:14px;letter-spacing:.04em;opacity:.4;transition:opacity .4s,transform .4s}.alt-rung.passed{opacity:.62}.alt-rung-emoji{font-size:18px;width:24px;text-align:center}.alt-rung.on{opacity:.8}.dx-alt.landed .alt-rung.on{opacity:1;transform:translateY(50%) translate(-4px) scale(1.08);transform-origin:left center}.dx-alt.landed .alt-rung.on .alt-rung-name{color:var(--ink);background:var(--pop);padding:4px 10px;border-radius:999px;border:var(--line) solid var(--ink);box-shadow:3px 3px 0 var(--ink);animation:alt-pop .52s cubic-bezier(.2,1.6,.35,1)}.dx-alt.landed .alt-rung.on:before{content:"";position:absolute;left:-16px;width:0;height:0;border:9px solid transparent;border-right:11px solid var(--pop);filter:drop-shadow(-2px 0 0 var(--ink))}@keyframes alt-pop{0%{transform:scale(.5) rotate(-8deg)}}.alt-readout{text-align:center;margin-top:14px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.dx-alt.landed .alt-readout{opacity:1;transform:none}.alt-tier{font-family:var(--font-display);font-size:clamp(30px,9vw,44px);line-height:1;color:var(--accent);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink)}.alt-line{font-size:var(--fs-body);font-weight:600;margin-top:6px;opacity:.9}.dx-hero{text-align:center;display:flex;flex-direction:column;gap:8px;align-items:center;transform:rotate(-.4deg)}.dx-cast{display:flex;align-items:flex-end;justify-content:center;gap:6px;margin-bottom:2px}.dx-label{font-family:var(--font-mono);font-weight:700;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);background:var(--pop);padding:2px 10px;border-radius:999px;border:2px solid var(--ink)}.dx-name{font-size:clamp(30px,9vw,54px);line-height:1;text-transform:uppercase;animation:rise .7s var(--punch) backwards,bob 3.4s ease-in-out 1s infinite}.dx-tagline{font-size:var(--fs-lead);font-weight:600;line-height:1.3;max-width:26ch}.dx-also{font-family:var(--font-mono);font-size:var(--fs-caption);opacity:.8}.dx-also b{color:var(--cyan);font-weight:700}.dx-traits .dx-card-head{color:var(--cyan)}.trait-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.trait-tile{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;column-gap:8px;align-items:center;padding:9px 10px;border-radius:16px;background:var(--surface-2);border:2px solid var(--ink);position:relative}.trait-tile.top{background:var(--accent-2);box-shadow:3px 4px 0 var(--ink)}.trait-icon{grid-row:1 / 3;font-size:26px;line-height:1;text-align:center}.trait-body{min-width:0}.trait-name{font-family:var(--font-display);font-size:12.5px;letter-spacing:.03em;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trait-pips{display:flex;gap:3px;margin-top:5px}.trait-pips i{flex:1;height:9px;border-radius:3px;background:#16072b8c;border:1.5px solid var(--ink)}.trait-pips i.on{background:var(--accent);animation:pip-on .3s cubic-bezier(.2,1.6,.35,1) backwards}.trait-tile.top .trait-pips i.on{background:var(--pop)}@keyframes pip-on{0%{transform:scaleY(.2);background:#16072b8c}}.trait-read{grid-column:2;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.75;margin-top:2px}.dx-obs{background:var(--pop);color:var(--ink);transform:rotate(-.5deg)}.dx-obs-count{font-family:var(--font-mono);font-size:11px;opacity:.75}.dx-obs-list{list-style:none;display:flex;flex-direction:column;gap:8px}.dx-obs-item{display:flex;gap:10px;align-items:flex-start;font-size:var(--fs-body);font-weight:600;line-height:1.35;background:var(--paper);border:2px solid var(--ink);border-radius:14px;padding:10px 12px;animation:obs-in .46s cubic-bezier(.16,1.3,.3,1) backwards}.dx-obs-n{flex:none;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:13px;background:var(--accent-2);color:var(--paper);border:2px solid var(--ink)}@keyframes obs-in{0%{opacity:0;transform:translate(-14px) rotate(-2deg)}to{opacity:1;transform:none}}.dx-rx{display:flex;flex-direction:column;gap:12px}.dx-advice{font-size:var(--fs-body);font-weight:600;line-height:1.4;padding:12px 16px;border-radius:20px;color:var(--ink);background:var(--accent);border:var(--line) solid var(--ink);box-shadow:var(--drop);transform:rotate(.5deg)}.dx-advice-tag{display:block;font-family:var(--font-display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:2px}.roast-row{display:flex;align-items:flex-end;gap:6px}.roast{flex:1;font-size:var(--fs-body);font-weight:600;color:var(--ink);line-height:1.4;background:var(--paper);border-radius:20px;padding:12px 14px;border:var(--line) solid var(--ink);box-shadow:var(--drop);position:relative}.roast:after{content:"";position:absolute;left:-12px;bottom:16px;width:16px;height:16px;background:var(--paper);border-left:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);transform:skewY(35deg) rotate(10deg)}.dx-actions{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;gap:10px;justify-content:center;align-items:center;padding:12px 14px max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,transparent,rgba(27,10,51,.92) 30%)}.dx-actions .btn{font-size:18px;padding:12px 20px}.dx-again{flex:1 1 auto;max-width:240px}.dx-share{flex:0 1 auto}.dx-party{padding:12px 16px!important}.dx-meta{font-family:var(--font-mono);font-size:11px;text-align:center;opacity:.6}.dx-legal{font-size:11px;opacity:.6;text-align:center;line-height:1.4}@media(min-width:720px){.dx-screen{padding-top:28px}.dx-card{padding:20px 22px}.trait-name{font-size:13px}.alt-body{grid-template-columns:96px 1fr}.alt-rung{font-size:17px}}.party-screen{position:absolute;inset:0;overflow-y:auto;padding:20px 16px max(40px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;animation:fade .35s var(--ease) backwards}.party-inner{width:min(540px,100%);display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center}.party-kicker{font-family:var(--font-display);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink);background:var(--pop);padding:4px 14px;border-radius:999px;border:var(--line) solid var(--ink);transform:rotate(-2deg)}.party-title,.awards-title{font-size:clamp(32px,9vw,60px);text-transform:uppercase;line-height:1}.party-blurb{font-size:var(--fs-body);font-weight:600;max-width:32ch;line-height:1.4;text-shadow:2px 2px 0 var(--ink)}.party-name{width:min(300px,100%);padding:13px 18px;border-radius:999px;text-align:center;font-family:var(--font-body);font-weight:600;font-size:var(--fs-body);color:var(--ink);background:var(--paper);border:var(--line) solid var(--ink);box-shadow:var(--drop)}.party-name::placeholder{color:#16072b66}.party-roster{width:100%;display:flex;flex-direction:column;gap:8px;margin-top:6px}.party-roster-head{font-family:var(--font-mono);font-weight:700;font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}.party-chip{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 14px;border-radius:16px;background:var(--surface);border:var(--line) solid var(--ink);box-shadow:3px 4px 0 var(--ink);text-align:left}.party-chip-name{font-weight:600}.party-chip-persona{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--pop)}.party-exit{font-family:var(--font-mono);font-size:11px;opacity:.7;text-decoration:underline;margin-top:6px}.handoff-persona{font-size:clamp(28px,8vw,50px);text-transform:uppercase;line-height:1}.handoff-tag{font-size:var(--fs-body);font-weight:600;max-width:30ch}.handoff-obs{font-size:var(--fs-body);font-weight:600;line-height:1.4;padding:14px 16px;border-radius:18px;color:var(--ink);background:var(--pop);border:var(--line) solid var(--ink);box-shadow:var(--drop)}.handoff-pass{font-family:var(--font-display);font-size:14px;letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-top:4px;text-shadow:2px 2px 0 var(--ink);animation:pass-pulse 1.2s ease-in-out infinite}@keyframes pass-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.awards-inner{width:min(580px,100%)}.awards-list{width:100%;display:flex;flex-direction:column;gap:14px}.award{padding:16px 18px;border-radius:22px;text-align:left;background:var(--surface);border:var(--line) solid var(--ink);box-shadow:var(--drop);animation:award-in .62s cubic-bezier(.16,1.4,.3,1) backwards}.award:nth-child(odd){transform:rotate(-.8deg)}.award:nth-child(2n){transform:rotate(.8deg)}@keyframes award-in{0%{opacity:0;transform:translateY(26px) scale(.9) rotate(-4deg)}}.award-title{font-family:var(--font-display);font-size:var(--fs-caption);letter-spacing:.05em;color:var(--pop);line-height:1.3}.award-winner{display:flex;align-items:baseline;gap:10px;margin-top:8px;flex-wrap:wrap}.award-name{font-family:var(--font-display);font-size:var(--fs-lead)}.award-persona{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.award-line{font-size:var(--fs-caption);opacity:.85;margin-top:5px;line-height:1.4}@media(prefers-reduced-motion:reduce){.holo,.title-mark span,.j-callout,.hud.bump .hud-count,.cue,.cue-name,.punch,.punch-logged-count,.actcard,.actcard-name,.choices-prompt.in,.math-sum.in,.pick,.math-key,.shelf-item,.recall-item,.dx-name,.dx-obs-item,.dx-card,.alt-fill i,.alt-marker,.trait-pips i,.award,.handoff-pass,.light-hint,.light-hint-fire,.mascot *,.joint,.joint *,.coal,.lighter-flame{animation:none!important}.boil,.mascot-svg{filter:none}.holo{filter:drop-shadow(4px 5px 0 var(--ink))}body[data-tone=invasive] #backdrop{animation:none}*{transition-duration:.14s!important}}.mascot{--u: .6px}.mascot.size-sm{--u: .4px}.mascot.size-md{--u: .6px}.mascot.size-lg{--u: clamp(.55px, 22vw / 240, .95px)}.mascot.size-xl{--u: clamp(.5px, min((100dvh - 400px) / 230, (100vw - 40px) / 380), 1.35px)}.mascot-mosquito .mascot-art{width:calc(var(--u) * 240)}.mascot-twitch .mascot-art{width:calc(var(--u) * 146)}.hud-left:has(.hud-round:empty){visibility:hidden}.sidecast{position:absolute;inset:0;z-index:45;pointer-events:none}.sidecast-left,.sidecast-right{position:absolute;bottom:0;display:flex}.sidecast-left{left:max(4px,env(safe-area-inset-left))}.sidecast-right{right:max(8px,env(safe-area-inset-right))}.mascot.size-side{--u: var(--cast-u, .6px)}.sidecast .mascot{animation:cast-in .6s cubic-bezier(.2,1.5,.35,1) backwards}.sidecast-right .mascot{animation-delay:.15s}@keyframes cast-in{0%{transform:translateY(110%)}}.sidecast .bubble{max-width:min(24ch,calc(var(--lane, 200px) - 20px))}.sidecast .bubble-top .bubble{margin-bottom:8px}.sidecast-left .mascot-art{margin-bottom:calc(var(--u) * -14)}@media(max-width:1000px){.sidecast-left .mascot-art{margin-bottom:calc(var(--u) * -58)}.sidecast-right .mascot-art{margin-bottom:calc(var(--u) * -18)}.sidecast-left{left:-6px}.sidecast-right{right:0}.sidecast .bubble{max-width:min(26ch,62vw);font-size:14px;padding:7px 11px}.sidecast-left .bubble{transform-origin:left bottom;align-self:flex-start;margin-left:8px}.sidecast-right .bubble{transform-origin:right bottom;align-self:flex-end;margin-right:4px}.sidecast-left .bubble-top .bubble:after{left:22px}.sidecast-right .bubble-top .bubble:after{left:auto;right:18px}}.punch-line{font-family:var(--font-display);color:var(--paper);font-size:clamp(24px,6vw,42px);line-height:1.15;max-width:20ch;-webkit-text-stroke:2.5px var(--ink);paint-order:stroke fill;text-shadow:4px 5px 0 var(--ink);transform:rotate(var(--tone-tilt));animation:cue-name-in .42s cubic-bezier(.16,1.5,.3,1) backwards}.cue-hint{font-family:var(--font-mono);font-size:var(--fs-caption);opacity:.8;max-width:32ch}.mascot-twitch .wisp{stroke-dasharray:60;animation:wisp 2.2s ease-in-out infinite}.mascot-twitch .wisp.w2{animation-delay:-1.1s}.mascot-twitch .t-ember ellipse:first-child{animation:ember .6s ease-in-out infinite alternate}.mascot-twitch .t-ember{transform-box:fill-box;transform-origin:center;transition:transform .2s}.mascot-twitch .t-puff{opacity:0;transform-box:fill-box;transform-origin:0% 50%}.mascot-twitch.toking .t-ember{animation:t-drag 1.6s ease-in-out}.mascot-twitch.toking .t-puff{animation:t-exhale 1.8s ease-out .9s}.mascot-twitch.toking .t-joint{animation:t-pull 1.6s ease-in-out}@keyframes t-drag{0%,to{transform:scale(1);filter:none}30%,60%{transform:scale(1.5);filter:drop-shadow(0 0 6px #FF8A1F) brightness(1.3)}}@keyframes t-pull{30%,60%{transform:translate(-3px,-2px) rotate(-4deg)}}@keyframes t-exhale{0%{opacity:0;transform:scale(.3)}25%{opacity:1;transform:scale(1)}to{opacity:0;transform:translate(18px,-26px) scale(1.7)}}@media(prefers-reduced-motion:reduce){.mascot-twitch.toking *{animation:none!important}}@media(max-width:1000px){.sidecast-left .bubble{max-width:min(24ch,54vw)}.sidecast-right .bubble{max-width:min(20ch,46vw);margin-bottom:calc(var(--u) * 70)!important}}body.has-cast .choices-ack{display:none}@media(max-width:720px){.choices-scene{gap:14px}.choices-prompt{font-size:clamp(27px,8.2vw,40px);line-height:1.12;justify-content:center;text-align:center;-webkit-text-stroke-width:3px}.choices-note{font-size:13px;text-align:center;opacity:.85}.pick{font-size:18px;padding:15px 18px}.choices-list{gap:11px}}@media(max-width:1000px){.sidecast-right .bubble{margin-bottom:calc(var(--u) * 52)!important}.sidecast .bubble{font-size:13.5px;line-height:1.25}}body.has-cast{--cast-u: clamp(.55px, (100vw - 700px) / 520, 1.05px);--lane: calc(var(--cast-u) * 240 + 18px)}@media(min-width:1001px){body.has-cast .stage{left:var(--lane);right:var(--lane)}.sidecast-left,.sidecast-right{width:var(--lane);justify-content:center}.sidecast-left{left:0}.sidecast-right{right:0}.sidecast .bubble{font-size:15px}}@media(max-width:1000px){body.has-cast{--cast-u: clamp(.72px, 100vw / 430, 1.05px);--castzone: max(min(240px, 29vh), 165px)}body.has-cast .stage{bottom:var(--castzone)}body.has-cast .cue,body.has-cast .punch,body.has-cast .actcard{padding-bottom:calc(var(--castzone) - 20px)}}.choices-prompt{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;text-align:center}.choices-prompt-card{max-width:26ch;padding:18px 22px;border-radius:24px;background:var(--surface);border:var(--line) solid var(--ink);box-shadow:var(--drop-lg);transform:rotate(calc(var(--tone-tilt) * .6))}.choices-scene{padding-bottom:max(16px,env(safe-area-inset-bottom))}body.has-cast .choices-scene,body.has-cast .math-scene,body.has-cast .recall-scene{padding-left:16px;padding-right:16px}@media(min-width:721px){.choices-scene{padding-top:max(84px,calc(env(safe-area-inset-top) + 72px));gap:18px}.choices-prompt{font-size:clamp(28px,3vw,46px)}.choices-prompt-card{padding:24px 30px;max-width:24ch}.choices-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.pick{min-height:74px;display:flex;align-items:center;font-size:19px}.choices-note{text-align:center;font-size:13px}}@media(min-width:1001px){.choices-scene{padding-bottom:40px}}@media(max-width:1000px){.sidecast .bubble-top .bubble{margin:0 0 6px!important;max-width:calc(50vw - 22px)!important;font-size:13.5px;padding:7px 11px;text-align:left}.sidecast-left .bubble{align-self:flex-start;margin-left:20px!important;transform-origin:30% 100%}.sidecast-right .bubble{align-self:flex-end;margin-right:6px!important;transform-origin:70% 100%}.sidecast-left .bubble-top .bubble:after{left:min(66px,calc(100% - 34px));right:auto}.sidecast-right .bubble-top .bubble:after{left:auto;right:38px}}@media(max-width:1000px){body.has-cast .snack-scene{padding:76px 16px 12px;justify-content:center}body.has-cast .snack-bag{width:max(140px,min(72vw,300px,calc((100dvh - var(--castzone) - 190px) * .615)))}body.has-cast .bm-scene{padding:76px 12px 12px;justify-content:center}body.has-cast .lw-scene{padding-bottom:16px}body.has-cast .fire-floor{bottom:16px}}.bm-say{position:relative;z-index:6}@media(max-width:1000px){body.has-cast .saw-scene canvas{-webkit-mask-image:linear-gradient(to bottom,#000 88%,transparent);mask-image:linear-gradient(to bottom,#000 88%,transparent)}body.has-cast .recall-scene{gap:8px;padding-top:max(76px,calc(env(safe-area-inset-top) + 64px));padding-bottom:10px}body.has-cast .recall-grid{gap:8px;overflow:visible;padding:2px;align-content:center}body.has-cast .recall-item{padding:10px 8px;font-size:16px;line-height:1.15}body.has-cast .recall-done{padding:11px 26px;font-size:18px}}@media(max-width:1000px)and (max-height:700px){body.has-cast .recall-item{padding:7px 6px;font-size:15px}}body.dx-scrolled .mute-btn{opacity:0;pointer-events:none}.party-screen:has(.dx-actions){padding-bottom:calc(120px + env(safe-area-inset-bottom));align-items:flex-start}.dx-screen.dx-one{overflow:hidden;display:flex;flex-direction:column;align-items:stretch;gap:8px;padding:max(10px,env(safe-area-inset-top)) 14px calc(78px + env(safe-area-inset-bottom))}.dx-one .dx-kicker{flex:none}.dx-one .dx-grid{flex:1;min-height:0;width:min(560px,100%);margin:0 auto;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.dx-one .dx-right{min-height:0;display:flex;flex-direction:column;gap:8px}.dx-one .dx-legal{flex:none;margin:0;font-size:10.5px}.dx-one .dx-alt{padding:10px 14px 12px}.dx-one .dx-alt .dx-card-head{margin-bottom:6px;font-size:14px}.dx-one .alt-body{height:clamp(112px,19dvh,190px);grid-template-columns:54px 1fr;gap:12px}.dx-one .alt-rung{font-size:12.5px}.dx-one .alt-rung-emoji{font-size:15px}.dx-one .alt-marker{font-size:24px}.dx-one .alt-readout{margin-top:8px}.dx-one .alt-tier{font-size:clamp(24px,7vw,36px)}.dx-one .alt-line{font-size:14px;margin-top:3px}.dx-who{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;flex:none}.dx-who .dx-label{font-size:12px;letter-spacing:.22em}.dx-who .dx-name{font-size:clamp(24px,7.2vw,42px);line-height:1;margin:0}.dx-who .dx-tagline{font-size:14.5px;line-height:1.25;max-width:34ch}.dx-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:3px}.dx-chip{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:11.5px;letter-spacing:.04em;padding:4px 10px 4px 7px;border-radius:999px;color:var(--ink);background:var(--cyan);border:2.5px solid var(--ink);box-shadow:2px 3px 0 var(--ink)}.dx-chip:nth-child(2){background:var(--pop)}.dx-chip:nth-child(3){background:var(--accent)}.dx-chip b{font-size:14px;font-weight:400}.dx-talk{flex:1;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.dx-say{position:relative;flex:none;min-height:5.4em;background:var(--paper);color:var(--ink);border:var(--line) solid var(--ink);border-radius:20px;box-shadow:4px 5px 0 var(--ink);padding:10px 14px 12px;margin-bottom:12px}.dx-say[data-who=twitch]{background:#e3fdff}.dx-say:after{content:"";position:absolute;bottom:-13px;left:22%;width:18px;height:18px;background:inherit;border-right:var(--line) solid var(--ink);border-bottom:var(--line) solid var(--ink);transform:rotate(45deg);transition:left .25s cubic-bezier(.2,1.4,.35,1)}.dx-say[data-who=twitch]:after{left:74%}.dx-say.pop{animation:dx-say-pop .36s cubic-bezier(.2,1.5,.35,1)}@keyframes dx-say-pop{0%{transform:scale(.94) translateY(6px);opacity:.4}}.dx-say-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px}.dx-say-who{font-family:var(--font-display);font-size:12px;letter-spacing:.08em}.dx-say-tag{font-family:var(--font-mono);font-weight:700;font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}.dx-say-text{font-weight:600;font-size:clamp(14.5px,3.9vw,17px);line-height:1.32}.dx-talk-cast{flex:none;display:flex;justify-content:space-around;align-items:flex-end}.dx-talk-cast .mascot{--u: clamp(.4px, calc((100dvh - 600px) / 300), .8px);transition:opacity .25s,transform .25s}.dx-talk-cast .mascot-twitch{margin-bottom:calc(var(--u) * 20)}.dx-talk-cast .mascot:not(.speaking){opacity:.55;transform:scale(.94)}.dx-talk-cast .mascot.speaking{transform:translateY(-3px)}.dx-talk-nav{flex:none;display:flex;align-items:center;justify-content:center;gap:10px}.dx-dots{display:flex;gap:6px}.dx-dot{width:10px;height:10px;padding:0;border-radius:50%;background:var(--surface-2);border:2px solid var(--ink)}.dx-dot.on{background:var(--pop);transform:scale(1.25)}.dx-step{width:30px;height:30px;border-radius:50%;font-family:var(--font-display);font-size:18px;line-height:1;background:var(--surface);color:var(--paper);border:2.5px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}.dx-step:disabled{opacity:.3}@media(min-width:900px){.dx-screen.dx-one{padding-top:22px;gap:12px}.dx-one .dx-grid{width:min(1060px,100%);grid-template-columns:360px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:22px}.dx-one .dx-alt{display:flex;flex-direction:column;padding:16px 20px 18px}.dx-one .alt-body{flex:1;height:auto;min-height:0;grid-template-columns:84px 1fr}.dx-one .alt-rung{font-size:16px}.dx-one .alt-rung-emoji{font-size:19px}.dx-one .alt-marker{font-size:30px}.dx-one .alt-tier{font-size:40px}.dx-one .alt-line{font-size:16px}.dx-who .dx-name{font-size:clamp(34px,3.6vw,52px)}.dx-who .dx-tagline{font-size:17px}.dx-chip{font-size:13px}.dx-say{padding:14px 18px 16px}.dx-say-who{font-size:13px}.dx-say-text{font-size:19px}.dx-talk-cast .mascot{--u: clamp(.6px, calc((100dvh - 420px) / 260), 1.1px)}}@media(max-height:700px)and (max-width:899px){.dx-one .dx-alt .dx-card-head,.dx-who .dx-tagline{display:none}}@media(prefers-reduced-motion:reduce){.dx-say.pop{animation:none}}@media(max-width:899px){.dx-one .alt-body{height:clamp(96px,14.5dvh,150px)}.dx-one .alt-readout{margin-top:6px}.dx-who .dx-label{display:none}.dx-who .dx-tagline{font-size:13.5px}.dx-talk-cast .mascot{--u: clamp(.36px, calc((100dvh - 650px) / 300), .7px)}.dx-say{min-height:4.6em;margin-bottom:10px}.dx-one .dx-right{overflow:hidden}}@media(max-height:700px)and (max-width:899px){.dx-one .alt-body{margin-top:10px}}.light-stage.flicking .lighter{display:block;margin:-64px 0 0 -17px;animation:lighter-flick .7s cubic-bezier(.2,1.5,.35,1) forwards}@keyframes lighter-flick{0%{opacity:0;scale:.5}18%{opacity:1;scale:1.1}70%{opacity:1;scale:1}to{opacity:0;scale:.9;translate:0 -8px}}@media(pointer:fine){.light-stage.flicking .lighter{animation:none;margin:-6px 0 0 -17px}}@media(prefers-reduced-motion:reduce){.light-stage.flicking .lighter{animation:none}}