@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-vietnamese-400-normal-BbvBhFjQ.woff2)format("woff2"),url(/assets/bangers-vietnamese-400-normal-Ll9rymNv.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-ext-400-normal-7BLmjjiv.woff2)format("woff2"),url(/assets/bangers-latin-ext-400-normal-CzVt_Cgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bangers;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/bangers-latin-400-normal-DeHY8Ncq.woff2)format("woff2"),url(/assets/bangers-latin-400-normal-BAEm-Pv0.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-vietnamese-wght-normal-RvljkFvg.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-ext-wght-normal-B6JQhE1e.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/lexend-latin-wght-normal-ci0D1wrL.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--sky:#3fa7f5;--sky-dots:#20213d14;--sun:#ffd640;--pop:#f2545b;--go:#2bd18b;--mint:#7eeab6;--ink:#20213d;--paper:#fff;--paper-dim:#e4eef8;--locked:#d9e9f8;--locked-ink:#4a5578;--font-comic:"Bangers", Impact, "Arial Black", sans-serif;--font-body:"Lexend Variable", "Lexend", system-ui, sans-serif;--outline:3px;--radius:16px;--radius-small:12px;--drop:0 4px 0 var(--ink);--drop-lifted:0 7px 0 var(--ink);--drop-pressed:0 1px 0 var(--ink);--quick:.14s;--tap:44px;--line:4px;--shadow:6px 6px 0 var(--ink);--shadow-small:3px 3px 0 var(--ink);color:var(--ink);font-family:var(--font-body);font-size:18px;line-height:1.45}*{box-sizing:border-box}body{background-color:var(--sky);background-image:radial-gradient(circle, var(--sky-dots) 3px, transparent 3.5px);background-size:28px 28px;min-height:100dvh;margin:0}h1,h2{font-family:var(--font-comic);letter-spacing:.03em;margin:0;font-weight:400;line-height:1}h2{font-size:30px}p{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:4px dashed var(--ink);outline-offset:4px}:is(.button,.start,.choice,.pill):focus-visible{box-shadow:var(--drop), 0 2px 0 3px var(--paper), 0 2px 0 6px var(--sun), 0 2px 0 9px var(--ink);outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.star{vertical-align:-.2em;width:auto;height:1.1em;display:inline-block}.logo-credit{color:#ffffffd9;justify-self:center;font-size:12px}.panel{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop);padding:20px 22px 22px}.button,.start{min-height:var(--tap);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop);transition:translate var(--quick), box-shadow var(--quick)}.button{background:var(--paper);padding:8px 18px;font-weight:700}.start{background:var(--pop);color:var(--paper);font-family:var(--font-comic);letter-spacing:.05em;-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;padding:6px 40px 2px;font-size:40px}.button:active:not(:disabled),.start:active:not(:disabled){box-shadow:var(--drop-pressed);translate:0 3px}.start:disabled{background:var(--paper-dim);color:var(--ink);opacity:.6;-webkit-text-stroke:0}.burst{aspect-ratio:1;place-items:center;width:min(340px,70vw);animation:.7s cubic-bezier(.2,1.6,.4,1) both burst-in;display:grid;position:relative}.burst svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.burst polygon{stroke:var(--ink);stroke-width:6px;stroke-linejoin:round;filter:drop-shadow(6px 6px 0 var(--ink))}.burst--go polygon{fill:var(--go)}.burst--sun polygon{fill:var(--sun)}.burst--pop polygon{fill:var(--pop)}.burst span{font-family:var(--font-comic);color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-align:center;padding:0 16%;font-size:clamp(48px,10vw,84px);line-height:.9;position:relative;transform:rotate(-8deg)}@keyframes burst-in{0%{opacity:0;transform:scale(.3)rotate(-25deg)}to{opacity:1;transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important}}@property --open{syntax:"<number>";inherits:true;initial-value:0}.reaper{display:block;overflow:visible}.reaper-mandible{transform-box:view-box;transform-origin:14px 50px;rotate:calc(var(--open) * -42deg)}.reaper-blade{fill:#e4d3b2;stroke:var(--ink);stroke-width:2.4px;stroke-linejoin:round}.reaper-stripes{fill:none;stroke:#c4553a;stroke-width:4px;stroke-linecap:round}.reaper-tip{fill:#fff7e4;stroke:var(--ink);stroke-width:1.2px}.reaper-maw{transform-box:view-box;transform-origin:100px 70px;scale:calc(.35 + var(--open) * .85) calc(.15 + var(--open) * 1.15)}.reaper-maw ellipse{fill:#4a0d18;stroke:#c4553a;stroke-width:3px}.reaper-maw path{fill:#fff6dc;stroke:var(--ink);stroke-width:.6px}.panel h2{margin-bottom:14px}.panel-note{max-width:60ch;margin:-6px 0 14px}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.link-button{text-underline-offset:3px;background:0 0;border:0;padding:4px 0;font-weight:600;text-decoration:underline}.choice,.pill{min-height:var(--tap);background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop);transition:translate var(--quick), box-shadow var(--quick), background-color var(--quick)}.choice:active:not(:disabled),.pill:active:not(:disabled),.choice[aria-pressed=true],.pill[aria-pressed=true]{box-shadow:var(--drop-pressed);translate:0 3px}.choice[aria-pressed=true],.pill[aria-pressed=true]{background:var(--sun)}.segmented{flex-wrap:wrap;gap:12px;display:flex}.choice{padding:10px 20px;font-size:20px;font-weight:700}.lengths{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.pill{border-radius:999px;padding:6px 16px;font-weight:600}.facts{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fact{background:var(--paper);border:3px solid var(--pop);border-radius:10px;padding:6px 14px;font-size:22px;font-weight:700}.hud-progress.is-compact{flex:none}.game-sheet{--sheet-top:max(16px, calc(50dvh - 300px));width:min(780px,100vw - 32px);max-height:calc(100dvh - var(--sheet-top) - 16px);margin-block:var(--sheet-top) auto;color:var(--ink);background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);box-shadow:0 6px 0 var(--ink);padding:0}.game-sheet[open]{animation:.32s cubic-bezier(.34,1.6,.64,1) sheet-in}.game-sheet::backdrop{background:#20213d8c}@keyframes sheet-in{0%{opacity:0;translate:0 30px;scale:.94}}.game-sheet-body{display:grid}.game-sheet-header{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 24px 0;display:grid}.game-sheet-art.game-art{max-width:96px;height:64px}.game-sheet-art.is-icon{font-size:50px;line-height:64px}.game-sheet-header h2{font-size:40px}.game-sheet-header p{opacity:.8;font-size:16px}.sheet-close{--button-size:44px;align-self:start}.game-sheet-options{grid-template-columns:max-content 1fr;gap:12px 20px;padding:18px 24px 20px;display:grid;overflow:clip}.option-row{grid-template-columns:auto 1fr;align-items:center;gap:6px 20px;display:grid}.game-sheet-options .option-row{grid-column:1/-1;grid-template-columns:subgrid}.option-label{letter-spacing:.06em;text-transform:uppercase;opacity:.65;max-width:9em;font-size:13px;font-weight:800;line-height:1.25}.option-segments{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);max-width:100%;box-shadow:var(--drop);justify-self:start;display:inline-flex;overflow:hidden}.option-segment{border:0;border-left:2px solid var(--ink);min-width:0;min-height:40px;transition:background-color var(--quick);background:0 0;flex:0 auto;padding:0 16px;font-size:16px;font-weight:700}.option-segment:first-child{border-left:0}.option-segment:hover:not(:disabled){background:#fff3c4}.option-segment[aria-pressed=true]{background:var(--sun)}.option-segment:disabled{color:var(--locked-ink);background:var(--locked)}.option-segment:focus-visible{box-shadow:inset 0 0 0 3px var(--ink), inset 0 0 0 6px var(--sun);outline:none}.stage-list{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);max-height:188px;box-shadow:var(--drop);gap:10px;padding:10px 12px;display:grid;position:relative;overflow-y:auto}.stage-row{align-items:start}.stage-row .option-label{padding-top:12px}.stage-group-title{font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;opacity:.65;margin:0 0 6px;font-size:13px;font-weight:800}.stage-chips{flex-wrap:wrap;gap:6px;display:flex}.stage-chip{background:var(--paper);border:2px solid var(--ink);border-radius:var(--radius-small);min-height:36px;transition:background-color var(--quick);padding:0 12px;font-size:15px;font-weight:700}.stage-chip:hover{background:#fff3c4}.stage-chip[data-state=earned],.stage-chip[data-state=skipped]{background:var(--mint)}.stage-chip[aria-pressed=true]{background:var(--sun)}.stage-chip:focus-visible{box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 5px var(--sun);outline:none}.stage-mark{margin-right:.35em}.stage-chip[data-state=working] .stage-mark{color:var(--pop)}.stage-chip[aria-pressed=true] .stage-mark{color:inherit}.option-note{opacity:.75;grid-column:2;font-size:14px}.settings-panel .option-note{grid-column:auto}.game-sheet-footer{background:var(--paper-dim);border-top:var(--outline) solid var(--ink);justify-content:space-between;align-items:center;gap:20px;padding:12px 24px;display:flex;position:sticky;bottom:0}.game-sheet-summary{font-size:15px;font-weight:700}.game-sheet-best{opacity:.8;margin-top:2px;font-size:14px;font-weight:600}.game-sheet-footer .start{border-radius:999px;flex:none;align-items:center;gap:10px;height:60px;padding:3px 32px 0 24px;font-size:32px;line-height:1;display:inline-flex}.game-sheet-footer .start:hover:not(:disabled){box-shadow:var(--drop-lifted);translate:0 -3px}.game-sheet-footer .start .button-glyph{width:28px;height:28px;color:var(--ink);margin-top:-3px}.game-sheet-footer .start .glyph-fill{fill:var(--paper)}@media (width<=640px){.option-row,.game-sheet-options{grid-template-columns:1fr}.option-note{grid-column:1}.stage-row .option-label{padding-top:0}.game-sheet-footer{flex-direction:column;align-items:stretch}}.play{--chrome:96px;grid-template-rows:auto 1fr;min-height:100dvh;display:grid}.play--boss{--chrome:176px;grid-template-rows:auto auto 1fr}.hud{align-items:center;gap:14px;padding:14px 16px;display:flex}.hud .icon-button{--button-size:52px}.hud-clock{background:var(--paper);border:3px solid var(--ink);height:36px;box-shadow:var(--shadow-small);border-radius:999px;flex:1;position:relative;overflow:hidden}.hud-clock-fill{background:var(--mint);border-right:3px solid var(--ink);height:100%;transition:width .1s linear}.hud-clock.is-hurry .hud-clock-fill{background:var(--pop)}.hud-clock-text{font-variant-numeric:tabular-nums;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.hud-progress{color:var(--paper);text-shadow:0 2px 0 var(--ink);flex:1;font-size:20px;font-weight:700}.hud-stat{background:var(--paper);border:3px solid var(--ink);min-width:72px;box-shadow:var(--shadow-small);border-radius:10px;justify-items:center;padding:2px 10px 4px;display:grid}.hud-stat-label{font-size:12px;font-weight:600}.hud-stat-value{font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1}.hud-stat.is-hot{background:var(--sun)}.arena{align-content:center;justify-items:center;gap:clamp(38px,5dvh,52px);padding:min(20px,2dvh) 16px min(40px,3dvh);display:grid}.arena>.bubble{font-size:clamp(48px,min(9.5vw,12.5dvh),112px)}.arena .key{height:min(72px,9dvh)}.arena-play{width:clamp(150px,22vw,200px)}.arena>.keypad,.arena>.voice{animation:.32s cubic-bezier(.16,1,.3,1) both arena-in}@keyframes arena-in{0%{opacity:0;translate:0 24px}}.bubble{background:var(--paper);border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:28px;align-items:baseline;gap:.28em;padding:18px 40px 22px;font-size:clamp(52px,9.5vw,112px);font-weight:800;line-height:1;display:flex;position:relative}.bubble:before,.bubble:after{content:"";border-style:solid;border-color:#0000;position:absolute}.bubble:before{border-width:38px 36px 0 0;border-top-color:var(--ink);bottom:-38px;left:56px}.bubble:after{border-width:26px 25px 0 0;border-top-color:var(--paper);bottom:-26px;left:61px}.bubble-slot{border-bottom:6px solid var(--ink);text-align:center;min-width:1.4em}.bubble-slot.is-empty{color:var(--paper-dim)}.bubble-answer{color:var(--go);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.bubble-given{color:var(--pop);text-decoration-thickness:6px}.bubble.is-wrong{animation:.36s shake}@keyframes shake{25%{transform:translate(-10px)rotate(-1deg)}50%{transform:translate(8px)rotate(1deg)}75%{transform:translate(-4px)}}.keypad{grid-template-columns:repeat(3,84px);gap:12px;display:grid}.key{background:var(--paper);border:3px solid var(--ink);height:72px;box-shadow:4px 4px 0 var(--ink);border-radius:12px;font-size:32px;font-weight:800;transition:transform 60ms,box-shadow 60ms}.key:active:not(:disabled){box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}.key:disabled{opacity:.55}.key--back{background:var(--paper-dim)}.key--enter{background:var(--go)}.voice{text-align:center;justify-items:center;gap:10px;max-width:520px;display:grid}.voice.panel{gap:16px}.mic{background:var(--paper);border:var(--line) solid var(--ink);width:110px;height:110px;box-shadow:var(--shadow-small);border-radius:50%;place-items:center;font-size:54px;display:grid}.mic.is-live{background:var(--sun);animation:1.2s ease-in-out infinite listen}@keyframes listen{50%{box-shadow:0 0 0 14px #ffd23f73, var(--shadow-small)}}.voice-prompt{color:var(--paper);text-shadow:0 2px 0 var(--ink);font-size:24px;font-weight:700}.voice-heard{background:var(--paper);border-radius:8px;min-height:1.5em;padding:2px 10px;font-weight:600}.voice-heard.is-empty{visibility:hidden}.overlay{pointer-events:none;z-index:10;place-items:center;display:grid;position:fixed;inset:0}.burst--cheer{animation:.7s cubic-bezier(.2,1.6,.4,1) both burst-in,.3s ease-in .45s forwards burst-out}@keyframes burst-out{to{opacity:0;transform:scale(1.15)}}.stage-wrap{place-items:center;min-height:0;padding:0 16px 16px;display:grid}.stage{--stage-h:calc(100dvh - var(--chrome,96px));width:min(100%, calc(var(--stage-h) * var(--aspect)));aspect-ratio:var(--aspect);border:5px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:var(--ink);border-radius:18px;position:relative;overflow:hidden}.stage-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.stage-question{border-radius:22px;padding:10px 26px 14px;font-size:clamp(36px,6vw,72px);position:absolute;top:4%;left:50%;translate:-50%}.target{aspect-ratio:1;background:var(--sun);border:5px solid var(--ink);box-shadow:6px 6px 0 var(--ink);font-size:clamp(18px, min(4.5vw, calc(var(--stage-h,100dvh) * .1)), 56px);border-radius:50%;place-items:center;padding:0;font-weight:800;transition:scale 80ms;animation:.3s cubic-bezier(.2,1.6,.4,1) both target-in;display:grid;position:absolute;translate:-50% -50%}.target.is-aimed{background:var(--paper);scale:1.12}.target.is-right{background:var(--go);scale:1.15}.answer-next{max-width:80%;font-family:var(--font-body);text-align:center;text-wrap:balance;font-size:clamp(15px,1.9vw,24px);font-weight:800;line-height:1.15;animation:.8s ease-in-out infinite alternate answer-next}@keyframes answer-next{to{scale:1.08}}.target-face{pointer-events:none;width:calc(100% + 10px);height:calc(100% + 10px);position:absolute;top:-5px;left:-5px}.target-tag{z-index:1;background:var(--paper);border:4px solid var(--ink);max-width:none;box-shadow:4px 4px 0 var(--ink);white-space:nowrap;border-radius:12px;padding:0 .35em;font-size:.8em;line-height:1.3;position:absolute;top:100%;left:50%;translate:-50% -40%}.target-tag.answer-next{font-size:clamp(15px,1.9vw,24px)}.target.target--face.is-locked:before{top:auto;bottom:100%;translate:-50% -14px}.target.is-missed{background:var(--pop);animation:.36s shake}@keyframes target-in{0%{scale:0}}.fist{aspect-ratio:1;border:4px solid var(--pop);width:6%;box-shadow:0 0 0 4px var(--ink);opacity:0;pointer-events:none;z-index:7;background:#ffffffd9;border-radius:50%;position:absolute;translate:-50% -50%}.stage-message{z-index:8;text-align:center;justify-items:center;gap:10px;width:min(480px,90%);display:grid;position:absolute;bottom:6%;left:50%;translate:-50%}.stage-lost{z-index:8;font-family:var(--font-comic);letter-spacing:.04em;white-space:nowrap;opacity:0;pointer-events:none;margin:0;font-size:clamp(22px,3.2vw,40px);transition:opacity .2s,scale .3s cubic-bezier(.34,1.8,.64,1);position:absolute;top:50%;left:50%;translate:-50% -50%;scale:.8}.stage-lost.is-shown{opacity:1;scale:1}.target.is-locked{background:var(--paper);box-shadow:0 0 0 11px #ffffff59, 0 0 0 15px var(--ink);animation:.6s ease-in-out infinite alternate locked-pulse}.target.is-locked:after{background:conic-gradient(var(--sun) calc(var(--lock-left,1) * 360deg), transparent 0)}.target.is-locked:before{content:"Again!";background:var(--sun);border:3px solid var(--ink);font-family:var(--font-comic);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:0 10px;font-size:.55em;font-weight:400;position:absolute;top:100%;left:50%;translate:-50% 18px}@keyframes locked-pulse{to{scale:1.08}}.target:after{content:"";background:conic-gradient(var(--go) calc(var(--hold,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-16px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px))}.punch-spark{background:repeating-conic-gradient(var(--paper) 0deg 6deg, var(--sun) 6deg 12deg, transparent 12deg 30deg);pointer-events:none;border-radius:50%;animation:.5s forwards punch-spark;position:absolute;inset:-45%;-webkit-mask:radial-gradient(closest-side,#0000 50%,#000 53% 78%,#0000 100%);mask:radial-gradient(closest-side,#0000 50%,#000 53% 78%,#0000 100%)}@keyframes punch-spark{0%{opacity:1;animation-timing-function:cubic-bezier(.16,1,.3,1);scale:.6}55%{opacity:1}to{opacity:0;rotate:20deg;scale:1.3}}.target--falling{font-size:clamp(18px, min(4.5vw, calc(var(--stage-h,100dvh) * .08)), 56px);animation:none}.target--falling:before{content:"";background:repeating-linear-gradient(90deg, transparent 0 9px, var(--paper) 9px 14px);pointer-events:none;width:56%;height:80%;position:absolute;bottom:100%;left:50%;translate:-50% 6px;-webkit-mask:linear-gradient(#0000,#000);mask:linear-gradient(#0000,#000)}.target--falling.is-late{animation:.26s ease-in-out infinite alternate late-glow}@keyframes late-glow{0%{box-shadow:6px 6px 0 var(--ink), 0 0 14px 4px #f2545b99}to{box-shadow:6px 6px 0 var(--ink), 0 0 34px 14px #f2545bf2;background:#ffb3a7}}.target.is-ready{box-shadow:0 0 0 7px #4de3ff, 0 0 0 12px var(--ink), 0 0 30px 12px #4de3ff80}.fist.is-open{border-color:var(--go);background:#2bd18b8c;width:8%}.fist:not(:empty){width:7%;color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;place-items:center;font-size:clamp(16px,2.6vw,30px);font-weight:800;display:grid}.finger-meter{z-index:5;aspect-ratio:1;background:var(--paper);border:5px solid var(--ink);width:14%;box-shadow:6px 6px 0 var(--ink);border-radius:50%;place-content:center;justify-items:center;display:grid;position:absolute;top:6%;right:4%}.finger-meter:before{content:"";background:conic-gradient(var(--go) calc(var(--progress,0) * 360deg), #ffffff4d 0);border-radius:50%;position:absolute;inset:-16px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px))}.finger-meter-count{font-variant-numeric:tabular-nums;font-size:clamp(32px,5.5vw,68px);font-weight:800;line-height:1}.finger-meter-label{font-size:clamp(11px,1.2vw,14px);font-weight:700}.finger-tip{z-index:5;border:3px solid var(--ink);text-align:center;background:#ffffffe6;border-radius:10px;width:max-content;max-width:90%;margin:0;padding:6px 14px;font-size:clamp(12px,1.4vw,16px);font-weight:600;position:absolute;bottom:4%;left:50%;translate:-50%}.hud-clock.is-hurry{animation:1s ease-in-out infinite hurry}@keyframes hurry{50%{box-shadow:0 0 0 4px #f2545b80, var(--shadow-small);scale:1.03}}.final-seconds{z-index:11;font-family:var(--font-comic);color:var(--pop);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:8px 8px 0 var(--ink);pointer-events:none;font-size:clamp(90px,16vw,200px);line-height:1;animation:1s both final-second;position:fixed;top:50%;right:6vw;translate:0 -50%}@keyframes final-second{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);scale:1.8}25%{opacity:1;scale:1}80%{opacity:1;animation-timing-function:cubic-bezier(.7,0,.84,0)}to{opacity:0;scale:.7}}.chomp-fish{z-index:4;cursor:pointer;place-items:center;display:grid;position:absolute;translate:-50% -50%}.chomp-fish-body{width:100%}.chomp-fish-body img{filter:drop-shadow(0 0 10px #a0f0ff99);width:100%;height:auto;display:block}.chomp-fish-body span{font-size:clamp(60px,10vw,120px)}.chomp-fish-number.chomp-fish-number--words{white-space:nowrap;font-size:clamp(14px,1.8vw,22px)}.chomp-fish-number{background:var(--sun);border:4px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;padding:2px 12px;font-size:clamp(22px,3.4vw,42px);font-weight:800;line-height:1.1;position:absolute;top:72%}.chomp-fish.is-right .chomp-fish-number{background:var(--go)}.chomp-fish.is-eaten{animation:.45s cubic-bezier(.7,0,.84,0) forwards eaten}@keyframes eaten{30%{scale:1.15}to{opacity:0;rotate:25deg;scale:0}}.chomp-fish.is-spat{animation:.9s forwards spat}@keyframes spat{0%{animation-timing-function:cubic-bezier(.34,1.8,.64,1);scale:1}35%{opacity:1;animation-timing-function:cubic-bezier(.25,.8,.5,1);translate:-50% -50%;rotate:0deg;scale:1.5}to{scale:.8;translate:calc(-50% + var(--away) * 220%) -180%;rotate:calc(var(--away) * -200deg);opacity:0}}.chomp-fish.is-in-reach .chomp-fish-body{filter:drop-shadow(0 0 10px #fff6a8)drop-shadow(0 0 22px #ffd23fe6)}.chomp-fish.is-in-reach .chomp-fish-number{background:var(--paper);scale:1.15}.chomp-jaws{z-index:5;opacity:0;pointer-events:none;width:30%;transition:opacity .2s;position:absolute;translate:-50% -50%}.chomp-jaws .reaper-mandible,.chomp-jaws .reaper-maw{transition:rotate 90ms,scale 90ms}.slice-trails{z-index:6;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.slice-trails polyline{fill:none;stroke:#fff;stroke-width:10px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #7fe6ff);opacity:.85}.slice-orb{z-index:4;aspect-ratio:1;background:0 0;border:0;padding:0;position:absolute;translate:-50% -50%}.slice-piece,.slice-cut,.slice-half{position:absolute;inset:0}.slice-half img{object-fit:contain;filter:drop-shadow(3px 4px #1b1d3a8c);width:100%;height:100%}.slice-half--a{clip-path:inset(-10% 50% -10% -10%)}.slice-half--b{clip-path:inset(-10% -10% -10% 50%)}.slice-number.slice-number--words{white-space:nowrap;padding:2px 10px 4px;font-size:clamp(14px,1.8vw,22px)}.slice-number{border:4px solid var(--ink);min-width:1.7em;box-shadow:3px 3px 0 var(--ink);color:var(--ink);background:#fffffff2;border-radius:999px;padding:0 8px;font-size:clamp(22px,3.6vw,44px);font-weight:800;line-height:1.2;position:absolute;top:55%;left:50%;translate:-50% -50%}.slice-orb.is-right .slice-number{background:var(--go)}.slice-orb.is-sliced .slice-cut{rotate:var(--cut)}.slice-orb.is-sliced .slice-number{animation:.4s cubic-bezier(.16,1,.3,1) forwards number-pop}@keyframes number-pop{to{opacity:0;scale:1.6}}.slice-orb.is-sliced .slice-half--a{animation:.65s cubic-bezier(.16,1,.3,1) forwards half-a}.slice-orb.is-sliced .slice-half--b{animation:.65s cubic-bezier(.16,1,.3,1) forwards half-b}@keyframes half-a{to{translate:-38%;rotate:-35deg}}@keyframes half-b{to{translate:38%;rotate:30deg}}.slice-orb.is-sliced .slice-piece{animation:.9s cubic-bezier(.5,0,.75,0) .12s forwards piece-fall}.slice-orb.is-sliced .slice-piece--b{animation-delay:.17s}@keyframes piece-fall{to{opacity:0;translate:0 260%}}.ghost-blade{height:12px;translate:0 -50%;rotate:calc(var(--cut) - 90deg);pointer-events:none;background:#d9ffe9;border-radius:999px;animation:.5s .25s both ghost-blade;position:absolute;top:50%;left:-35%;right:-35%;box-shadow:0 0 12px 5px #2bd18be6,0 0 30px 10px #2bd18b80}@keyframes ghost-blade{0%{clip-path:inset(-40px 100% -40px -40px);opacity:1}45%{clip-path:inset(-40px);opacity:1}to{clip-path:inset(-40px);opacity:0}}.slice-orb.is-ghost .slice-number{animation:none}.slice-orb.is-ghost .slice-half--a,.slice-orb.is-ghost .slice-half--b,.slice-orb.is-ghost .juice-splat,.slice-orb.is-ghost .juice-drop{animation-delay:.42s}.slice-orb.is-ghost .slice-piece{animation-delay:.54s}.slice-orb.is-ghost .slice-piece--b{animation-delay:.59s}.juice{pointer-events:none;position:absolute;inset:0}.juice-splat{background:var(--juice);box-shadow:30px -18px 0 -18px var(--juice), -34px 22px 0 -20px var(--juice), 10px 40px 0 -22px var(--juice);border-radius:46% 54% 41% 59%/52% 44% 56% 48%;animation:1.1s cubic-bezier(.16,1,.3,1) both juice-splat;position:absolute;inset:-30%}@keyframes juice-splat{0%{opacity:.95;scale:.2}25%{opacity:.85;scale:1}to{opacity:0;scale:1.1}}.juice-drop{background:var(--juice);border-radius:50%/40% 40% 60% 60%;animation:.85s both juice-drop;position:absolute;top:50%;left:50%;box-shadow:inset -2px -2px #00000026}@keyframes juice-drop{0%{opacity:1;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(1)}45%{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.9);animation-timing-function:cubic-bezier(.5,0,.75,0)}to{transform:translate(calc(-50% + var(--dx) * 1.25), calc(-50% + var(--dy) + 160px)) scale(.4);opacity:0}}.hud-pace{animation:.45s cubic-bezier(.34,1.8,.64,1) pace-pop;display:inline-block}@keyframes pace-pop{0%{scale:1.5}}.boss-bar{background:var(--paper);border:4px solid var(--ink);box-shadow:var(--shadow-small);border-radius:14px;align-items:center;gap:14px;margin:0 16px 10px;padding:8px 14px 8px 8px;display:flex;position:relative}.boss-portrait{border:4px solid var(--ink);background:radial-gradient(circle,#33416b,#141a33);border-radius:50%;flex:none;width:64px;height:64px;position:relative}.boss-portrait img,.boss-portrait svg{object-fit:cover;object-position:15% 40%;border-radius:50%;width:100%;height:100%}.boss-health{border:3px solid var(--ink);background:#3a2030;border-radius:999px;flex:1;height:30px;position:relative;overflow:hidden}.boss-health-fill{background:linear-gradient(90deg, var(--pop), #ff8a5b);height:100%;transition:width .6s cubic-bezier(.16,1,.3,1) .42s}.boss-health-text{color:var(--paper);text-shadow:0 2px 0 var(--ink);font-variant-numeric:tabular-nums;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.boss-hull .heart{width:clamp(18px,2.6vw,30px)}.boss-torpedo{z-index:20;border:2px solid var(--ink);background:linear-gradient(90deg, #f2545b 0 18%, #c9d6e3 18% 78%, var(--sun) 78%);pointer-events:none;border-radius:40% 60% 60% 40%;width:46px;height:14px;margin:-7px 0 0 -23px;animation:.44s cubic-bezier(.5,0,.75,0) both torpedo;position:absolute;top:50%;left:44px;box-shadow:-18px 0 14px 2px #ffa03cd9}.boss-torpedo.is-critical{width:60px;height:18px;margin:-9px 0 0 -30px;box-shadow:-22px 0 18px 4px #ffd23ff2,0 0 16px 4px #fff0aacc}@keyframes torpedo{0%{opacity:1;transform:translate(calc(50vw - 44px),75vh)rotate(-130deg)scale(1.5)}95%{opacity:1}to{opacity:0;transform:translate(0)rotate(-130deg)scale(.8)}}.boss-boom{background:radial-gradient(circle, #fffbe0, var(--sun) 30%, #ff8a3b 55%, transparent 70%);pointer-events:none;border-radius:50%;animation:.65s cubic-bezier(.16,1,.3,1) .42s both boss-boom;position:absolute;inset:-40%}@keyframes boss-boom{0%{opacity:0;scale:.2}5%{opacity:1}to{opacity:0;scale:1.9}}.boss-portrait.is-hit{animation:.5s .42s both portrait-hit}.boss-portrait.is-critical{--shake:10px;animation:.7s .42s both portrait-hit}@keyframes portrait-hit{0%{filter:brightness(3)}20%{translate:calc(var(--shake,6px) * -1) 2px;rotate:-8deg}40%{translate:var(--shake,6px) -2px;filter:brightness(1.5);rotate:6deg}60%{translate:calc(var(--shake,6px) * -.5) 1px}to{filter:none;translate:0;rotate:0deg}}.boss-callout{z-index:21;font-family:var(--font-comic);letter-spacing:.04em;color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);pointer-events:none;font-size:clamp(26px,4vw,40px);animation:1s .42s both callout;position:absolute;top:-14px;left:80px}@keyframes callout{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);rotate:-12deg;scale:2.4}20%{opacity:1;rotate:-6deg;scale:1}75%{opacity:1;translate:0}to{opacity:0;translate:0 -16px}}.boss-portrait.is-bite{z-index:19;animation:.65s both portrait-bite}@keyframes portrait-bite{0%{animation-timing-function:cubic-bezier(.7,0,.84,0)}35%{animation-timing-function:cubic-bezier(.34,1.8,.64,1);translate:60px 50px;scale:2.6}to{translate:0;scale:1}}.boss-bite{z-index:15;pointer-events:none;background:radial-gradient(circle,#0000 40%,#f2545b99);animation:.65s both bite-flash;position:fixed;inset:0}@keyframes bite-flash{0%{opacity:0}30%{opacity:1}to{opacity:0}}.boss-bar:has(.boss-bite) .boss-hull{animation:.4s .15s shake}.boss-bar.is-won .boss-portrait{animation:1.4s cubic-bezier(.7,0,.84,0) .5s both boss-defeated}@keyframes boss-defeated{30%{filter:brightness(3);scale:1.2}to{filter:grayscale()brightness(.5);opacity:0;rotate:540deg;scale:0}}.burst--finale{width:min(460px,80vw)}.boss-snap{width:min(80vw,900px);animation:.65s both boss-snap;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes boss-snap{0%{--open:1;opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);scale:1.4}25%{--open:1;opacity:1;animation-timing-function:cubic-bezier(.7,0,.84,0);scale:1}45%{--open:0;scale:.95}80%{--open:0;opacity:1}to{--open:0;opacity:0}}.shark-jaws{display:block;overflow:visible}.shark-jaw.is-top{translate:0 calc(var(--open) * -40px)}.shark-jaw.is-bottom{translate:0 calc(var(--open) * 40px)}.shark-gum{fill:var(--pop);stroke:var(--ink);stroke-width:2.4px;stroke-linejoin:round}.shark-teeth{fill:#fffaf0;stroke:var(--ink);stroke-width:1.6px;stroke-linejoin:round}.stage--steer{background:radial-gradient(at 50% 40%,#2fa4c9 0%,#0e5d84 22%,#06294a 58%,#020d1c 100%)}.stage--steer .stage-video{width:18%;height:auto;aspect-ratio:var(--aspect);border:3px solid var(--ink);z-index:3;border-radius:10px;inset:auto 2% 3% auto}.stage--steer .fist{display:none}.tunnel{pointer-events:none;position:absolute;inset:0;overflow:hidden}.tunnel-ring{aspect-ratio:1.6;border:6px solid #7fe6ff59;border-radius:50%;width:30%;animation:1.8s cubic-bezier(.7,0,.84,0) infinite tunnel-ring;position:absolute;top:40%;left:50%;translate:-50% -50%;box-shadow:0 0 20px #7fe6ff40,inset 0 0 20px #7fe6ff33}@keyframes tunnel-ring{0%{opacity:0;scale:.05}15%{opacity:1}to{opacity:0;scale:5}}.speed-lines{transform-origin:50% 43%;opacity:0;background:repeating-conic-gradient(at 50% 43%,#d2f8ff99 0deg .7deg,#0000 .7deg 7deg);transition:opacity .26s cubic-bezier(.16,1,.3,1);animation:.16s steps(2,end) infinite speed-lines;position:absolute;inset:-20%;-webkit-mask-image:radial-gradient(circle at 50% 43%,#0000 16%,#000 52%);mask-image:radial-gradient(circle at 50% 43%,#0000 16%,#000 52%)}.tunnel.is-boosting .speed-lines{opacity:1}@keyframes speed-lines{to{rotate:7deg}}.gate-pair{z-index:3;transform-origin:50%;grid-template-columns:1fr 1fr;column-gap:9%;width:84%;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.1);container-type:inline-size}.gate{aspect-ratio:1.3;outline:5px solid var(--ink);color:var(--paper);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;background-color:#0a284699;border:12px solid #3f819e;border-radius:45% 45% 14px 14px;place-items:center;padding:0;font-size:clamp(24px,20cqw - 13px,150px);font-weight:800;transition:background-color .1s,border-color .1s,box-shadow .1s,scale .1s;display:grid}.gate[data-lit]{border-color:var(--paper);background-color:#7fe6ffd9;scale:1.05;box-shadow:0 0 50px 16px #7fe6ffe6}.gate--words{text-align:center;padding:0 10%;font-size:clamp(20px,14cqw - 8px,84px);line-height:1}.steer-steady{z-index:4;color:var(--paper);white-space:nowrap;background:#1b1d3a99;border-radius:999px;margin:0;padding:8px 20px;font-size:clamp(18px,2.4vw,28px);font-weight:800;position:absolute;top:40%;left:50%;translate:-50% -50%}.gate.is-right{border-color:var(--go);background-color:#2bd18b8c;box-shadow:0 0 60px 20px #2bd18bd9,inset 0 0 30px #2bd18b80}.gate.is-wrong{border-color:var(--pop);background-color:#f2545b8c;animation:.36s shake;box-shadow:0 0 60px 20px #f2545bd9,inset 0 0 30px #f2545b80}.steer-sub{z-index:4;filter:drop-shadow(0 0 16px #8cf0ff99);width:24%;transition:top .32s cubic-bezier(.16,1,.3,1);position:absolute;top:80%;left:50%;translate:-50% -50%}.steer-sub img,.steer-sub svg{width:100%;height:auto;display:block}.steer-sub:after{content:"";z-index:-1;opacity:0;background:radial-gradient(#befafff2,#50d2ff80 45%,#0000 72%);border-radius:50%;height:75%;transition:opacity .2s,scale .32s cubic-bezier(.34,1.8,.64,1);position:absolute;top:50%;left:-8%;right:-8%;scale:.4 .6}.steer-sub.is-boosting{filter:drop-shadow(0 0 26px #a0fafff2);animation:.11s linear infinite sub-boost;top:74%}.steer-sub.is-boosting:after{opacity:1;scale:1}@keyframes sub-boost{50%{translate:-50% -53%}}.gate-pair.is-passing{animation:.25s cubic-bezier(.7,0,.84,0) forwards gates-pass}@keyframes gates-pass{to{opacity:0;scale:2.6}}.steer-sub.is-through{animation:.25s cubic-bezier(.16,1,.3,1) sub-dash}@keyframes sub-dash{50%{translate:-50% -72%;scale:.88}}.steer-hint{z-index:5;font-family:var(--font-comic);letter-spacing:.04em;color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;pointer-events:none;justify-content:space-between;margin:0;padding:0 24%;font-size:clamp(22px,3vw,36px);display:flex;position:absolute;bottom:3%;left:0;right:0}.steer-hint-zoom{opacity:.35;transition:opacity .2s,color .2s}.steer-hint.is-boosting .steer-hint-zoom{opacity:1;color:#7fe6ff}.finger-board{z-index:5;pointer-events:none;position:absolute;inset:0}.stage--fingers .bubble-slot{display:none}.finger-spaces{gap:10px;font-size:clamp(28px,4.6vw,58px);display:flex;position:absolute;top:23%;left:50%;translate:-50%}.finger-space{border:4px dashed var(--paper);font-variant-numeric:tabular-nums;background:#ffffff4d;border-radius:12px;place-items:center;width:1.1em;height:1.3em;font-weight:800;line-height:1;display:grid}.finger-space.is-filled{background:var(--paper);border:4px solid var(--ink);box-shadow:4px 4px 0 var(--ink);animation:.28s cubic-bezier(.2,1.6,.4,1) both digit-stamp}@keyframes digit-stamp{0%{opacity:0;rotate:-14deg;scale:1.9}}.finger-spaces.is-correct .finger-space{background:var(--go)}.finger-spaces.is-wrong .finger-space{background:var(--pop)}.finger-zone{border:5px dashed #ffffffe6;border-radius:24px;transition:border-color .15s,background-color .15s;position:absolute;box-shadow:0 0 0 3px #1b1d3a73,inset 0 0 0 3px #1b1d3a73}.finger-zone.is-counting{border-style:solid;border-color:var(--go);background:#2bd18b24}.finger-zone.is-rearm{border-color:var(--sun);background:#ffd23f29}.finger-zone.is-full,.finger-zone.is-off{border-color:#ffffff59}.finger-count{aspect-ratio:1;background:var(--paper);border:4px solid var(--ink);width:clamp(48px,7vw,86px);box-shadow:4px 4px 0 var(--ink);font-variant-numeric:tabular-nums;border-radius:50%;place-items:center;font-size:clamp(26px,4vw,50px);font-weight:800;line-height:1;display:grid;position:absolute;top:0;right:0;translate:40% -40%}.finger-count:empty{display:none}.finger-count:before{content:"";background:conic-gradient(var(--go) calc(var(--progress,0) * 360deg), #ffffff59 0);border-radius:50%;position:absolute;inset:-14px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px))}.finger-zone-label{background:var(--paper);border:3px solid var(--ink);white-space:nowrap;border-radius:10px;padding:4px 14px;font-size:clamp(12px,1.5vw,18px);font-weight:700;position:absolute;bottom:0;left:50%;translate:-50% 50%}.finger-zone-label:empty{display:none}.finger-zone.is-counting .finger-zone-label{background:var(--go)}.finger-zone.is-rearm .finger-zone-label{background:var(--sun)}.finger-spot{aspect-ratio:1;border:5px solid var(--ink);box-shadow:5px 5px 0 var(--ink);font-family:var(--font-comic);letter-spacing:.03em;text-align:center;pointer-events:auto;opacity:.4;filter:grayscale();border-radius:50%;place-items:center;padding:8px;font-size:clamp(16px,2.3vw,30px);line-height:1;transition:opacity .15s,filter .15s;display:grid;position:absolute;translate:-50% -50%}.finger-spot.is-on{opacity:1;filter:none}.finger-spot--erase{--hold:var(--erase,0);background:var(--pop);color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.finger-spot--lock{--hold:var(--lock,0);background:var(--go)}.finger-spot--lock.is-on{animation:.6s ease-in-out infinite alternate locked-pulse}.finger-spot:after{content:"";background:conic-gradient(var(--sun) calc(var(--hold,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-16px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px))}.hearts{gap:2px;display:flex}.heart{width:30px;height:auto;display:block}.heart.is-full{animation:.5s cubic-bezier(.34,1.8,.64,1) heart-pop}.heart.is-empty{opacity:.45;animation:.45s cubic-bezier(.16,1,.3,1) heart-crack}@keyframes heart-pop{0%{scale:.3}}@keyframes heart-crack{0%{opacity:1;rotate:-12deg;scale:1.3}}.hud-hearts .heart{width:34px}.hud-tag{white-space:nowrap;border:3px solid var(--ink);box-shadow:var(--shadow-small);background:#d8f6ff;border-radius:999px;padding:4px 12px;font-size:15px;font-weight:800;animation:.5s cubic-bezier(.34,1.8,.64,1) heart-pop}.hud-tag.is-rescue{background:var(--sun)}.fix-hint{text-align:center;margin:0;font-size:22px;font-weight:600}.fix-typed{background:var(--paper);border:3px solid var(--ink);border-radius:8px;min-width:2.2em;padding:0 8px;font-weight:800;display:inline-block}.player-card{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);min-height:96px;box-shadow:var(--drop);align-items:center;gap:12px 18px;padding:12px 16px 12px 12px;display:flex}.player-avatar{background:0 0;border:0;flex:none;width:64px;height:64px;padding:0;position:relative}.player-avatar-frame{border:var(--outline) solid var(--ink);border-radius:var(--radius-small);background:radial-gradient(circle at 50% 30%,#bdf2ff,#2f8fde 70%);height:100%;display:block;overflow:hidden}.player-avatar-edit{background:var(--paper);border:2px solid var(--ink);border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;display:grid;position:absolute;bottom:-7px;right:-7px}.player-avatar:hover .avatar-art,.player-avatar:focus-visible .avatar-art{animation:.6s cubic-bezier(.34,1.8,.64,1) avatar-wave}@keyframes avatar-wave{35%{rotate:-6deg;scale:1.06}70%{rotate:4deg}}.player-who{justify-items:start;gap:4px;min-width:0;display:grid}.player-name{font-family:var(--font-comic);letter-spacing:.03em;overflow-wrap:anywhere;font-size:30px;line-height:1}.player-level{white-space:nowrap;background:var(--sun);border:2px solid var(--ink);border-radius:999px;padding:0 10px;font-size:14px;font-weight:800}.player-level.level-pop{animation:.45s ease-out level-pop}@keyframes level-pop{40%{rotate:-5deg;scale:1.35}}.player-progress{flex:200px}.level-bar-revealing .level-bar-fill{transition:none}.player-stars{white-space:nowrap;align-items:center;gap:6px;font-size:18px;font-weight:800;display:flex}.player-stars .star{vertical-align:middle;height:1.5em}.player-collection,.star-balance{min-height:var(--tap);white-space:nowrap;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop);align-items:center;gap:6px;padding:0 16px;font-size:16px;font-weight:700;display:inline-flex}.player-collection{transition:translate var(--quick), box-shadow var(--quick)}.player-collection:hover{box-shadow:var(--drop-lifted);translate:0 -2px}.player-collection:active{box-shadow:var(--drop-pressed);translate:0 3px}.star-balance{background:var(--sun)}@media (width<=600px){.player-card{grid-template-columns:64px 1fr auto;grid-template-areas:"avatar who who""bar bar bar""stars stars collection";gap:12px 14px;display:grid}.player-avatar{grid-area:avatar}.player-who{grid-area:who}.player-progress{grid-area:bar}.player-stars{grid-area:stars}.player-collection{grid-area:collection;justify-self:end}}@media (prefers-reduced-motion:reduce){.player-collection:hover,.player-collection:active{translate:none}}.level-bar{gap:4px;min-width:180px;display:grid}.level-bar-track{background:var(--paper-dim);border:var(--outline) solid var(--ink);border-radius:999px;height:18px;overflow:hidden}.level-bar-fill{background:repeating-linear-gradient(-45deg, var(--sun) 0 10px, #ffc21f 10px 20px);border-right:var(--outline) solid var(--ink);height:100%;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.level-bar-label{font-size:14px;font-weight:600}.choice:disabled,.pill:disabled{opacity:.5}.collection,.avatar-screen{gap:22px;max-width:1040px;margin:0 auto;padding:28px 16px 48px;display:grid}.screen-header{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.screen-title{color:var(--sun);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;text-shadow:0 4px 0 var(--ink);margin:0;font-size:clamp(42px,7vw,68px);line-height:1}.star-balance{margin-left:auto;font-size:20px}.collection-level h2{margin-bottom:10px}.collection-level .panel-note{margin:10px 0 0}.collection-count{margin:0;font-weight:700}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.collection-card{text-align:center;color:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop);background:linear-gradient(#0e5d84,#06294a);align-content:start;justify-items:center;gap:4px;padding:10px 8px;display:grid}.collection-card.is-locked{background:#1c2b3d}.collection-grid.is-modes .collection-card{color:var(--ink);background:var(--paper)}.collection-grid.is-modes .collection-card.is-locked{background:var(--locked)}.collection-art.game-art{max-width:80px;height:52px}.collection-art.is-icon{font-size:44px;line-height:52px}.collection-card.is-locked .collection-art{filter:grayscale()brightness(1.1)opacity(.55)}.collection-picture{object-fit:contain;width:100%;height:72px}.collection-mystery{width:60px;height:60px;font-family:var(--font-comic);color:#ffffff4d;border:var(--outline) solid var(--ink);background:#0b1624;border-radius:50%;place-items:center;margin:6px 0;font-size:44px;line-height:1;display:grid}.collection-card.is-hiding .collection-mystery{color:#7fe6ff;box-shadow:0 0 10px #7fe6ffd9}.collection-name{font-size:15px;font-weight:800;line-height:1.15}.collection-note{opacity:.85;font-size:12px}.collection-lock{vertical-align:-4px;width:auto;height:18px}.trophy-shelf{flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.trophy{justify-items:center;width:48px;display:grid}.trophy img{width:auto;height:52px}.trophy.is-coming img{opacity:.35}.trophy-level{font-size:13px;font-weight:800}.trophy.is-coming .trophy-level{opacity:.5}.avatar-art{width:100%;height:auto;color:var(--ink);display:block}.avatar-art .is-glowing{filter:drop-shadow(0 0 8px #7fe6ff)drop-shadow(0 0 20px #2fd8ff);animation:2.4s ease-in-out infinite alternate avatar-glow}@keyframes avatar-glow{to{filter:drop-shadow(0 0 3px #7fe6ff)drop-shadow(0 0 9px #2fd8ff)}}.avatar-pet{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite alternate pet-bob}@keyframes pet-bob{to{translate:0 -8px;rotate:-5deg}}.avatar-art.is-new{animation:.9s cubic-bezier(.34,1.8,.64,1) avatar-tada}@keyframes avatar-tada{0%{rotate:-8deg;scale:.7}40%{rotate:4deg;scale:1.12}}.avatar-layout{grid-template-columns:minmax(240px,340px) 1fr;align-items:start;gap:22px;display:grid}@media (width<=760px){.avatar-layout{grid-template-columns:1fr}}.avatar-preview{background:radial-gradient(circle at 50% 28%,#bdf2ff,#2f8fde 55%,#0e5d84);justify-items:center;gap:14px;display:grid;position:sticky;top:16px}.avatar-preview>.avatar-art{max-width:280px}.avatar-name{width:100%;color:var(--paper);-webkit-text-stroke:.5px var(--ink);gap:4px;font-weight:700;display:grid}.avatar-name input{width:100%;font:inherit;color:var(--ink);-webkit-text-stroke:0;border:var(--outline) solid var(--ink);border-radius:var(--radius-small);padding:8px 12px;font-size:22px}.try-on{text-align:center;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);justify-items:center;gap:8px;width:100%;padding:12px;display:grid}.try-on-name,.try-on-short{margin:0}.try-on-name{font-weight:800}.try-on-buy{padding:4px 24px 0;font-size:30px}.shop-tabs{margin-top:0}.shop-items{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px;margin-top:16px;display:grid}.shop-item{color:var(--ink);background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop);transition:translate var(--quick), box-shadow var(--quick);align-content:start;justify-items:center;gap:2px;padding:8px;display:grid}.shop-item:hover{box-shadow:var(--drop-lifted);translate:0 -2px}.shop-item:active{box-shadow:var(--drop-pressed);translate:0 3px}.shop-item .avatar-art{background:radial-gradient(circle at 50% 35%,#bdf2ff,#7fc8f5);border-radius:8px}.shop-item-name,.shop-item-price{font-size:14px}.shop-item-name{font-weight:700}.shop-item-price{font-weight:800}.shop-item.is-wearing{background:var(--sun);box-shadow:var(--drop-pressed);translate:0 3px}.shop-item.is-trying{outline:4px dashed var(--pop);outline-offset:2px}.shop-item.is-pricey .shop-item-price{opacity:.5}.avatar-setup{justify-items:center;gap:16px;width:100%;display:grid}.setup-looks{grid-template-columns:repeat(3,minmax(0,170px));gap:14px;display:grid}@media (width<=560px){.setup-looks{grid-template-columns:repeat(2,minmax(0,170px))}}.setup-look{border:var(--outline) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop);transition:transform var(--quick);background:radial-gradient(circle at 50% 30%,#bdf2ff,#7fc8f5);padding:8px}.setup-look:hover,.setup-look:focus-visible{transform:scale(1.05)rotate(-2deg)}.setup-layout{grid-template-columns:minmax(160px,220px) 1fr;align-items:start;gap:16px;width:100%;display:grid}@media (width<=600px){.setup-layout{grid-template-columns:1fr}}.setup-preview{color:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);background:radial-gradient(circle at 50% 28%,#bdf2ff,#2f8fde 55%,#0e5d84);justify-items:center;gap:6px;padding:10px;display:grid}.setup-preview .avatar-art{max-width:200px}.setup-preview .link-button{color:inherit}.setup-note{margin:0;font-size:16px}.shop-tab{min-width:52px;padding:4px 12px;font-size:24px;line-height:1.2}.grown-ups .panel>:not(h2)+:not(button){margin-top:18px}.setup-mastery{margin:4px 0 0;font-weight:700}.mastery-count{margin:0 0 12px;font-size:22px}.mastery-count strong{font-family:var(--font-comic);font-size:44px;font-weight:400}.heat-map{border-collapse:separate;border-spacing:3px;text-align:center;width:100%;max-width:640px;font-size:13px;font-weight:700}.heat-map th{color:var(--ink);font-weight:800}.heat-map td{aspect-ratio:1;border:2px solid var(--ink);border-radius:6px}.is-mastered{--tone:#2bd18b}.is-good{--tone:#b6ecb0}.is-shaky{--tone:var(--sun)}.is-tricky{--tone:#f2545b}.is-untried{--tone:var(--paper-dim)}.heat-map td,.heat-key li:before{background:var(--tone)}.heat-map td.is-untried{color:#20213d66}.heat-key{flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;padding:0;font-size:14px;font-weight:600;list-style:none;display:flex}.heat-key li{align-items:center;gap:6px;display:flex}.heat-key li:before{content:"";border:2px solid var(--ink);border-radius:4px;width:16px;height:16px}.practice-button{margin-top:16px;font-size:30px}.test-history{border-collapse:collapse;width:100%}.test-history th,.test-history td{text-align:left;border-bottom:2px solid var(--paper-dim);padding:6px 10px}.grown-up-check{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grown-up-check input{width:5em;min-height:var(--tap);font:inherit;border:var(--outline) solid var(--ink);border-radius:var(--radius-small);padding:6px 10px}.start-over-confirm{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.start-over-confirm p{flex-basis:100%;margin:0}.button.is-danger{color:var(--paper);background:var(--pop)}.stages-overview{gap:10px;display:grid}.stages-track>summary{min-height:var(--tap);cursor:pointer;background:var(--paper-dim);border:2px solid var(--ink);border-radius:var(--radius-small);flex-wrap:wrap;align-items:baseline;gap:2px 14px;padding:8px 14px;font-weight:800;list-style:none;display:flex}.stages-track>summary::-webkit-details-marker{display:none}.stages-track>summary:after{content:"▾";transition:rotate var(--quick);margin-left:auto}.stages-track[open]>summary:after{rotate:180deg}.stages-count{font-size:14px;font-weight:600}.stages-table{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.stages-table th,.stages-table td{text-align:left;border-bottom:1px solid var(--paper-dim);padding:5px 8px}.stages-table thead th{text-transform:uppercase;color:var(--locked-ink);font-size:12px}.stages-state{white-space:nowrap;border:2px solid var(--ink);border-radius:999px;padding:1px 10px;font-weight:700;display:inline-block}.stages-state.is-earned{background:#c9f5df}.stages-state.is-skipped{background:var(--paper);border-style:dashed}.stages-state.is-working{background:var(--sun)}.stages-state.is-locked{color:var(--locked-ink);background:var(--locked);border-color:#0000}.dev-tools h3{font-family:var(--font-comic);margin:18px 0 6px;font-size:22px;font-weight:400}.dev-table{border-collapse:collapse;font-size:14px}.dev-table th,.dev-table td{text-align:left;border-bottom:1px solid var(--paper-dim);padding:3px 10px}.dev-table tr.is-here{background:#fff3b0;font-weight:800}.dev-row{flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0;display:flex}.dev-row input:not([type=checkbox]){width:5em;font:inherit;border:2px solid var(--ink);border-radius:6px;padding:4px 8px}.dev-mono{white-space:pre-wrap;font-family:ui-monospace,Menlo,monospace;font-size:13px}.is-fast{--tone:var(--sky)}.is-steady{--tone:#9fd2fb}.is-slow{--tone:#ff9f43}.speed-others{margin-bottom:0}.speed-others dt{font-weight:800}.speed-others dd{margin:8px 0 14px}.speed-others .fact{border-color:var(--tone)}.switch{min-height:var(--tap);font:inherit;color:var(--ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-weight:700;display:inline-flex}.switch-track{background:var(--paper-dim);border:var(--outline) solid var(--ink);width:64px;height:36px;transition:background var(--quick);border-radius:999px;position:relative}.switch-knob{background:var(--paper);border:var(--outline) solid var(--ink);width:24px;height:24px;transition:transform var(--quick);border-radius:50%;position:absolute;top:3px;left:3px}.switch[aria-checked=true] .switch-track{background:var(--go)}.switch[aria-checked=true] .switch-knob{transform:translate(28px)}.switch:focus-visible .switch-track{outline:var(--outline) solid var(--sky);outline-offset:3px}.test-history-scroll{overflow-x:auto;container-type:inline-size}.test-history th,.test-history td{white-space:nowrap}.test-detail-button{min-width:32px;min-height:32px;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:50%;margin:-4px 6px -4px -6px;padding:0;font-size:18px;line-height:1}.test-detail-button[aria-expanded=true]{background:var(--sun)}.test-detail-button:focus-visible{outline:var(--outline) solid var(--ink);outline-offset:1px}.test-detail-row td{color:var(--locked-ink);padding-top:0;font-size:15px;font-weight:600}.test-detail-text{white-space:normal;width:calc(100cqw - 20px);position:sticky;left:0}.onboarding{--out-expo:cubic-bezier(.16, 1, .3, 1);place-items:center;min-height:100dvh;padding:32px 16px;display:grid}.onboarding-stack{gap:18px;width:min(560px,100%);display:grid}.onboarding-stack.is-wide{width:min(960px,100%)}.onboarding-top{grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.onboarding-progress{grid-column:2;grid-template-columns:repeat(6,1fr);gap:6px;width:min(280px,60vw);display:grid}.onboarding-back{font:inherit;color:var(--ink);border:2px solid var(--ink);background:#ffffffd9;border-radius:999px;grid-column:1;justify-self:start;padding:6px 16px;font-size:15px;font-weight:700;transition:background-color .16s}.onboarding-back:hover{background:var(--paper)}.onboarding-progress span{height:8px;transition:background-color .4s var(--out-expo);background:#fff6;border-radius:999px}.onboarding-progress .is-done{background:var(--paper)}.onboarding-progress .is-current{background:var(--sun);box-shadow:0 0 0 2px var(--ink)}.onboarding-card,.onboarding .training-card{text-align:center;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);width:100%;box-shadow:0 6px 0 var(--ink);animation:onboarding-in .52s var(--out-expo) both;justify-items:center;gap:10px;margin:0;padding:44px 40px 36px;display:grid}.onboarding-card>*{animation:onboarding-in .52s var(--out-expo) both}.onboarding-card>:nth-child(2){animation-delay:50ms}.onboarding-card>:nth-child(3){animation-delay:.1s}.onboarding-card>:nth-child(4){animation-delay:.15s}.onboarding-card>:nth-child(n+5){animation-delay:.2s}@keyframes onboarding-in{0%{opacity:0;translate:0 12px}}@media (prefers-reduced-motion:reduce){.onboarding-card,.onboarding-card>*,.onboarding .training-card,.onboarding .onboarding-logo{animation:none}}.onboarding .onboarding-logo{text-align:center;animation:onboarding-logo-in .7s var(--out-expo) both;margin:0;line-height:0}.onboarding-logo img{width:auto;max-width:100%;height:clamp(130px,24vh,210px)}@keyframes onboarding-logo-in{0%{opacity:0;scale:.92}}.onboarding .screen-title{text-wrap:balance;max-width:24ch;font-family:var(--font-body);letter-spacing:-.015em;color:var(--ink);-webkit-text-stroke:0;text-shadow:none;margin-bottom:4px;font-size:clamp(26px,2.6vw,32px);font-weight:700;line-height:1.2}.onboarding-card p,.onboarding .training-card p{color:#20213dd1;text-wrap:pretty;max-width:44ch;margin:0;font-size:18px;line-height:1.5}.onboarding .onboarding-small{color:#20213d99;font-size:15px}.onboarding .start{font-family:var(--font-body);letter-spacing:0;color:var(--ink);-webkit-text-stroke:0;background:var(--sun);border:var(--outline) solid var(--ink);box-shadow:var(--drop);transition:translate .18s var(--out-expo), box-shadow .18s var(--out-expo);border-radius:999px;margin-top:18px;padding:12px 36px;font-size:20px;font-weight:800}.onboarding .start:hover:not(:disabled){box-shadow:0 6px 0 var(--ink);translate:0 -2px}.onboarding .start:active:not(:disabled){box-shadow:var(--drop-pressed);translate:0 3px}.onboarding .start:disabled{opacity:.45;background:var(--sun)}.onboarding .start:focus-visible{outline:3px solid var(--paper);outline-offset:3px}.onboarding-skip{color:#20213d99;font-size:14px}.onboarding-name{width:min(340px,100%);font:inherit;text-align:center;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);transition:box-shadow .2s var(--out-expo);padding:12px 18px;font-size:28px;font-weight:700}.onboarding-name:focus{box-shadow:0 0 0 4px var(--sun);outline:none}.start-picker,.start-chips{gap:10px;width:100%;margin:8px 0 4px;display:grid}.start-picker{grid-template-columns:repeat(4,minmax(0,1fr))}.start-chips{grid-template-columns:repeat(5,minmax(0,1fr));margin:0}@media (width<=640px){.start-picker,.start-chips{grid-template-columns:repeat(2,minmax(0,1fr))}}.start-option{font:inherit;color:var(--ink);background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);cursor:pointer;transition:translate .16s var(--out-expo), background-color .16s var(--out-expo), box-shadow .16s var(--out-expo);justify-items:center;gap:2px;display:grid;position:relative}.start-option:hover{translate:0 -2px}.start-option:focus-visible{outline:3px solid var(--sun);outline-offset:3px}.start-card{grid-template-rows:auto 1fr;gap:6px;min-height:132px;padding:14px 10px 12px}.start-label{text-wrap:balance;color:#20213db3;font-size:15px;font-weight:700;line-height:1.25}.start-card.is-picked .start-label{color:var(--ink)}.start-example{white-space:nowrap;align-content:center;gap:2px;font-size:clamp(22px,2.4vw,28px);font-weight:800;line-height:1.15;display:grid}.start-check{background:#c9f5df;border:2px solid #20213d73;border-radius:999px;place-items:center;width:22px;height:22px;font-size:13px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:6px;right:6px}.start-row{gap:8px;width:100%;margin-top:4px;display:grid}.start-row p{max-width:none;font-size:16px;font-weight:700}.start-stage{padding:12px 8px}.start-stage-label{font-size:22px;font-weight:800}.start-note{color:#20213d99;font-size:13px;font-weight:700}.start-stage.is-passed{background:#c9f5df;border-color:#20213d73}.start-stage.is-picked .start-note{color:var(--ink)}.start-option.is-picked{background:var(--sun);box-shadow:var(--drop);translate:0 -2px}.cloud-screen{place-content:center;justify-items:center;gap:18px;min-height:100dvh;padding:32px 16px;display:grid}.cloud-logo{margin:0;line-height:0}.cloud-logo img{width:auto;max-width:100%;height:clamp(100px,20vh,180px)}.cloud-card{text-align:center;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);width:min(400px,100%);box-shadow:0 6px 0 var(--ink);margin:0;padding:28px 32px;font-size:18px;font-weight:600}.account-row{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 18px;display:flex}.account-row p{margin:0}.code-card{text-align:left;gap:14px;display:grid}.code-title{text-align:center;font-size:38px}.code-field{gap:4px;font-weight:700;display:grid}.code-field input{width:100%;min-height:var(--tap);font:inherit;color:var(--ink);background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);padding:8px 12px;font-size:22px}.code-field input::placeholder{color:var(--locked-ink);opacity:.6}.code-go{justify-self:center;margin-top:4px}.code-note,.code-problem{border:2px solid var(--ink);border-radius:var(--radius-small);padding:8px 12px;font-size:16px}.code-note{background:#fff3c4}.code-problem{background:#ffe1e2}.cloud-switch{font-size:17px;font-weight:700}.player-picker{flex-wrap:wrap;gap:10px;display:flex}.picker-here{font-size:15px;font-weight:400}.picker-problem{color:var(--paper);margin:0;font-weight:700}.player-code{letter-spacing:.02em;overflow-wrap:anywhere;background:var(--sun);border:var(--outline) dashed var(--ink);border-radius:var(--radius-small);justify-self:start;padding:8px 18px;font-size:clamp(26px,6vw,40px);font-weight:800;display:inline-block}.pin-panel{text-align:center;justify-items:center;display:grid}.pin-pad{justify-items:center;gap:14px;width:min(340px,100%);display:grid}.pin-pad .pin-title{font-family:var(--font-body);letter-spacing:-.01em;font-size:26px;font-weight:700;line-height:1.2}.pin-note{color:#20213dbf}.pin-dots{gap:14px;margin:4px 0;display:flex}.pin-dot{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:50%;width:20px;height:20px}.pin-dot.is-filled{background:var(--ink)}.pin-keys{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;display:grid}.pin-key{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);min-height:64px;box-shadow:var(--drop);transition:translate var(--quick), box-shadow var(--quick);font-size:28px;font-weight:800}.pin-key:active:not(:disabled){box-shadow:var(--drop-pressed);translate:0 3px}.pin-key:disabled{opacity:.5}.pin-message{border:2px solid var(--ink);border-radius:var(--radius-small);background:#ffe1e2;padding:8px 12px;font-weight:600}.onboarding-card .player-code{justify-self:center;margin:6px 0}.pill.is-add:not([aria-pressed=true]){background:#fff3c4;border-style:dashed}.player-actions{flex-wrap:wrap;gap:12px;display:flex}.button.is-go{background:var(--sun)}.player-message{font-weight:600}.device-code{padding:12px 18px}.add-player{justify-items:start;display:grid}.add-player .code-field{width:min(360px,100%)}.grown-up-sign-in{justify-items:start;display:grid}.practice-banner{background:var(--sun);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);box-shadow:var(--drop);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;margin:0;padding:6px 8px 6px 16px;font-size:16px;display:flex}.practice-banner .button{padding:4px 16px}:where(.game-art){object-fit:contain;width:auto;max-width:88px;height:60px;display:block}:where(.game-art.is-strip){background-position:0 0;background-repeat:no-repeat}:where(.game-art.is-icon){font-size:52px;line-height:60px}:where(.icon-button){width:var(--button-size,56px);aspect-ratio:1;color:var(--ink);background:var(--sun);border:var(--outline) solid var(--ink);box-shadow:var(--drop);transition:translate var(--quick), box-shadow var(--quick);border-radius:50%;flex:none;place-items:center;padding:0;display:grid;position:relative}:where(.icon-button.is-green){background:var(--go)}.button-glyph{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;display:block;overflow:visible}.button-glyph .glyph-fill,.button-glyph .glyph-dot{fill:currentColor}.button-glyph .glyph-knob,.icon-button.is-green .glyph-fill{fill:var(--paper)}:where(.icon-button-glyph){width:56%;height:56%}.icon-button:hover{box-shadow:var(--drop-lifted);translate:0 -3px}.icon-button:active,.icon-button.is-pressed{box-shadow:var(--drop-pressed);translate:0 3px}.icon-button:focus-visible{outline:none}.icon-button:focus-visible:after{content:"";border:var(--outline) solid var(--ink);box-shadow:inset 0 0 0 3px var(--sun);pointer-events:none;border-radius:999px;position:absolute;inset:-8px -8px -12px}:where(.play-target){aspect-ratio:1;place-items:center;display:grid;position:relative}:where(.play-target)>*{grid-area:1/1}.play-button{--button-size:100%;box-shadow:0 7px 0 var(--ink);border-width:5px}.play-button:hover{box-shadow:0 10px 0 var(--ink)}.play-button:active,.play-button.is-pressed{box-shadow:0 2px 0 var(--ink);translate:0 5px}.play-caption{width:max-content;max-width:min(24em,80vw);color:var(--paper);text-align:center;text-wrap:balance;pointer-events:none;background:#1b1d3a8c;border-radius:999px;margin:0;padding:4px 14px;font-size:clamp(15px,1.7vw,20px);font-weight:700;line-height:1.3;position:absolute;top:calc(112% + 10px);left:50%;translate:-50%}.play-ring{background:conic-gradient(var(--go) calc(var(--progress,0) * 360deg), #fff6 0);pointer-events:none;border-radius:50%;position:absolute;inset:-12%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px))}:where(.play-target.is-done){animation:.28s cubic-bezier(.5,0,.75,0) forwards play-done}@keyframes play-done{to{opacity:0;scale:.5}}.play-target.is-offered .play-button{animation:.6s ease-in-out infinite alternate play-offer}@keyframes play-offer{to{scale:1.1}}@property --hint-pulse{syntax:"<number>";inherits:true;initial-value:0}.stage-wrap:has([data-hinted]){animation:.8s ease-in-out infinite alternate hint-pulse}@keyframes hint-pulse{to{--hint-pulse:1}}.stage [data-hinted]{filter:drop-shadow(0 0 calc(3px + var(--hint-pulse) * 12px) #fff27a) drop-shadow(0 0 2px #fff)}.guide-line{z-index:9;border:5px solid var(--ink);background:var(--paper);width:max-content;max-width:80%;box-shadow:6px 6px 0 var(--ink);text-align:center;text-wrap:balance;pointer-events:none;border-radius:22px;margin:0;padding:10px 26px 12px;font-size:clamp(22px,3.2vw,40px);font-weight:800;line-height:1.2;animation:.32s cubic-bezier(.34,1.56,.64,1) both guide-line-in;position:absolute;top:5%;left:50%;translate:-50%}@keyframes guide-line-in{0%{opacity:0;scale:.85}}.guide-corner{z-index:9;align-items:center;gap:8px;min-height:0;padding:6px 16px 6px 10px;font-size:clamp(14px,1.6vw,18px);display:inline-flex;position:absolute;top:3%}.guide-skip{padding-left:16px;right:2%}.guide-how{background:linear-gradient(to right, var(--go) calc(var(--progress,0) * 100%), var(--paper) 0);left:2%}.guide-how-glyph{border:2px solid var(--ink);background:var(--sun);border-radius:50%;width:1.6em;height:1.6em;padding:2px}.ready-target{z-index:6;pointer-events:none;transition:scale .15s,opacity .15s;position:absolute;translate:-50% -50%}.ready-target .play-button{pointer-events:auto}.ready-target.is-near{scale:1.1}.ready-target.is-primed{filter:drop-shadow(0 0 14px #fff27a)drop-shadow(0 0 4px #fff)}.finger-space-hint{opacity:.4}@keyframes shimmer{to{background-position:200% 0}}@keyframes banner-slam{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);rotate:-14deg;scale:3}16%{opacity:1;rotate:-5deg;scale:1}82%{opacity:1;animation-timing-function:cubic-bezier(.7,0,.84,0);rotate:-5deg;scale:1}to{opacity:0;rotate:-5deg;scale:.85}}@keyframes banner-shake{25%{translate:-9px 3px}50%{translate:8px -3px}75%{translate:-4px 2px}}.bubble-pop{aspect-ratio:1;opacity:0;pointer-events:none;background:url(/bubbles/bubble.png) 0 30%/30% no-repeat,url(/bubbles/bubble.png) 88% 0/24% no-repeat,url(/bubbles/bubble.png) 100% 78%/28% no-repeat,url(/bubbles/bubble.png) 28% 100%/20% no-repeat,radial-gradient(closest-side,#0000 76%,#ffffffd9 82%,#0000 90%);width:100%;position:absolute;left:0}.bubbles-rising{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bubbles-rising>span{height:100%;animation:8s linear infinite backwards bubble-rise;position:absolute;top:0}.bubbles-rising>span:before{content:"";aspect-ratio:1;width:100%;animation:8s linear infinite backwards bubble-swell;animation-duration:inherit;animation-delay:inherit;background:url(/bubbles/bubble.png) 50%/contain no-repeat;position:absolute;top:100%;left:0}.bubbles-rising .bubble-pop{animation:8s linear infinite backwards bubble-burst;animation-duration:inherit;animation-delay:inherit;top:100%}@keyframes bubble-rise{50%{translate:60% calc(var(--pop-at,80%) * -.5)}to{translate:-20% calc(var(--pop-at,80%) * -1)}}@keyframes bubble-swell{0%{opacity:0}8%,93%{opacity:.9;scale:1}96%{opacity:1;scale:1.4}97%,to{opacity:0;scale:1.6}}@keyframes bubble-burst{0%,95.5%{opacity:0;scale:.6}96.5%{opacity:1}to{opacity:0;scale:2.2}}.bubble-spray>span{animation:1s cubic-bezier(.16,1,.3,1) both bubble-spray;position:absolute;translate:-50% -50%}.bubble-spray>span:before{content:"";animation:1s linear both bubble-spray-swell;animation-delay:inherit;background:url(/bubbles/bubble.png) 50%/contain no-repeat;position:absolute;inset:0}.bubble-spray .bubble-pop{animation:1s linear both bubble-spray-pop;animation-delay:inherit;top:0}@keyframes bubble-spray{0%{transform:translate(0)scale(.3)}to{transform:translate(var(--dx), var(--dy)) scale(1.3)}}@keyframes bubble-spray-swell{0%{opacity:0}6%,64%{opacity:1;scale:1}72%{opacity:1;scale:1.35}76%,to{opacity:0;scale:1.5}}@keyframes bubble-spray-pop{0%,73%{opacity:0;scale:.6}76%{opacity:1}to{opacity:0;scale:2.4}}@media (prefers-reduced-motion:reduce){.bubbles-rising{display:none}}.dive-backdrop{z-index:0;background:linear-gradient(#00ebe3 0%,#0cadca 38%,#128bbe 62%);position:absolute;inset:0;overflow:hidden;container-type:inline-size}.dive-layer{animation:14s ease-in-out infinite alternate dive-bob;position:absolute}@keyframes dive-bob{0%{translate:var(--bob) 0}to{translate:calc(var(--bob) * -1) 0}}.dive-sunlight{opacity:.7;width:76%;animation:6s ease-in-out infinite alternate dive-shimmer;position:absolute;top:-8%;left:50%;translate:-50%}@keyframes dive-shimmer{to{opacity:.35}}.dive-ridge{background-position:0 100%;background-repeat:repeat-x;background-size:auto 100%;width:108%;left:-4%}.dive-ridge--far{opacity:.7;--bob:.3cqw;background-image:url(/deep-dive/scene/far-ridge.svg);height:30%;bottom:36%}.dive-ridge--near{--bob:.6cqw;background-image:url(/deep-dive/scene/near-ridge.svg);height:17%;bottom:33%}.dive-spire{--bob:.45cqw;bottom:34%}.dive-spire--left{width:48%;left:-8%}.dive-spire--right{width:40%;right:-6%}.dive-seabed{--bob:.9cqw;background:url(/deep-dive/scene/seabed.webp) 50%/100% 100%;width:106%;height:42%;bottom:0;left:-3%}.dive-ripple{opacity:.35;--bob:3cqw;background:url(/deep-dive/scene/ripple.webp) 50%/100% 100%;width:116%;height:30%;animation-duration:9s;bottom:0;left:-8%}.dive-rock{--bob:1.4cqw}.dive-rock--tall{width:26%;bottom:12%;left:-7%}.dive-rock--big{width:22%;bottom:9%;left:9%}.dive-rock--slant{width:34%;bottom:10%;right:-6%}.dive-weed{transform-origin:50% 100%;--bob:1.4cqw;animation:14s ease-in-out infinite alternate dive-bob,4.5s ease-in-out infinite alternate dive-sway;bottom:14%}.dive-weed--left{height:46%;left:24%}.dive-weed--right{height:40%;animation-delay:0s,-2.2s;right:25%}@keyframes dive-sway{0%{rotate:-4deg}to{rotate:4deg}}.dive-depth{background:linear-gradient(#06408066,#06408029 55%,#0000 80%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.dive-layer,.dive-sunlight{animation:none}}.sprite{width:100%;display:block;position:relative;overflow:hidden}.sprite-strip{width:calc(var(--frames) * 100%);max-width:none;height:100%;animation:sprite-play var(--sprite-ms) steps(var(--frames)) infinite;display:block;position:absolute;top:0;left:0}@keyframes sprite-play{to{transform:translate(-100%)}}.dive .dive-reveal .dive-art.sprite{animation:none}@media (prefers-reduced-motion:reduce){.sprite-strip{animation:none}}.stage--dive{background:linear-gradient(#1580a3 0%,#0b4f74 40%,#072a4a 75%,#041a30 100%)}.stage--dive .stage-video{width:20%;height:auto;aspect-ratio:var(--aspect);border:3px solid var(--ink);z-index:3;border-radius:10px;inset:auto 2% 3% auto}.stage--dive .fist{background:#4de3ff73;border-color:#4de3ff}.dive{position:absolute;inset:0;overflow:hidden}.dive-question{z-index:2;font-size:clamp(22px, min(4.4vw, calc(var(--stage-h,100dvh) * .085)), 64px);padding:12px 26px 16px;position:absolute;top:50%;left:50%;translate:-50% -50%}.porthole{aspect-ratio:1;z-index:2;box-shadow:0 0 0 5px var(--ink), inset 0 0 0 5px var(--ink), 8px 8px 0 5px var(--ink);color:var(--paper);font-size:clamp(22px, min(5vw, calc(var(--stage-h,100dvh) * .12)), 64px);background:radial-gradient(circle at 35% 30%,#2f8fbf,#0d3f63 60%,#072a4a);border:12px solid #9fb3c8;border-radius:50%;place-items:center;padding:0;font-weight:800;transition:scale .1s,background .3s;display:grid;position:absolute;translate:-50% -50%}.porthole-bolt{aspect-ratio:1;border:2px solid var(--ink);background:#5d6f84;border-radius:50%;width:8%;position:absolute;translate:-50% -50%}.porthole-number{-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;transition:opacity .2s;position:relative}.porthole .answer-next{color:var(--paper);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;position:relative}.porthole.is-aimed{scale:1.08}.porthole.is-locked{box-shadow:0 0 0 5px var(--ink), 0 0 0 13px var(--sun), 0 0 0 18px var(--ink);animation:.6s ease-in-out infinite alternate locked-pulse}.porthole.is-locked:before{content:"Again!";background:var(--sun);border:3px solid var(--ink);color:var(--ink);font-family:var(--font-comic);letter-spacing:.04em;-webkit-text-stroke:0;border-radius:8px;padding:0 10px;font-size:.5em;font-weight:400;position:absolute;top:100%;left:50%;translate:-50% 28px}.porthole:after{content:"";background:conic-gradient(var(--go) calc(var(--hold,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-30px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px))}.porthole.is-open{background:radial-gradient(circle,#000814 45%,#062038)}.porthole.is-open .porthole-number{opacity:0}.porthole.is-popped{animation:.7s cubic-bezier(.34,1.8,.64,1) hatch-pop}.porthole.is-breached{box-shadow:0 0 0 5px var(--ink), inset 0 0 0 5px var(--ink), 0 0 60px 24px #f2545bbf;transition:scale .1s,background .15s .32s;animation:.33s linear hatch-rattle}.porthole.is-breached .porthole-number{transition-delay:.32s}.porthole.is-right{border-color:var(--go);box-shadow:0 0 0 5px var(--ink), inset 0 0 0 5px var(--ink), 0 0 40px 14px #2bd18bb3}.porthole.is-right:not(.is-open){animation:.7s cubic-bezier(.34,1.8,.64,1) 2.6s both hatch-pop}.porthole.is-right.is-lit{animation:.7s cubic-bezier(.34,1.8,.64,1) hatch-pop}@keyframes hatch-pop{0%{scale:.75}to{scale:1}}@keyframes hatch-rattle{0%,to{translate:-50% -50%}20%{translate:calc(-50% - 7px) calc(3px - 50%)}40%{translate:calc(7px - 50%) calc(-50% - 2px)}60%{translate:calc(-50% - 5px) calc(-50% - 3px)}80%{translate:calc(4px - 50%) calc(2px - 50%)}}.dive-shock{z-index:4;aspect-ratio:1;pointer-events:none;border:8px solid;border-radius:50%;animation:.8s cubic-bezier(.16,1,.3,1) both dive-shock;position:absolute;translate:-50% -50%}.dive-shock.is-good{border-color:var(--go)}.dive-shock.is-bad{border-color:var(--pop)}@keyframes dive-shock{0%{opacity:0;scale:.7}5%{opacity:1}to{opacity:0;border-width:1px;scale:2.8}}.dive-spray{z-index:4;position:absolute}.dive-reveal{pointer-events:none;position:absolute}.dive-facing{transform:scaleX(calc(var(--toward) * -1));position:relative}.dive-facing.is-front{transform:none}.dive-art{width:100%;height:auto;display:block}.dive-halo{pointer-events:none;border-radius:50%;position:absolute}.dive-reveal--launch{z-index:6;animation:2.1s 80ms both sub-launch}.dive-reveal--launch .dive-art{filter:drop-shadow(0 0 16px #8cf0ffa6)}@keyframes sub-launch{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);transform:translate(-50%,-50%)scale(.05)}22%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);transform:translate(-50%,-50%)scale(1.05)}33%{transform:translate(calc(-50% + var(--toward) * 6%), -57%) scale(1.05) rotate(calc(var(--toward) * -4deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}43%{transform:translate(calc(-50% + var(--toward) * 4%), -47%) scale(1.05) rotate(calc(var(--toward) * 3deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}50%{transform:translate(calc(-50% - var(--toward) * 10%), -50%) scale(.98) rotate(calc(var(--toward) * 8deg));animation-timing-function:cubic-bezier(.3,0,.8,.15)}to{transform:translate(calc(-50% + var(--toward) * 260%), -280%) scale(1.4) rotate(calc(var(--toward) * -18deg));opacity:1}}.dive-halo--sub{background:radial-gradient(circle,#c8fcff99,#4de3ff40 40%,#0000 68%);animation:2.1s 80ms both halo-sub;inset:-45%}.dive-halo--sub:before{content:"";background:repeating-conic-gradient(#ffffdc80 0 7deg, transparent 7deg 20deg);border-radius:50%;animation:5s linear infinite spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}@keyframes halo-sub{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);scale:.3}22%{opacity:1;scale:1}46%{opacity:1;animation-timing-function:cubic-bezier(.16,1,.3,1);scale:1}60%,to{opacity:0;scale:1.6}}@keyframes spin{to{rotate:360deg}}.dive-reveal--lunge{z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.3s .33s both leviathan-lunge}.dive-reveal--lunge .dive-art{filter:drop-shadow(0 0 20px rgb(var(--glow,242 84 91) / .6))}@keyframes leviathan-lunge{0%{transform:translate(-50%, -50%) scale(.05) rotate(calc(var(--toward) * -35deg));opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1)}15%{transform:translate(calc(-50% + var(--to-center) * .3), -56%) scale(.85) rotate(calc(var(--toward) * 6deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}28%{transform:translate(calc(-50% + var(--to-center) * .36), -47%) scale(.88) rotate(calc(var(--toward) * -3deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}40%{transform:translate(calc(-50% + var(--to-center) * .38), -54%) scale(.86) rotate(calc(var(--toward) * 4deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}50%{transform:translate(calc(-50% + var(--to-center) * .2), -50%) scale(.7) rotate(calc(var(--toward) * -10deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}66%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(5) rotate(0deg);animation-timing-function:cubic-bezier(.33,1,.68,1)}74%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(4.5) rotate(calc(var(--toward) * 2deg))}88%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(4.7);opacity:1}to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(5.2);opacity:0}}.dive-halo--danger{background:radial-gradient(circle at calc(50% + var(--aim-x)) 50%, rgb(var(--glow,242 84 91) / .7), #780a1e59 35%, transparent 62%);animation:.42s ease-in-out infinite alternate halo-throb;inset:-35%}@keyframes halo-throb{to{opacity:.7;scale:1.15}}.dive-darken{z-index:3;background:radial-gradient(circle at var(--x,50%) 50%, #28000a4d, #06000ad1 70%);pointer-events:none;animation:3.3s both dive-darken;position:absolute;inset:0}@keyframes dive-darken{0%{opacity:0}15%,72%{opacity:1}85%,to{opacity:0}}.dive-flash{z-index:7;pointer-events:none;background:radial-gradient(circle,#ffffff40,#f2545bd9 75%);animation:.9s 1.8s both dive-flash;position:absolute;inset:0}@keyframes dive-flash{0%{opacity:0}10%{opacity:1}to{opacity:0}}.dive.is-lunge,.dive.is-slash,.dive.is-charge,.dive.is-ambush,.dive.is-teleport,.dive.is-explode,.dive.is-swarm,.dive.is-foe.is-latch,.dive.is-foe.is-scuttle{animation:.55s 1.85s quake}.dive.is-foe.is-leviathan{animation:.9s 1.85s quake}@keyframes quake{10%{transform:translate(-16px,7px)rotate(-1deg)}22%{transform:translate(14px,-9px)rotate(1deg)}36%{transform:translate(-11px,5px)}52%{transform:translate(8px,-4px)}68%{transform:translate(-5px,2px)}84%{transform:translate(3px,-1px)}}.dive-banner{z-index:9;pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute;left:0;right:0}.dive-banner.is-good{animation:2s .25s both banner-slam;top:7%}.dive-banner.is-leap{animation-duration:1.9s;animation-delay:.86s}.dive-banner.is-cruise{animation-duration:2.6s;animation-delay:.95s}.dive-banner.is-bad{animation:1.6s 1.85s both banner-slam,.28s 1.95s 3 banner-shake;bottom:7%}.dive-banner-title{font-family:var(--font-comic);letter-spacing:.04em;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);white-space:nowrap;margin:0;font-size:clamp(40px,7vw,92px);line-height:1}.dive-banner.is-good .dive-banner-title{color:var(--sun)}.dive-banner.is-bad .dive-banner-title{color:var(--pop)}.dive-banner.is-cruise .dive-banner-title{color:#ffe680;filter:drop-shadow(0 0 18px #ffe680cc);font-size:clamp(56px,10vw,128px)}.dive-rarity{font-family:var(--font-comic);letter-spacing:.06em;color:var(--ink);background:var(--sun);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0;padding:3px 16px 0;font-size:clamp(20px,3vw,34px);line-height:1.1;rotate:-3deg}.dive-banner.is-bad .dive-rarity{color:var(--paper);background:var(--pop)}.dive-rarity.is-super{color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;background:linear-gradient(90deg,#f2545b,#ffd23f,#2bd18b,#4de3ff,#7b5cfa,#f2545b) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.dive-shock.is-good.is-rare,.dive-shock.is-good.is-super{border-color:var(--sun)}.dive-halo--rare,.dive-halo--super{animation:2.6s 80ms both halo-sub;inset:-40%}.dive-halo--rare{background:radial-gradient(circle,#fff0aab3,#ffd23f4d 40%,#0000 68%)}.dive-halo--super{background:radial-gradient(circle,#ffffebbf,#ffe68059 38%,#0000 66%);animation:3.4s .15s both halo-super;inset:-35% -12%}.dive-halo--rare:before,.dive-halo--super:before{content:"";border-radius:50%;animation:5s linear infinite spin;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#000 18%,#0000 68%);mask:radial-gradient(circle,#000 18%,#0000 68%)}.dive-halo--rare:before{background:repeating-conic-gradient(#ffdc5a99 0 7deg, transparent 7deg 20deg)}.dive-halo--super:before{background:repeating-conic-gradient(#ff78788c 0 6deg, transparent 6deg 15deg, #ffe6788c 15deg 21deg, transparent 21deg 30deg, #78f0ff8c 30deg 36deg, transparent 36deg 45deg);animation-duration:7s}@keyframes halo-super{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);scale:.3}24%,58%{opacity:1;scale:1}74%,to{opacity:0;scale:1.4}}.dive-sparkles{z-index:7;position:absolute}.dive-sparkles span{color:var(--sun);text-shadow:0 0 8px #fff0aae6;line-height:1;animation:1.3s cubic-bezier(.16,1,.3,1) both sparkle;position:absolute;translate:-50% -50%}.dive-sparkles span:nth-child(3n){color:#4de3ff}.dive-sparkles span:nth-child(3n+1){color:var(--paper)}.dive-sparkles.is-cruise span{--spread:2.6;animation-duration:1.8s}@keyframes sparkle{0%{opacity:1;transform:translate(0)scale(.2)rotate(0)}70%{opacity:1}to{transform:translate(calc(var(--dx) * var(--spread,1.4)), calc(var(--dy) * var(--spread,1.4))) scale(1.2) rotate(180deg);opacity:0}}.dive-reveal--leap{z-index:6;transform-origin:50% 100%;animation:2.6s 80ms both prawn-leap}.dive-reveal--leap .dive-art{filter:drop-shadow(0 0 16px #ffd23f99)}@keyframes prawn-leap{0%{opacity:0;animation-timing-function:cubic-bezier(.33,1,.68,1);transform:translate(-50%,-50%)scale(.1)}18%{transform:translate(calc(-50% + var(--to-center) * .3), -76%) scale(1) rotate(calc(var(--toward) * 10deg));opacity:1;animation-timing-function:cubic-bezier(.32,0,.67,0)}30%{transform:translate(calc(-50% + var(--to-center) * .55), -50%) scale(1.16, .8);animation-timing-function:cubic-bezier(.34,1.8,.64,1)}40%{transform:translate(calc(-50% + var(--to-center) * .55), -50%) scale(1);animation-timing-function:cubic-bezier(.65,0,.35,1)}50%{transform:translate(calc(-50% + var(--to-center) * .55), -62%) scale(.95, 1.06);animation-timing-function:cubic-bezier(.32,0,.67,0)}57%{transform:translate(calc(-50% + var(--to-center) * .55), -50%) scale(1.08, .92);animation-timing-function:cubic-bezier(.34,1.8,.64,1)}64%{transform:translate(calc(-50% + var(--to-center) * .55), -48%) scale(1.04, .95);animation-timing-function:cubic-bezier(.3,0,.8,.15)}to{transform:translate(calc(-50% + var(--to-center) * .75), -340%) scale(1.05) rotate(calc(var(--toward) * -8deg));opacity:1}}.dive-thrust{transform-origin:50% 0;background:radial-gradient(at 50% 0,#fffbe0,#ffb13b 26%,#f2545b8c 50%,#0000 70%);border-radius:50%;height:36%;animation:2.6s 80ms both thrust;position:absolute;top:86%;left:22%;right:22%}@keyframes thrust{0%,62%{opacity:0;scale:1 .2}68%{opacity:1;scale:1}84%{scale:.9 1.25}to{opacity:1;scale:1.1 1.6}}.dive.is-leap{animation:.32s .86s thud}@keyframes thud{30%{transform:translateY(9px)}65%{transform:translateY(-3px)}}.dive-spotlight{z-index:5;pointer-events:none;background:radial-gradient(#fff6c838,#030a1acc 70%);animation:3.7s both dive-darken;position:absolute;inset:0}.dive-reveal--cruise{z-index:6;animation:3.4s .15s both cyclops-pass}.dive-reveal--cruise .dive-art{filter:drop-shadow(0 0 24px #ffeca08c)}@keyframes cyclops-pass{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.06)}24%{transform:translate(calc(-50% + var(--to-center)), -52%) scale(1);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}42%{transform:translate(calc(-50% + var(--to-center) + var(--toward) * 3%), -46%) scale(1.02) rotate(calc(var(--toward) * -1.5deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}60%{transform:translate(calc(-50% + var(--to-center) + var(--toward) * 6%), -52%) scale(1.04) rotate(calc(var(--toward) * 1deg));animation-timing-function:cubic-bezier(.5,0,.75,0)}to{transform:translate(calc(-50% + var(--to-center) + var(--toward) * 130%), -56%) scale(1.15);opacity:1}}.dive.is-cruise{animation:.12s .9s 14 rumble}@keyframes rumble{25%{transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}75%{transform:translate(1px,1px)}}.dive-reveal--slash{z-index:6;transform-origin:50% 70%;animation:2.6s .33s both claw-attack}.dive-reveal--slash .dive-art{filter:drop-shadow(0 0 20px #f2545b99)}@keyframes claw-attack{0%{opacity:0;animation-timing-function:cubic-bezier(.33,1,.68,1);transform:translate(-50%,-50%)scale(.1)}14%{transform:translate(calc(-50% + var(--to-center) * .25), -85%) scale(.9);opacity:1;animation-timing-function:cubic-bezier(.32,0,.67,0)}24%{transform:translate(calc(-50% + var(--to-center) * .4), -50%) scale(1.1, .88);animation-timing-function:cubic-bezier(.34,1.8,.64,1)}32%{transform:translate(calc(-50% + var(--to-center) * .4), -50%) scale(1);animation-timing-function:cubic-bezier(.65,0,.35,1)}48%{transform:translate(calc(-50% + var(--to-center) * .3), -54%) scale(1.05) rotate(calc(var(--toward) * -14deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}58%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.2) rotate(calc(var(--toward) * 20deg));animation-timing-function:cubic-bezier(.33,1,.68,1)}68%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.05) rotate(calc(var(--toward) * 14deg))}86%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.1) rotate(calc(var(--toward) * 14deg));opacity:1}to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.3) rotate(calc(var(--toward) * 14deg));opacity:0}}.dive-scratch{z-index:8;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dive-scratch path{fill:none;stroke:var(--paper);stroke-width:3.2px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 2px #f2545b);animation:1.4s 1.82s both scratch}.dive-scratch path:nth-child(2){animation-delay:1.87s}.dive-scratch path:nth-child(3){animation-delay:1.92s}@keyframes scratch{0%{stroke-dashoffset:1px;opacity:1}12%{stroke-dashoffset:0;opacity:1}70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.porthole.is-ready{box-shadow:0 0 0 5px var(--ink), inset 0 0 0 5px var(--ink), 0 0 0 12px #4de3ff, 0 0 36px 14px #4de3ff8c}.dive-reveal--school{z-index:6;animation:1.8s both fish-swim}.dive-reveal--school .dive-art{filter:drop-shadow(0 0 10px rgb(var(--glow,160 240 255) / .6))}@keyframes fish-swim{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);transform:translate(-50%,-50%)scale(.1)}14%{transform:translate(calc(-50% + var(--toward) * 40%), calc(-50% + var(--lane))) scale(1);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}38%{transform:translate(calc(-50% + var(--toward) * var(--cross) * .33), calc(-50% + var(--lane) - 70%)) rotate(calc(var(--toward) * -10deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}62%{transform:translate(calc(-50% + var(--toward) * var(--cross) * .62), calc(-50% + var(--lane) + 50%)) rotate(calc(var(--toward) * 10deg));animation-timing-function:cubic-bezier(.5,0,.75,0)}to{transform:translate(calc(-50% + var(--toward) * var(--cross)), calc(-50% + var(--lane) - 60%)) rotate(calc(var(--toward) * -6deg));opacity:1}}.dive-halo--warp{background:radial-gradient(circle,#78e6ffa6,#3c78ff4d 40%,#0000 66%);animation:.3s ease-in-out infinite alternate halo-throb;inset:-30%}.dive-flash.is-spit{background:radial-gradient(circle,#ffffff4d,#beeeffd9 75%)}.dive-flash.is-explode{background:radial-gradient(circle,#fffadcf2,#ffa03cd9 55%,#f2545bcc);animation-duration:1.1s}.dive-flash.is-emp{background:radial-gradient(circle,#dcfaff66,#50beffcc 75%)}.dive-flash.is-teleport{background:radial-gradient(circle,#dcfaff4d,#468cffcc 75%)}.dive-banner.is-spit .dive-banner-title{color:#c8f4ff}.dive-banner.is-emp .dive-banner-title,.dive-banner.is-teleport .dive-banner-title{color:#7fe6ff}.dive-scratch.is-teleport path{stroke:#bff4ff;filter:drop-shadow(0 0 2px #4daaff)}.dive-reveal--spit{z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.3s .33s both brinewing-swoop}@keyframes brinewing-swoop{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}16%{transform:translate(calc(-50% + var(--to-center) * .35), -95%) scale(1) rotate(calc(var(--toward) * -12deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}30%{transform:translate(calc(-50% + var(--to-center) * .6), -15%) rotate(calc(var(--toward) * 12deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}44%{transform:translate(calc(-50% + var(--to-center) * .85), -80%) rotate(calc(var(--toward) * -8deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}56%{transform:translate(calc(-50% + var(--to-center) * .7), -50%) scale(1.05) rotate(calc(var(--toward) * -16deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}64%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.7) rotate(calc(var(--toward) * 6deg));animation-timing-function:cubic-bezier(.33,1,.68,1)}76%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.55) rotate(calc(var(--toward) * 2deg));opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0)}to{transform:translate(calc(-50% + var(--to-center) + var(--toward) * 140%), -280%) scale(1.2) rotate(calc(var(--toward) * -22deg));opacity:0}}.dive-splat{z-index:8;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle at 40% 35%,#fff,#c8f4ff 40%,#78d2ff99 70%,#0000 72%);border-radius:47% 53% 44% 56%;width:20%;animation:.7s cubic-bezier(.16,1,.3,1) 1.76s both splat;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes splat{0%{opacity:0;scale:.1}15%{opacity:1}to{opacity:0;scale:7}}.dive-frost{z-index:8;pointer-events:none;background:radial-gradient(#0000 38%,#beeeff73 66%,#ebfaffeb 100%);animation:1.5s 1.8s both frost;position:absolute;inset:0}.dive-frost span{color:#fff;text-shadow:0 0 10px #a0e6ffe6;animation:6s linear infinite spin;position:absolute;translate:-50% -50%}@keyframes frost{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);scale:1.12}10%{opacity:1;scale:1}72%{opacity:1}to{opacity:0}}.dive.is-spit{animation:70ms 1.85s 12 shiver}@keyframes shiver{50%{transform:translate(4px)}}.dive-reveal--charge{z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.3s .33s both chelicerate-charge}@keyframes chelicerate-charge{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}14%{transform:translate(calc(-50% + var(--to-center) * .35), -50%) scale(.75);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}30%{transform:translate(calc(-50% + var(--to-center) * .85), -46%) scale(.8) rotate(calc(var(--toward) * -3deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}42%{transform:translate(calc(-50% + var(--to-center)), -53%) scale(.8) rotate(calc(var(--toward) * 4deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}52%{transform:translate(calc(-50% + var(--to-center) * .7), -50%) scale(.66) rotate(calc(var(--toward) * -8deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}64%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(4.4) rotate(0deg);animation-timing-function:cubic-bezier(.33,1,.68,1)}74%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(4)}88%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(4.2);opacity:1}to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(4.6);opacity:0}}.dive-pincers{z-index:8;pointer-events:none;width:100%;height:100%;animation:1.5s 1.7s both pincers-fade;position:absolute;inset:0}.dive-pincer path:first-child{fill:#3b4654;stroke:var(--ink);stroke-width:1.6px}.dive-pincer-teeth{fill:#ece7d8;stroke:var(--ink);stroke-width:.6px}.dive-pincer{transform-box:fill-box;transform-origin:0%;animation:none}.dive-pincer--top{animation-name:pincer-top}.dive-pincer--bottom{animation-name:pincer-bottom}@keyframes pincer-top{0%{transform:rotate(-32deg)translateY(-30%)}}@keyframes pincer-bottom{0%{transform:rotate(32deg)translateY(30%)}}@keyframes pincers-fade{0%{opacity:0}1%{opacity:1}75%{opacity:1}to{opacity:0}}.dive-reveal--explode{z-index:6;animation:2.2s .33s both crashfish-fuse}.dive-reveal--explode .dive-art{animation:2.2s .33s both crash-blink}@keyframes crashfish-fuse{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);transform:translate(-50%,-50%)scale(.1)}16%{transform:translate(calc(-50% + var(--to-center) * .45), -62%) scale(.9) rotate(calc(var(--toward) * -8deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}34%{transform:translate(calc(-50% + var(--to-center) * .85), -46%) scale(1) rotate(calc(var(--toward) * 6deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}44%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.1)}50%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.35) rotate(-3deg)}56%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.55) rotate(4deg)}61%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.75) rotate(-5deg)}65%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.95) rotate(5deg)}68%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.3) rotate(0deg);opacity:1}70%,to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.8);opacity:0}}@keyframes crash-blink{0%,44%,52%,58%,62.5%,65.5%{filter:brightness()}48%,55%,60.5%,64%,67%{filter:brightness(2)saturate(1.6)drop-shadow(0 0 18px #ff503c)}}.dive-boom{z-index:8;pointer-events:none;position:absolute;top:50%;left:50%}.dive-boom-fire{aspect-ratio:1;background:radial-gradient(circle,#fffbe0 0%,#ffd23f 25%,#ff8a3b 50%,#f2545bb3 68%,#0000 72%);border-radius:50%;width:300px;animation:.9s cubic-bezier(.16,1,.3,1) 1.82s both boom-fire;position:absolute;translate:-50% -50%}@keyframes boom-fire{0%{opacity:0;scale:.1}3%{opacity:1}40%{opacity:1}to{opacity:0;scale:3.2}}.dive-boom-ring{aspect-ratio:1;border:10px solid #fff5d2e6;border-radius:50%;width:300px;animation:.7s cubic-bezier(.16,1,.3,1) 1.84s both boom-ring;position:absolute;translate:-50% -50%}@keyframes boom-ring{0%{opacity:0;scale:.2}4%{opacity:1}to{opacity:0;border-width:1px;scale:4}}.dive-boom-bit{border:2px solid var(--ink);background:#c8282e;border-radius:40% 60% 50% 30%;width:18px;height:12px;animation:1s cubic-bezier(.16,1,.3,1) 1.83s both boom-bit;position:absolute;translate:-50% -50%}.dive-boom-bit:nth-child(odd){background:#e8e2d6}@keyframes boom-bit{0%{opacity:0;transform:translate(0)rotate(0)}4%{opacity:1}80%{opacity:1}to{transform:translate(var(--bx), var(--by)) rotate(var(--spin));opacity:0}}.dive-reveal--ambush{z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.3s .33s both crabsnake-strike}@keyframes crabsnake-strike{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.2)}12%{transform:translate(calc(-50% + var(--to-center) * .55), -50%) scale(1) rotate(calc(var(--toward) * 10deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}28%{transform:translate(calc(-50% + var(--to-center) * .15), -50%) scale(.7) rotate(calc(var(--toward) * -14deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}40%{transform:translate(calc(-50% + var(--to-center) * .2), -52%) scale(.72) rotate(calc(var(--toward) * -8deg))}50%{transform:translate(calc(-50% + var(--to-center) * .12), -48%) scale(.68) rotate(calc(var(--toward) * -18deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}64%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.6) rotate(calc(var(--toward) * 6deg));animation-timing-function:cubic-bezier(.33,1,.68,1)}74%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.3) rotate(calc(var(--toward) * 2deg))}88%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.4);opacity:1}to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.8);opacity:0}}.dive-reveal--emp{z-index:6;animation:2.4s .33s both crabsquid-emp}.dive-reveal--emp .dive-art{animation:2.4s .33s both emp-charge}@keyframes crabsquid-emp{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-30%)scale(.15)}20%{transform:translate(calc(-50% + var(--to-center) * .5), -60%) scale(1);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}40%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.15) rotate(calc(var(--toward) * 4deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}58%{transform:translate(calc(-50% + var(--to-center)), -54%) scale(1.25) rotate(calc(var(--toward) * -3deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}62%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.5);animation-timing-function:cubic-bezier(.33,1,.68,1)}80%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.4);opacity:1}to{transform:translate(calc(-50% + var(--to-center)), -40%) scale(1.3);opacity:0}}@keyframes emp-charge{0%,35%{filter:none}60%{filter:brightness(1.8)drop-shadow(0 0 30px #64dcff)}64%{filter:brightness(3)drop-shadow(0 0 60px #c8f5ff)}80%,to{filter:brightness(1.1)drop-shadow(0 0 12px #64dcff)}}.dive-emp{z-index:8;aspect-ratio:1;pointer-events:none;border:8px dashed #bff4ff;border-radius:50%;width:260px;animation:.8s cubic-bezier(.16,1,.3,1) 1.77s both emp-ring;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 0 24px 8px #64dcffcc,inset 0 0 24px 8px #64dcff99}.dive-emp--late{border-style:solid;border-width:3px;animation-delay:1.9s}@keyframes emp-ring{0%{opacity:0;rotate:0deg;scale:.2}5%{opacity:1}to{opacity:0;rotate:40deg;scale:5}}.dive-static{z-index:8;pointer-events:none;background:repeating-linear-gradient(0deg,#ffffff24 0 2px,#0000 2px 5px),#14283c59;place-items:center;animation:1.1s step-end 1.82s both static-on;display:grid;position:absolute;inset:0}.dive-static p{font-family:var(--font-comic);letter-spacing:.08em;color:#bff4ff;background:#0a1423bf;border:3px solid #bff4ff;border-radius:8px;margin:0;padding:4px 16px;font-size:clamp(22px,4vw,44px);animation:.26s step-end 1.9s 4 blink}@keyframes static-on{0%{opacity:0}1%{opacity:1;translate:0}15%{translate:-6px 2px}30%{translate:5px -3px}45%{opacity:.8;translate:0}70%{opacity:1}to{opacity:0}}@keyframes blink{50%{opacity:0}}.dive.is-emp{animation:.9s step-end 1.8s emp-glitch}@keyframes emp-glitch{0%{filter:saturate(0)contrast(1.5)brightness(1.3)}20%{filter:hue-rotate(160deg)saturate(2);transform:translate(-8px)}35%{filter:saturate(0)contrast(1.6);transform:translate(6px)}55%{filter:brightness(.6)saturate(.4);transform:none}75%{filter:saturate(.2)contrast(1.3)}}.dive-reveal--teleport{z-index:6;animation:2.6s .33s both warper-blink}.dive-reveal--teleport .dive-art{filter:drop-shadow(0 0 16px #78dcffcc)}@keyframes warper-blink{0%{opacity:0;filter:blur(14px)brightness(2.5);animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.6)}10%{transform:translate(calc(-50% + var(--to-center) * .12), -50%) scale(1);opacity:1;filter:none;animation-timing-function:cubic-bezier(.65,0,.35,1)}28%{transform:translate(calc(-50% + var(--to-center) * .18), -54%) scale(1.02) rotate(calc(var(--toward) * 4deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}33%{transform:translate(calc(-50% + var(--to-center) * .18), -50%) scale(.4);opacity:0;filter:blur(10px)brightness(3)}35%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(.5);opacity:0;filter:blur(10px)brightness(3);animation-timing-function:cubic-bezier(.16,1,.3,1)}41%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.5);opacity:1;filter:none;animation-timing-function:cubic-bezier(.65,0,.35,1)}50%{transform:translate(calc(-50% + var(--to-center)), -52%) scale(1.4) rotate(calc(var(--toward) * -12deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}57%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.2) rotate(calc(var(--toward) * 14deg));animation-timing-function:cubic-bezier(.33,1,.68,1)}70%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3) rotate(calc(var(--toward) * 8deg));opacity:1;filter:none;animation-timing-function:cubic-bezier(.7,0,.84,0)}82%,to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.6);opacity:0;filter:blur(14px)brightness(3)}}.dive-warp-ring{z-index:7;aspect-ratio:1;pointer-events:none;border:7px solid #7fe6ff;border-radius:50%;width:24%;animation:.75s cubic-bezier(.16,1,.3,1) both warp-ring;position:absolute;translate:-50% -50%;box-shadow:0 0 30px 10px #4daaffd9,inset 0 0 30px 10px #7fe6ffb3}@keyframes warp-ring{0%{opacity:0;scale:.1}15%{opacity:1}to{opacity:0;scale:2.4}}.dive-reveal--glide{z-index:6;animation:2s 80ms both glide}.dive-reveal--glide.is-medium{animation-duration:2.3s}.dive-reveal--glide.is-large{animation-duration:2.6s}.dive-reveal--glide .dive-art{filter:drop-shadow(0 0 14px rgb(var(--glow,160 240 255) / .55));animation:.65s cubic-bezier(.65,0,.35,1) infinite alternate wingbeat}.dive-reveal--glide.is-large .dive-art{animation-duration:.95s}@keyframes glide{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}18%{transform:translate(calc(-50% + var(--toward) * 35%), -50%) scale(1) rotate(calc(var(--toward) * -12deg));opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);top:34%}52%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.12) rotate(calc(var(--toward) * 9deg));animation-timing-function:cubic-bezier(.37,0,.63,1);top:60%}to{transform:translate(calc(-50% + var(--toward) * var(--cross)), -50%) scale(1.2) rotate(calc(var(--toward) * -14deg));opacity:1;top:18%}}@keyframes wingbeat{0%{rotate:-2deg;scale:1 1.06}to{rotate:2deg;scale:1 .84}}.dive-reveal--glide.is-leviathan{animation:3.4s .15s both glide-giant}.dive-reveal--glide.is-leviathan .dive-art{filter:drop-shadow(0 0 26px rgb(var(--glow,160 240 255) / .5));animation:1.7s cubic-bezier(.65,0,.35,1) infinite alternate swell}@keyframes glide-giant{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.06)}26%{transform:translate(calc(-50% + var(--to-center) * .85), -50%) scale(1) rotate(calc(var(--toward) * -2deg));opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);top:46%}62%{transform:translate(calc(-50% + var(--to-center) + var(--toward) * 15%), -50%) scale(1.06) rotate(calc(var(--toward) * 1.5deg));animation-timing-function:cubic-bezier(.5,0,.75,0);top:54%}to{transform:translate(calc(-50% + var(--to-center) + var(--toward) * 160%), -50%) scale(1.15);opacity:1;top:44%}}@keyframes swell{0%{rotate:-1deg;scale:1}to{rotate:1.5deg;scale:1.025 .975}}.dive.is-friend.is-leviathan.is-glide{animation:.12s .5s 12 rumble}.dive-reveal--drift{z-index:6;animation:2.2s 80ms both drift}.dive-reveal--drift.is-large{animation-duration:2.5s}.dive-reveal--drift.is-leviathan{animation-duration:3.2s;animation-delay:.15s}.dive-reveal--drift .dive-art{transform-origin:50% 30%;animation:.6s cubic-bezier(.65,0,.35,1) infinite alternate bell,1.2s cubic-bezier(.65,0,.35,1) infinite alternate glow-pulse}.dive-reveal--drift.is-leviathan .dive-art{animation-duration:1.1s,1.6s}@keyframes drift{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);transform:translate(-50%,-50%)scale(.15)}22%{transform:translate(calc(-50% + var(--toward) * 45%), -50%) scale(1);opacity:1;animation-timing-function:cubic-bezier(.37,0,.63,1);top:44%}52%{transform:translate(calc(-50% + var(--to-center) * .65), -50%) scale(1.08) rotate(calc(var(--toward) * 4deg));animation-timing-function:cubic-bezier(.37,0,.63,1);top:40%}80%{transform:translate(calc(-50% + var(--to-center) * .8), -50%) scale(1.14) rotate(calc(var(--toward) * -3deg));opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);top:30%}to{transform:translate(calc(-50% + var(--to-center) * .9), -50%) scale(1.2);opacity:0;top:4%}}@keyframes bell{0%{scale:1.07 .92}to{scale:.95 1.07}}@keyframes glow-pulse{0%{filter:brightness(1) drop-shadow(0 0 10px rgb(var(--glow,160 240 255) / .5))}to{filter:brightness(1.25) drop-shadow(0 0 30px rgb(var(--glow,160 240 255) / .95))}}.dive-reveal--scuttle{z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.2s 80ms both scuttle}.dive-reveal--scuttle.is-foe{animation:2.3s .33s both scuttle-pounce}.dive-reveal--scuttle .dive-art{filter:drop-shadow(0 0 10px rgb(var(--glow,160 240 255) / .5));animation:.13s linear infinite alternate scurry}.dive-reveal--scuttle.is-foe .dive-art{filter:drop-shadow(0 0 14px rgb(var(--glow,242 84 91) / .6))}.dive-reveal--scuttle:after{content:"";aspect-ratio:3;opacity:0;background:radial-gradient(#d7cdb9bf,#0000 70%);border-radius:50%;width:80%;animation:.32s ease-out .65s 5 scurry-dust;position:absolute;bottom:-8%;left:50%;translate:-50%}.dive-reveal--scuttle.is-foe:after{animation-iteration-count:3;animation-delay:.9s}@keyframes scuttle{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}13%{transform:translate(calc(-50% + var(--toward) * 30%), -50%) scale(1) rotate(calc(var(--toward) * -14deg));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);top:36%}25%{transform:translate(calc(-50% + var(--toward) * 55%), -100%) scale(1.18, .8);animation-timing-function:cubic-bezier(.34,1.8,.64,1);top:91%}32%{transform:translate(calc(-50% + var(--toward) * 65%), -100%) scale(1);animation-timing-function:cubic-bezier(.37,0,.63,1);top:91%}to{transform:translate(calc(-50% + var(--toward) * var(--cross)), -100%) scale(1);opacity:1;top:91%}}@keyframes scuttle-pounce{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}12%{transform:translate(calc(-50% + var(--toward) * 20%), -50%) scale(1) rotate(calc(var(--toward) * -14deg));opacity:1;animation-timing-function:cubic-bezier(.55,0,1,.45);top:38%}22%{transform:translate(calc(-50% + var(--to-center) * .3), -100%) scale(1.18, .8);animation-timing-function:cubic-bezier(.34,1.8,.64,1);top:91%}30%{transform:translate(calc(-50% + var(--to-center) * .4), -100%) scale(1);animation-timing-function:linear;top:91%}48%{transform:translate(calc(-50% + var(--to-center) * .8), -100%) scale(1);animation-timing-function:cubic-bezier(.65,0,.35,1);top:91%}56%{transform:translate(calc(-50% + var(--to-center) * .85), -100%) scale(1.15, .8);animation-timing-function:cubic-bezier(.7,0,.84,0);top:91%}64%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.4) rotate(calc(var(--toward) * 8deg));animation-timing-function:cubic-bezier(.33,1,.68,1);top:50%}74%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.1) rotate(calc(var(--toward) * 3deg));top:50%}88%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.2);opacity:1;top:50%}to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.6);opacity:0;top:50%}}@keyframes scurry{0%{translate:0;rotate:-2deg}to{translate:0 -5%;rotate:2deg}}@keyframes scurry-dust{0%{opacity:0;scale:.3}30%{opacity:.9}to{opacity:0;scale:1.5 1}}.dive-reveal--latch{z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.3s .33s both latch}.dive-reveal--latch.is-friend{animation-delay:80ms}.dive-reveal--latch.is-floater{--let-go:10%}.dive-reveal--latch .dive-art{filter:drop-shadow(0 0 14px rgb(var(--glow,242 84 91) / .6))}@keyframes latch{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);transform:translate(-50%,-50%)scale(.1)}16%{transform:translate(calc(-50% + var(--toward) * 35%), -50%) scale(1) rotate(calc(var(--toward) * -12deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);top:40%}32%{transform:translate(calc(-50% + var(--to-center) * .55), -50%) scale(1.1) rotate(calc(var(--toward) * 10deg));animation-timing-function:cubic-bezier(.65,0,.35,1);top:58%}46%{transform:translate(calc(-50% + var(--to-center) * .75), -50%) scale(1.15) rotate(calc(var(--toward) * -6deg));animation-timing-function:cubic-bezier(.65,0,.35,1);top:46%}54%{transform:translate(calc(-50% + var(--to-center) * .6), -50%) scale(.9);animation-timing-function:cubic-bezier(.7,0,.84,0);top:50%}64%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.8, 2.5);animation-timing-function:cubic-bezier(.34,1.8,.64,1);top:50%}70%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.9, 3.1);animation-timing-function:cubic-bezier(.65,0,.35,1);top:50%}77%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(3.2, 2.85);animation-timing-function:cubic-bezier(.65,0,.35,1);top:50%}84%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.95, 3.05);opacity:1;animation-timing-function:cubic-bezier(.7,0,.84,0);top:50%}to{top:var(--let-go,80%);transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.7) rotate(calc(var(--toward) * 24deg));opacity:0}}.dive-reveal--stomp{z-index:6;animation:3.2s .15s both stomp}.dive-reveal--stomp .dive-art{filter:drop-shadow(0 0 20px rgb(var(--glow,255 236 180) / .45))}@keyframes stomp{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.06)}20%{transform:translate(calc(-50% + var(--toward) * 30%), -100%) scale(1);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);top:94%}33%{transform:translate(calc(-50% + var(--toward) * 50%), -100%) rotate(calc(var(--toward) * -2deg));animation-timing-function:cubic-bezier(.7,0,.84,0);top:90%}40%{transform:translate(calc(-50% + var(--toward) * 70%), -100%) scale(1.02, .97);animation-timing-function:cubic-bezier(.65,0,.35,1);top:94%}53%{transform:translate(calc(-50% + var(--toward) * 90%), -100%) rotate(calc(var(--toward) * 2deg));animation-timing-function:cubic-bezier(.7,0,.84,0);top:90%}60%{transform:translate(calc(-50% + var(--toward) * 110%), -100%) scale(1.02, .97);animation-timing-function:cubic-bezier(.65,0,.35,1);top:94%}73%{transform:translate(calc(-50% + var(--toward) * 130%), -100%) rotate(calc(var(--toward) * -2deg));animation-timing-function:cubic-bezier(.7,0,.84,0);top:90%}80%{transform:translate(calc(-50% + var(--toward) * 150%), -100%) scale(1.02, .97);opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);top:94%}to{transform:translate(calc(-50% + var(--toward) * 180%), -100%) scale(1);opacity:0;top:94%}}.dive.is-stomp{animation:3.2s .15s stomp-shake}@keyframes stomp-shake{0%,39%,46%,59%,66%,79%,86%,to{transform:none}41%,61%,81%{transform:translateY(12px)}43%,63%,83%{transform:translateY(-5px)}}.dive-reveal--swarm{--bite-x:calc(-50% + var(--to-center) - var(--toward) * var(--lane) * .5);--bite-y:calc(-50% + var(--lane) * .9);z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.3s .33s both swarm}.dive-reveal--swarm .dive-art{filter:drop-shadow(0 0 10px rgb(var(--glow,242 84 91) / .55))}@keyframes swarm{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}14%{transform:translate(calc(-50% + var(--toward) * (40% + var(--nth) * 22%)), calc(-50% + var(--lane))) scale(1) rotate(calc(var(--toward) * -8deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}28%{transform:translate(calc(-50% + var(--to-center) * .4 + var(--toward) * var(--lane) * .6), calc(-50% - var(--lane) * .8)) rotate(calc(var(--toward) * 12deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}42%{transform:translate(calc(-50% + var(--to-center) * .7 - var(--toward) * var(--nth) * 22%), calc(-50% + var(--lane) * 1.2)) rotate(calc(var(--toward) * -6deg));animation-timing-function:cubic-bezier(.65,0,.35,1)}54%{transform:translate(calc(-50% + var(--to-center) * .55), calc(-50% + var(--lane) * .6)) scale(.95) rotate(calc(var(--toward) * -14deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}64%{transform:translate(var(--bite-x), var(--bite-y)) scale(2.3);animation-timing-function:cubic-bezier(.33,1,.68,1)}70%{transform:translate(var(--bite-x), var(--bite-y)) scale(2.1) rotate(calc(var(--toward) * 5deg))}76%{transform:translate(var(--bite-x), var(--bite-y)) scale(2.25) rotate(calc(var(--toward) * -5deg))}82%{transform:translate(var(--bite-x), var(--bite-y)) scale(2.15) rotate(calc(var(--toward) * 3deg))}88%{transform:translate(var(--bite-x), var(--bite-y)) scale(2.2);opacity:1}to{transform:translate(var(--bite-x), var(--bite-y)) scale(2.5);opacity:0}}.dive-reveal--zap{z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.3s .33s both zap}.dive-reveal--zap .dive-art{animation:2.3s .33s both zap-charge}@keyframes zap{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}18%{transform:translate(calc(-50% + var(--toward) * 40%), -50%) scale(1) rotate(calc(var(--toward) * -8deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);top:42%}32%{transform:translate(calc(-50% + var(--to-center) * .55), -50%) rotate(calc(var(--toward) * 8deg));animation-timing-function:cubic-bezier(.65,0,.35,1);top:58%}46%{transform:translate(calc(-50% + var(--to-center) * .85), -50%) rotate(calc(var(--toward) * -5deg));animation-timing-function:cubic-bezier(.65,0,.35,1);top:46%}56%{transform:translate(calc(-50% + var(--to-center) * .8), -50%) scale(1.1);animation-timing-function:cubic-bezier(.7,0,.84,0);top:50%}64%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.2);animation-timing-function:cubic-bezier(.33,1,.68,1);top:50%}68%{transform:translate(calc(-50% + var(--to-center) + 3%), -50%) scale(2.05);top:50%}72%{transform:translate(calc(-50% + var(--to-center) - 3%), -50%) scale(2.15);top:50%}76%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.1);top:50%}88%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.1);opacity:1;top:50%}to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.3);opacity:0;top:50%}}@keyframes zap-charge{0%,30%{filter:brightness(1) drop-shadow(0 0 10px rgb(var(--glow,120 210 255) / .6))}56%{filter:brightness(1.6)drop-shadow(0 0 26px #78dcffe6)}60%{filter:brightness(1.2)drop-shadow(0 0 14px #78dcffe6)}64%{filter:brightness(3)drop-shadow(0 0 60px #dcfaff)}70%{filter:brightness(1.4)drop-shadow(0 0 20px #78dcff)}74%{filter:brightness(2.4)drop-shadow(0 0 40px #c8f5ff)}80%,to{filter:brightness(1.1)drop-shadow(0 0 16px #78dcffcc)}}.dive.is-zap{animation:.6s step-end 1.78s jolt}@keyframes jolt{0%{filter:brightness(1.6)saturate(.4);transform:translate(-7px,3px)}20%{filter:brightness(.8);transform:translate(6px,-4px)}40%{filter:brightness(1.4)saturate(.6);transform:translate(-4px,2px)}60%{filter:none;transform:translate(3px,-1px)}80%{transform:none}}.dive-reveal--hypnotize{z-index:6;transform-origin:calc(50% + var(--aim-x)) calc(50% + var(--aim-y));animation:2.3s .33s both hypnotize}.dive-reveal--hypnotize .dive-art{filter:drop-shadow(0 0 20px rgb(var(--glow,220 140 255) / .8))}.dive-reveal--hypnotize.is-mesmer .dive-art{animation:1.2s linear infinite rainbow}@keyframes hypnotize{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}20%{transform:translate(calc(-50% + var(--to-center) * .45), -50%) scale(1) rotate(calc(var(--toward) * -8deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);top:46%}34%{transform:translate(calc(-50% + var(--to-center) * .75), -50%) scale(1.15) rotate(calc(var(--toward) * 8deg));animation-timing-function:cubic-bezier(.65,0,.35,1);top:52%}47%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.3) rotate(calc(var(--toward) * -8deg));animation-timing-function:cubic-bezier(.65,0,.35,1);top:48%}57%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(1.4) rotate(calc(var(--toward) * 6deg));animation-timing-function:cubic-bezier(.7,0,.84,0);top:50%}64%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.5);animation-timing-function:cubic-bezier(.33,1,.68,1);top:50%}78%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.35) rotate(calc(var(--toward) * -4deg));animation-timing-function:cubic-bezier(.65,0,.35,1);top:50%}88%{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.4) rotate(calc(var(--toward) * 3deg));opacity:1;top:50%}to{transform:translate(calc(-50% + var(--to-center)), -50%) scale(2.6);opacity:0;top:50%}}@keyframes rainbow{0%{filter:hue-rotate()drop-shadow(0 0 20px #ff8ce6cc)}to{filter:hue-rotate(360deg)drop-shadow(0 0 20px #ff8ce6cc)}}.dive.is-hypnotize{animation:1.3s cubic-bezier(.37,0,.63,1) 1.8s woozy}@keyframes woozy{25%{filter:hue-rotate(50deg)saturate(1.5);transform:skew(5deg)rotate(-1deg)}50%{filter:hue-rotate(-50deg)blur(1px);transform:skew(-5deg)rotate(1deg)}75%{filter:hue-rotate(25deg);transform:skew(2deg)}}.dive-reveal--gas{z-index:6;animation:2.6s .33s both gas}.dive-reveal--gas .dive-art{filter:drop-shadow(0 0 14px rgb(var(--glow,220 230 90) / .6))}@keyframes gas{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);transform:translate(-50%,-50%)scale(.1)}20%{transform:translate(calc(-50% + var(--toward) * 40%), -50%) scale(1) rotate(calc(var(--toward) * -4deg));opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);top:40%}42%{transform:translate(calc(-50% + var(--to-center) * .6), -50%) scale(1.05) rotate(calc(var(--toward) * 3deg));animation-timing-function:cubic-bezier(.65,0,.35,1);top:32%}52%{transform:translate(calc(-50% + var(--to-center) * .65), -50%) scale(1.14, .9);animation-timing-function:cubic-bezier(.34,1.8,.64,1);top:30%}60%{transform:translate(calc(-50% + var(--to-center) * .65), -50%) scale(1);opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);top:30%}to{transform:translate(calc(-50% + var(--to-center) * .65 + var(--toward) * 140%), -50%) scale(.9) rotate(calc(var(--toward) * -10deg));opacity:0;top:8%}}.dive.is-gas{animation:.32s 1.75s thud}.dive-darken.is-leviathan{background:radial-gradient(circle at var(--x,50%) 50%, #14000c80, #020008ed 70%)}.dive-banner-fact{font-family:var(--font-comic);letter-spacing:.04em;color:var(--ink);background:var(--paper);border:4px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;margin:0;padding:2px 18px 4px;font-size:clamp(26px,4.4vw,56px);line-height:1.1;rotate:2deg}.dive-banner-fact span{color:var(--go);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.dive-new{font-family:var(--font-comic);letter-spacing:.05em;color:var(--ink);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink), 0 0 24px 6px #ffe678a6;background:#fff6c8;border-radius:999px;margin:0;padding:3px 16px 3px 6px;font-size:clamp(18px,2.6vw,30px);line-height:1.1;animation:.6s cubic-bezier(.34,1.8,.64,1) both new-pop;position:relative}.dive-new-tag{color:var(--paper);border:2px solid var(--ink);-webkit-text-stroke:1px var(--ink);paint-order:stroke fill;background:linear-gradient(90deg,#f2545b,#ff8a3b);border-radius:999px;margin-right:6px;padding:0 10px;display:inline-block}.dive-new:before,.dive-new:after{content:"✦";color:var(--sun);text-shadow:0 0 8px #fff0aaf2;animation:.5s cubic-bezier(.65,0,.35,1) infinite alternate both twinkle;animation-delay:inherit;font-size:1.3em;position:absolute;top:-.7em}.dive-new:before{left:-.6em}.dive-new:after{color:#4de3ff;animation-duration:.65s;top:auto;bottom:-.6em;right:-.5em}@keyframes new-pop{0%{opacity:0;rotate:-14deg;scale:.2}to{opacity:1;rotate:3deg;scale:1}}@keyframes twinkle{0%{opacity:0;rotate:0deg;scale:.4}to{opacity:1;rotate:90deg;scale:1.2}}.dive-banner.is-good.is-leviathan:not(.is-cruise){animation-duration:2.4s;animation-delay:.9s}.dive-flash.is-zap{background:radial-gradient(circle,#f0fcff80,#5ac8ffd9 75%);animation-duration:.7s}.dive-flash.is-hypnotize{background:radial-gradient(circle,#ffdcfa33,#be5affbf 75%)}.dive-flash.is-gas{background:radial-gradient(circle,#faffc84d,#c8d23cb3 75%)}.dive-flash.is-ghost-leviathan,.dive-flash.is-void-chelicerate,.dive-flash.is-shadow-leviathan{background:radial-gradient(circle,#e6f0ff4d,#506ee6cc 75%)}.dive-flash.is-sea-dragon-leviathan{background:radial-gradient(circle,#fffadce6,#ff9632d9 55%,#dc281ecc)}.dive-banner.is-zap .dive-banner-title{color:#7fe6ff}.dive-banner.is-hypnotize .dive-banner-title{color:#f0a0ff}.dive-banner.is-gas .dive-banner-title{color:#e6f05a}.dive-cracks{z-index:8;pointer-events:none;width:100%;height:100%;animation:1.6s 1.8s both cracks-fade;position:absolute;inset:0}.dive-cracks path{fill:none;stroke:#ebfaffe6;stroke-width:.7px;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 1.5px #78c8ff);animation:.28s cubic-bezier(.16,1,.3,1) 1.8s both crack-run}@keyframes crack-run{to{stroke-dashoffset:0}}@keyframes cracks-fade{0%{opacity:0}1%,75%{opacity:1}to{opacity:0}}.dive-bolts{z-index:8;pointer-events:none;width:100%;height:100%;animation:.7s step-end 1.78s both bolts;position:absolute;inset:0}.dive-bolts path{fill:none;stroke:#e6fbff;stroke-width:1.2px;stroke-linejoin:round;filter:drop-shadow(0 0 2px #64d2ff)drop-shadow(0 0 5px #64d2ff)}.dive-bolts path:nth-child(odd){animation:.12s step-end 1.78s 5 blink}@keyframes bolts{0%{opacity:0}1%{opacity:1}20%{opacity:.3}30%{opacity:1}55%{opacity:0}65%{opacity:1}to{opacity:0}}.dive-swirl{z-index:5;background:repeating-radial-gradient(circle, #ffffff29 0 2%, transparent 2% 5%), repeating-conic-gradient(#ff5ac866 0 12deg, #825aff59 12deg 24deg, #5adcff59 24deg 36deg, transparent 36deg 45deg);pointer-events:none;border-radius:50%;animation:2.8s .5s both swirl-in,3s linear infinite spin;position:absolute;inset:-40%;-webkit-mask:radial-gradient(circle,#000 10%,#0000 62%);mask:radial-gradient(circle,#000 10%,#0000 62%)}@keyframes swirl-in{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);scale:.3}25%{opacity:.6;scale:1}70%{opacity:.6;scale:1.3}to{opacity:0;scale:1.6}}.dive-gas{z-index:8;pointer-events:none;position:absolute;inset:0}.dive-gas-pod{aspect-ratio:1;border:2px solid var(--ink);background:radial-gradient(circle at 35% 30%,#fffbd0,#d8e04a 45%,#8a9a1c 80%);border-radius:50%;width:4%;animation:.7s cubic-bezier(.7,0,.84,0) both gas-pod;position:absolute;translate:-50% -50%}@keyframes gas-pod{0%{opacity:0;transform:translate(0)scale(.4)}15%{opacity:1}92%{opacity:1}to{opacity:0;transform:translateY(120%)scale(2.4)}}.dive-gas-puff{aspect-ratio:1;filter:blur(6px);background:radial-gradient(circle,#e1eb64e6,#afc32da6 45%,#0000 70%);border-radius:50%;animation:1.6s cubic-bezier(.16,1,.3,1) both gas-puff;position:absolute;translate:-50% -50%}@keyframes gas-puff{0%{opacity:0;scale:.1}8%{opacity:1}60%{opacity:.95}to{opacity:0;scale:1.6}}.dive-drain{z-index:8;background:radial-gradient(ellipse at center, transparent 35%, rgb(var(--glow,200 20 40) / .55) 75%, rgb(var(--glow,120 0 20) / .85));pointer-events:none;animation:1.4s 1.8s both drain;position:absolute;inset:0}@keyframes drain{0%{opacity:0}10%,50%{opacity:1}30%,70%{opacity:.4}85%{opacity:.8}to{opacity:0}}.dive-dust{left:var(--x);z-index:7;aspect-ratio:2.4;pointer-events:none;background:radial-gradient(#d2c8b4d9,#968c7866 50%,#0000 70%);border-radius:50%;width:18%;animation:.9s cubic-bezier(.16,1,.3,1) both dust;position:absolute;top:93%;translate:-50% -50%}@keyframes dust{0%{opacity:0;scale:.2}10%{opacity:1}to{opacity:0;translate:-50% -90%;scale:1.7 1.3}}.stage--balloon{isolation:isolate;background:url(/balloon/sky.png) 50%/100% 100%}.stage--balloon .stage-video{z-index:5;width:16%;height:auto;aspect-ratio:var(--aspect);border:3px solid var(--ink);border-radius:10px;inset:2% auto auto 2%}.stage--balloon .fist{display:none}.stage--balloon .stage-question{z-index:4}.balloon-streak,.balloon-clouds{z-index:-1;pointer-events:none;background-repeat:repeat-x;background-size:50% 100%;width:200%;position:absolute;left:0}.balloon-streak{background-image:url(/balloon/cloud-streak.webp);height:14%;animation:100s linear infinite balloon-drift;top:2%}.balloon-clouds{background-image:url(/balloon/clouds.webp);height:30%;animation:140s linear infinite balloon-drift;bottom:14%}@keyframes balloon-drift{to{translate:-50%}}.balloon-hills{pointer-events:none;background-size:100% 100%;width:100%;position:absolute;left:0}.balloon-hills--far{z-index:-1;background-image:url(/balloon/hills-farground.webp);height:20%;bottom:5%}.balloon-hills--mid{z-index:3;background-image:url(/balloon/hills-midground.webp);height:7%;bottom:4%}.balloon-hills--near{z-index:3;background-image:url(/balloon/hills-foreground.webp);height:8%;bottom:-1%}.balloon{z-index:2;aspect-ratio:1;background:0 0;border:0;width:17%;padding:0;transition:opacity .3s;position:absolute;translate:-50% -50%}.balloon-flier{transform-origin:50% 90%;transition:scale .25s cubic-bezier(.34,1.8,.64,1);animation:2.2s ease-in-out infinite alternate balloon-tilt;position:absolute;inset:0}@keyframes balloon-tilt{0%{rotate:-4deg}to{rotate:4deg}}.balloon-string{width:13%;position:absolute;top:84%;left:50%;translate:-50%}.balloon-body{position:absolute;inset:0;overflow:hidden}.balloon-body img{width:600%;height:100%;display:block}.balloon-number.balloon-number--words{white-space:nowrap;padding:2px 10px 4px;font-size:clamp(14px,1.8vw,22px)}.balloon-number:empty{display:none}.balloon-number{background:var(--paper);border:4px solid var(--ink);min-width:46%;box-shadow:3px 3px 0 var(--ink);text-align:center;border-radius:999px;padding:0 8px 3px;font-size:clamp(22px,3.4vw,44px);font-weight:800;line-height:1.15;transition:background .15s;position:absolute;top:42%;left:50%;translate:-50% -50%}.balloon.is-aimed .balloon-flier{scale:1.12}.balloon.is-aimed .balloon-body{animation:.26s ease-in-out infinite alternate balloon-squeeze}.balloon.is-aimed .balloon-number{background:var(--sun)}@keyframes balloon-squeeze{to{scale:1.04 .96}}.balloon.is-popped .balloon-flier{animation:none}.balloon.is-popped .balloon-body img{animation:.4s steps(5,end) forwards balloon-burst}@keyframes balloon-burst{0%{translate:-16.667%}to{translate:-100%}}.balloon.is-popped .balloon-number{background:var(--go);animation:.45s cubic-bezier(.16,1,.3,1) forwards balloon-number-pop}@keyframes balloon-number-pop{60%{opacity:1}to{opacity:0;scale:1.6}}.balloon.is-popped .balloon-string{animation:.6s cubic-bezier(.7,0,.84,0) forwards balloon-string-fall}@keyframes balloon-string-fall{to{opacity:0;translate:-50% 250%;rotate:25deg}}.balloon-confetti{width:calc(16% * var(--size));filter:drop-shadow(2px 2px 0 var(--ink));pointer-events:none;animation:.65s cubic-bezier(.16,1,.3,1) 40ms both balloon-confetti;position:absolute;top:42%;left:50%;translate:-50% -50%}@keyframes balloon-confetti{0%{opacity:0;scale:.2}10%{opacity:1}75%{opacity:1}to{opacity:0;scale:1;rotate:var(--spin);translate:calc(-50% + var(--dx)) calc(-50% + var(--dy))}}.balloon-word{font-family:var(--font-comic);color:var(--sun);-webkit-text-stroke:3px var(--ink);text-shadow:4px 4px 0 var(--ink);white-space:nowrap;pointer-events:none;font-size:clamp(34px,6vw,80px);position:absolute;top:30%;left:50%;translate:-50% -50%}.balloon-word--pop{animation:.45s cubic-bezier(.34,1.8,.64,1) both balloon-word}@keyframes balloon-word{0%{opacity:0;rotate:-20deg;scale:0}to{opacity:1;rotate:-6deg;scale:1}}.balloon.is-zipping .balloon-flier{animation:1.9s cubic-bezier(.45,0,.55,1) forwards balloon-zip}@keyframes balloon-zip{0%{translate:0;rotate:0deg;scale:1}8%{translate:0 -10%;rotate:-14deg;scale:1.1 1}20%{translate:-130% -80%;rotate:-80deg;scale:.95}34%{translate:60% 10%;rotate:60deg;scale:.9}48%{translate:160% -140%;rotate:200deg;scale:.8}62%{translate:-60% -200%;rotate:330deg;scale:.7}76%{opacity:1;translate:80% -60%;rotate:470deg;scale:.55}to{opacity:0;translate:-350% -600%;rotate:720deg;scale:.3}}.balloon-word--raspberry{color:var(--paper);font-size:clamp(28px,4.6vw,60px);animation:.45s cubic-bezier(.34,1.8,.64,1) .7s both balloon-word,70ms linear 1.15s 12 alternate balloon-raspberry}@keyframes balloon-raspberry{0%{translate:-53% -50%}to{translate:-47% -53%}}.balloon.is-showing-right .balloon-body{filter:drop-shadow(0 0 10px var(--go)) drop-shadow(0 0 4px var(--paper))}.balloon.is-showing-right .balloon-number{background:var(--go);animation:.5s cubic-bezier(.34,1.8,.64,1) both balloon-right}@keyframes balloon-right{50%{scale:1.45}to{scale:1.2}}.balloon.is-floating{opacity:.7}.nose-pointer{z-index:6;aspect-ratio:1;border:4px solid var(--ink);width:5.5%;box-shadow:3px 3px 0 var(--ink);pointer-events:none;background:radial-gradient(circle at 34% 30%,#fff 0 9%,#ff7b7b 15%,#e02a3c 55%,#8f1028 100%);border-radius:50%;transition:opacity .2s,scale .25s cubic-bezier(.34,1.8,.64,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.nose-pointer:before{content:"";border:4px dashed #ffffffe6;border-radius:50%;transition:inset .25s cubic-bezier(.34,1.8,.64,1),border-color .15s;animation:6s linear infinite nose-ring;position:absolute;inset:-60%}@keyframes nose-ring{to{rotate:360deg}}.nose-pointer.is-aimed{scale:1.15}.nose-pointer.is-aimed:before{border-style:solid;border-color:var(--sun);inset:-32%}.nose-pointer.is-leaning{scale:.8}.nose-pointer.is-lost:not(.is-keyed){opacity:.35}.nose-pointer.is-resting{opacity:.25;scale:.7}.nose-pointer-hint{font-family:var(--font-comic);color:var(--paper);-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 2px 0 var(--ink);white-space:nowrap;opacity:0;font-size:clamp(18px,2.4vw,30px);transition:opacity .15s,scale .3s cubic-bezier(.34,1.8,.64,1);position:absolute;top:140%;left:50%;translate:-50%;scale:.5}.nose-pointer.is-aimed .nose-pointer-hint{opacity:1;scale:1}.finger-pointer{--size:1;z-index:6;aspect-ratio:1;border:3px solid var(--ink);background:var(--paper);width:3.4%;box-shadow:var(--drop);pointer-events:none;translate:-50% -50%;scale:calc(var(--size) * (1 - var(--push,0) * .3));border-radius:50%;transition:opacity .2s,scale .12s ease-out,background-color .12s,box-shadow .12s;position:absolute;top:50%;left:50%}.finger-pointer:before{content:"";border:4px dashed #ffffffe6;border-radius:50%;transition:inset .25s cubic-bezier(.34,1.8,.64,1),border-color .15s;animation:6s linear infinite nose-ring;position:absolute;inset:-60%}.finger-pointer.is-aimed{--size:1.15;box-shadow:none;background:0 0}.finger-pointer.is-aimed:before{border-style:solid;border-color:var(--sun);inset:-32%}.finger-pointer.is-pushing{background:var(--pop);box-shadow:var(--drop-pressed)}.finger-pointer.is-lost:not(.is-keyed){opacity:.35}.finger-pointer.is-resting{--size:.7;opacity:.25}.finger-pointer-hint{font-family:var(--font-comic);color:var(--paper);-webkit-text-stroke:1.5px var(--ink);text-shadow:2px 2px 0 var(--ink);white-space:nowrap;opacity:0;font-size:clamp(18px,2.4vw,30px);transition:opacity .15s,scale .3s cubic-bezier(.34,1.8,.64,1);position:absolute;top:150%;left:50%;translate:-50%;scale:.5}.finger-pointer.is-aimed .finger-pointer-hint{opacity:1;scale:1}.stage--birds{isolation:isolate;background:linear-gradient(#2fb5f2,#8fdcff 58%,#d5f6ff);container-type:size}.stage--birds .stage-video{width:16%;height:auto;aspect-ratio:var(--aspect);border:3px solid var(--ink);z-index:6;border-radius:10px;inset:auto auto 3% 2%}.stage--birds.is-flying .fist,.stage--birds .stage-lost{display:none}.stage--birds .stage-question{z-index:6;padding:1cqh 3.4cqh 1.6cqh;font-size:7cqh}.stage--birds .stage-question:before,.stage--birds .stage-question:after{display:none}.stage--birds .stage-question.is-right{background:var(--mint)}.stage--birds .stage-question--words{white-space:nowrap;font-size:5.6cqh}.sky-layer{pointer-events:none;background-repeat:repeat-x;background-size:50% 100%;width:200%;position:absolute;left:0}.sky-layer--streak{opacity:.85;background-image:url(/birds/streak.webp);height:22%;top:1%}.sky-layer--bank{background-image:url(/birds/cloud-bank.webp);height:40%;top:44%}.sky-layer--far{background-image:url(/birds/mountains-far.webp);height:28%;bottom:9%}.sky-layer--near{background-image:url(/birds/mountains-near.webp);height:10%;bottom:6%}.sky-layer--hills{background-image:url(/birds/hills.webp);height:10%;bottom:0}.sky-layer--front{z-index:5;background-image:url(/perch/clouds.webp);height:18%;bottom:-6%}.sky-thing{width:var(--w);height:var(--h);margin:calc(var(--h) / -2) 0 0 calc(var(--w) / -2);pointer-events:none;position:absolute;top:0;left:0;translate:-100cqh -100cqh}.sky-thing>svg{display:block}.sky-ring{z-index:2;--w:14.6cqh;--h:20cqh}.sky-ring--front{z-index:5}.sky-ring-value{z-index:3;--w:20cqh;--h:10cqh;color:var(--paper);font-family:var(--font-comic);letter-spacing:.03em;-webkit-text-stroke:.9cqh var(--ink);paint-order:stroke fill;white-space:nowrap;place-items:center;font-size:8cqh;line-height:1;display:grid}.sky-ring-value--long{letter-spacing:0;-webkit-text-stroke-width:.6cqh;font-size:5.2cqh}.sky-ring-value--arrow svg{width:7cqh;height:8.2cqh;animation:.7s ease-in-out infinite alternate ring-hint}.sky-ring-value[data-pickable]{pointer-events:auto;cursor:pointer}.sky-ring-value[data-hinted]{color:var(--sun);animation:.7s ease-in-out infinite alternate ring-hint}@keyframes ring-hint{to{scale:1.15}}.sky-ring.is-burst>svg{animation:.52s cubic-bezier(.2,.8,.3,1) forwards ring-burst}@keyframes ring-burst{to{opacity:0;scale:1.7}}.sky-ring-value.is-burst,.sky-ring-value.is-answer{color:var(--go)}.sky-ring-value.is-burst{animation:.6s cubic-bezier(.34,1.8,.64,1) forwards value-pop}@keyframes value-pop{40%{opacity:1;scale:1.5}to{opacity:0;scale:1.2}}.sky-ring.is-bumped>svg{animation:.5s ease-out ring-wobble}@keyframes ring-wobble{25%{rotate:-9deg}55%{rotate:6deg}80%{rotate:-2deg}}.sky-ring-value.is-bumped{color:var(--pop)}.sky-ring-value.is-answer{animation:.4s ease-in-out infinite alternate ring-hint}.sky-storm{z-index:3;--w:26cqh;--h:17.3cqh;animation:1.6s ease-in-out infinite alternate storm-drift}@keyframes storm-drift{to{rotate:3deg}}.sky-storm.is-zapping{animation:.52s steps(2,end) 2 storm-zap}@keyframes storm-zap{50%{opacity:.4;scale:1.08}}.sky-feather{z-index:3;--w:5.2cqh;--h:9cqh;animation:.9s ease-in-out infinite alternate feather-sway}@keyframes feather-sway{0%{rotate:-14deg}to{rotate:14deg}}.sky-feather.is-caught{opacity:0;animation:none}.sky-nest{z-index:2;--w:42cqh;--h:28cqh}.sky-nest--front{z-index:5}.sky-spark{z-index:3;--w:4.4cqh;--h:4.4cqh;opacity:0}.sky-bird{z-index:4;--w:17cqh;--h:16.2cqh}.sky-bird-body{width:100%;height:100%;display:block;overflow:hidden;scale:-1 1}.sky-bird-body img{width:800%;height:100%;animation:.48s steps(8,end) infinite sky-flap;display:block}@keyframes sky-flap{to{translate:-100%}}.sky-bird.is-arriving .sky-bird-body{animation:2.4s cubic-bezier(.2,.7,.3,1) both bird-arrive}@keyframes bird-arrive{0%{translate:-70cqh 6cqh}}.sky-bird.is-landed .sky-bird-body img{animation-play-state:paused}.sky-lost{z-index:8;font-family:var(--font-comic);letter-spacing:.04em;text-align:center;white-space:nowrap;margin:0;font-size:6cqh;animation:.3s cubic-bezier(.34,1.8,.64,1) sky-pop-in;position:absolute;top:50%;left:50%;translate:-50% -50%}.sky-landed{z-index:8;font-family:var(--font-comic);letter-spacing:.04em;white-space:nowrap;align-items:center;gap:2cqh;margin:0;font-size:8cqh;animation:.42s cubic-bezier(.34,1.8,.64,1) sky-pop-in;display:flex;position:absolute;top:34%;left:50%;translate:-50% -50%}.sky-landed svg{width:5cqh;height:8.6cqh}@keyframes sky-pop-in{0%{opacity:0;scale:.4}}.sky-hud{z-index:6;align-items:center;gap:1.5cqh;display:flex;position:absolute;top:4%;left:2%}.sky-meter,.sky-count{background:var(--paper);border:var(--outline) solid var(--ink);box-shadow:var(--drop);border-radius:999px;align-items:center;margin:0;display:flex}.sky-meter{gap:.4cqh;padding:.7cqh 1.4cqh}.sky-meter-slot{filter:grayscale();opacity:.3;width:3.2cqh;height:5.6cqh}.sky-meter-slot.is-full{filter:none;opacity:1;animation:.3s cubic-bezier(.34,1.8,.64,1) .38s backwards slot-fill}@keyframes slot-fill{0%{filter:grayscale();opacity:.3;scale:.3}}.sky-meter-shield{filter:grayscale();opacity:.35;width:4.4cqh;height:5.4cqh;margin-left:.8cqh}.sky-meter.has-shield{background:var(--sun)}.sky-meter.has-shield .sky-meter-shield{filter:none;opacity:1;animation:.9s ease-in-out infinite alternate shield-glow}.sky-count{font-family:var(--font-comic);letter-spacing:.03em;gap:1cqh;padding:.6cqh 2cqh .6cqh 1.2cqh;font-size:5.4cqh;line-height:1}.sky-count svg{width:3.2cqh;height:5.6cqh}.sky-shield{border:.9cqh solid var(--sun);box-shadow:0 0 0 .45cqh var(--ink), inset 0 0 0 .45cqh var(--ink);opacity:0;pointer-events:none;background:#ffd6404d;border-radius:50%;position:absolute;inset:-16% -10%}.sky-bird.has-shield .sky-shield{opacity:1;animation:.42s cubic-bezier(.34,1.8,.64,1) shield-on,.9s ease-in-out .42s infinite alternate shield-glow}@keyframes shield-on{0%{opacity:0;scale:.3}}@keyframes shield-glow{to{scale:1.07}}.sky-loose{z-index:7;--w:5.2cqh;--h:9cqh}.sky-drop{z-index:5;--w:1.9cqh;--h:3.4cqh;border:.35cqh solid var(--ink);background:#6fc3ff;border-radius:50%/62% 62% 38% 38%}.sky-dim{z-index:3;opacity:0;pointer-events:none;background:#20213d52;position:absolute;inset:0}.sky-ghost{z-index:6;opacity:0;pointer-events:none;width:14cqh;height:15cqh;position:absolute;top:0;left:10cqh}.sky-ghost--up{animation:1.8s ease-in-out infinite ghost-up}.sky-ghost--down{animation:1.8s ease-in-out infinite ghost-down}@keyframes ghost-up{0%{opacity:0;translate:0 58cqh}15%{opacity:.9;translate:0 58cqh}65%,85%{opacity:.9;translate:0 24cqh}to{opacity:0;translate:0 24cqh}}@keyframes ghost-down{0%{opacity:0;translate:0 32cqh}15%{opacity:.9;translate:0 32cqh}65%,85%{opacity:.9;translate:0 62cqh}to{opacity:0;translate:0 62cqh}}.sky-ghost-hand{place-items:center;width:100%;height:100%;font-size:12cqh;line-height:1;display:grid}.sky-ghost-arrow{width:6cqh;height:7cqh;position:absolute;top:3cqh;left:100%}.sky-legend{z-index:6;font-family:var(--font-comic);letter-spacing:.03em;white-space:nowrap;align-items:center;gap:6cqh;padding:1.2cqh 3.6cqh;font-size:6.6cqh;line-height:1;animation:.42s cubic-bezier(.34,1.8,.64,1) sky-pop-in;display:flex;position:absolute;bottom:17%;left:50%;translate:-50%}.sky-legend-part{align-items:center;gap:1cqh;display:flex}.sky-legend-feather{width:4.2cqh;height:7.3cqh}.sky-legend-shield{width:5.8cqh;height:7cqh}.sky-legend-storm{width:12cqh;height:8cqh}.sky-nest-feather{left:calc(50% + var(--u) * 27%);transform-origin:50% 100%;width:5.4cqh;height:9.4cqh;rotate:calc(var(--u) * 40deg);animation:nest-feather-in .38s calc(var(--i) * 70ms) cubic-bezier(.34, 1.8, .64, 1) backwards;margin:-8.4cqh 0 0 -2.7cqh;position:absolute;top:36%}@keyframes nest-feather-in{0%{opacity:0;scale:0}}.stage--clap{background:#4c4a60}.clap-floor{background:radial-gradient(ellipse at 50% 55%, transparent 35%, #0a0818a6 100%), repeating-linear-gradient(90deg, #262536 0 3px, transparent 3px 12.5%), repeating-linear-gradient(0deg, #262536 0 3px, transparent 3px 20%), repeating-conic-gradient(#57556d 0 25%, #605e78 0 50%) 0 0 / 25% 40%;position:absolute;inset:0}.clap-floor:before,.clap-floor:after{content:"";aspect-ratio:1;background:radial-gradient(circle,#ffb0408c,#ff78282e 40%,#0000 70%);border-radius:50%;width:45%;animation:1.6s ease-in-out infinite alternate clap-torch;position:absolute;top:-20%}.clap-floor:before{left:-14%}.clap-floor:after{animation-delay:-.7s;right:-14%}@keyframes clap-torch{0%{opacity:.75;scale:.96}40%{opacity:1}55%{opacity:.85;scale:1.04}to{opacity:1;scale:1}}.stage--clap .stage-video{width:18%;height:auto;aspect-ratio:var(--aspect);border:3px solid var(--ink);z-index:3;border-radius:10px;inset:2% 2% auto auto}.stage--clap .fist{display:none}.stage--clap .stage-question{z-index:4}.clap-keys{opacity:.75;font-size:15px}.clap-monster{z-index:2;aspect-ratio:1;background:0 0;border:0;padding:0;animation:.52s cubic-bezier(.34,1.8,.64,1) both clap-monster-in;position:absolute;translate:-50% -50%}@keyframes clap-monster-in{0%{opacity:0;scale:.2 .05}}.clap-monster:before{content:"";background:#0a081873;border-radius:50%;width:70%;height:18%;transition:background-color .15s,box-shadow .15s;position:absolute;bottom:2%;left:50%;translate:-50%}.clap-monster-inner{rotate:var(--lean,0deg);transform-origin:50% 100%;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.clap-monster-sprite{--frame-ms:75ms;height:100%}.clap-sign.clap-sign--words{white-space:nowrap;font-size:clamp(14px,1.7vw,20px)}.clap-sign:empty{display:none}.clap-sign{border:4px solid var(--ink);min-width:70%;box-shadow:3px 4px 0 var(--ink);color:var(--ink);text-align:center;background:linear-gradient(#f8ead0,#e8cf9c);border-radius:10px;padding:.02em .3em .08em;font-size:clamp(26px,3.9vw,50px);font-weight:800;line-height:1.1;transition:scale .26s cubic-bezier(.34,1.8,.64,1),background .15s;position:absolute;bottom:90%;left:50%;translate:-50%}.clap-monster.is-selected:before{background:#ffd23fb3;box-shadow:0 0 22px 8px #ffd23f99}.clap-monster.is-selected .clap-sign{background:var(--paper);scale:1.14}.clap-monster.is-still .clap-monster-sprite{animation-play-state:paused}.clap-monster.is-trapped{z-index:3}.clap-monster.is-trapped .clap-monster-inner{animation:.38s cubic-bezier(.16,1,.3,1) both clap-shrink}@keyframes clap-shrink{to{translate:0 -10%;scale:.5}}.clap-monster .critter-pow{bottom:142%}.clap-monster.is-trapped .clap-sign{background:var(--go);scale:1.18}.clap-monster.is-trapped:before{opacity:0}.clap-jar{width:92%;animation:.38s cubic-bezier(.34,1.8,.64,1) both clap-jar;position:absolute;top:52%;left:50%;overflow:visible;translate:-50% -50%}@keyframes clap-jar{0%{opacity:0;scale:.3}}.clap-jar-glass{fill:#aae1ff66;stroke:var(--ink);stroke-width:4px}.clap-jar-shine{fill:none;stroke:#fffc;stroke-width:4px;stroke-linecap:round}.clap-jar-lid{fill:#b8763c;stroke:var(--ink);stroke-width:4px;animation:.3s cubic-bezier(.34,1.8,.64,1) .2s both clap-lid}@keyframes clap-lid{0%{opacity:0;translate:0 -40px;rotate:-20deg}}.clap-poof i{aspect-ratio:1;background:var(--paper);border:3px solid var(--ink);border-radius:50%;width:34%;margin:-17% 0 0 -17%;animation:.46s cubic-bezier(.16,1,.3,1) both clap-poof;position:absolute;top:50%;left:50%}.clap-poof i:first-child{--out:-110% -60%}.clap-poof i:nth-child(2){--out:110% -70%}.clap-poof i:nth-child(3){--out:-100% 70%}.clap-poof i:nth-child(4){--out:105% 60%}.clap-poof i:nth-child(5){--out:0 -130%}@keyframes clap-poof{0%{opacity:0;scale:.3}20%{opacity:1}to{opacity:0;scale:1.1;translate:var(--out)}}.clap-heart{width:46%;filter:drop-shadow(2px 3px 0 var(--ink));animation:.52s .3s both clap-heart;position:absolute;top:14%;left:50%;translate:-50%}@keyframes clap-heart{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);translate:-50% 40%;scale:.3}45%{opacity:1;animation-timing-function:cubic-bezier(.7,0,.84,0);translate:10% -110%;scale:1.15}80%{animation-timing-function:cubic-bezier(.16,1,.3,1);translate:95% 70%;scale:1}to{opacity:1;translate:95% 55%}}.clap-monster.is-missed .clap-sign{background:var(--pop);color:var(--paper);animation:.36s shake}.clap-monster.is-missed .clap-monster-sprite{--frame-ms:90ms}.clap-oops{color:#7ed957}.clap-monster.is-right{z-index:3}.clap-monster.is-right:before{background:#2bd18bbf;box-shadow:0 0 26px 10px #2bd18ba6}.clap-monster.is-right .clap-sign{background:var(--go);scale:1.22}.clap-monster.is-right .clap-monster-inner{animation:.34s cubic-bezier(.16,1,.3,1) .25s 6 alternate both clap-hop}@keyframes clap-hop{to{translate:0 -16%}}.clap-this{background:var(--go);border:3px solid var(--ink);font-family:var(--font-comic);letter-spacing:.04em;white-space:nowrap;border-radius:8px;padding:0 10px;font-size:clamp(16px,2vw,24px);animation:.5s cubic-bezier(.34,1.8,.64,1) .2s both critter-pow;position:absolute;top:100%;left:50%;translate:-50% 4px}.clap-burst{z-index:5;font-family:var(--font-comic);letter-spacing:.04em;color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);pointer-events:none;background:radial-gradient(closest-side,#ffd23fd9,#ffd23fd9 60%,#0000 62%);padding:.3em .5em;font-size:clamp(26px,3.6vw,46px);animation:.6s cubic-bezier(.16,1,.3,1) both clap-burst;position:absolute;translate:-50% -50%}@keyframes clap-burst{0%{opacity:0;scale:.3}15%{opacity:1}60%{opacity:1;scale:1.1}to{opacity:0;scale:1.2}}.clap-hand.is-left:after{content:"🫱";left:-34%;right:auto}.clap-hand.is-right:after{content:"🫲"}.clap-hand.is-gooey{background:#7ed9574d;border-color:#7ed957}.clap-goo{position:absolute;inset:0}.clap-goo i{border:3px solid var(--ink);transform-origin:50% 0;opacity:0;background:#7ed957;border-top:0;border-radius:0 0 50% 50%;width:16%;height:40%;position:absolute;top:92%}.clap-goo i:after{content:"";aspect-ratio:.8;border:3px solid var(--ink);opacity:0;background:#7ed957;border-radius:50%/40% 40% 60% 60%;width:90%;margin-left:-45%;position:absolute;top:100%;left:50%}.clap-goo i:first-child{left:22%}.clap-goo i:nth-child(2){--delay:.26s;left:46%}.clap-goo i:nth-child(3){--delay:.52s;left:66%}.clap-hand.is-gooey .clap-goo i{animation:clap-drip .9s var(--delay,0s) cubic-bezier(.16, 1, .3, 1) infinite}.clap-hand.is-gooey .clap-goo i:after{animation:clap-drop .9s var(--delay,0s) cubic-bezier(.7, 0, .84, 0) infinite}@keyframes clap-drip{0%{opacity:0;scale:1 0}20%{opacity:1}60%,to{opacity:1;scale:1}}@keyframes clap-drop{0%,55%{opacity:0;translate:0}60%{opacity:1}to{opacity:0;translate:0 260%}}.critter-sprite{height:100%;aspect-ratio:var(--ratio,1);background:var(--sprite) 0 0 / calc(var(--frames) * 100%) 100% no-repeat;animation:critter-sprite calc(var(--frames) * var(--frame-ms,60ms)) steps(var(--frames), jump-none) infinite;display:block}@keyframes critter-sprite{0%{background-position-x:0%}to{background-position-x:100%}}.critter-sparkles{pointer-events:none;position:absolute;inset:0}.critter-sparkle{aspect-ratio:1;filter:drop-shadow(0 0 2px var(--ink)) drop-shadow(0 0 6px var(--sun));background-repeat:no-repeat;background-size:900% 100%;animation:.56s steps(9,jump-none) both critter-sprite,.56s cubic-bezier(.16,1,.3,1) both critter-sparkle-pop;position:absolute;translate:-50% -50%}@keyframes critter-sparkle-pop{0%{opacity:0;scale:.2}12%,70%{opacity:1}to{opacity:0;scale:1.25}}.critter-pow{font-family:var(--font-comic);letter-spacing:.04em;white-space:nowrap;color:var(--sun);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);pointer-events:none;z-index:3;font-size:clamp(26px,4vw,52px);line-height:1;animation:.7s cubic-bezier(.34,1.8,.64,1) both critter-pow;position:absolute;bottom:88%;left:50%;translate:-50%}@keyframes critter-pow{0%{opacity:0;rotate:-14deg;scale:.3}40%{opacity:1}to{opacity:1;rotate:-6deg;scale:1}}.critter-hand{z-index:7;aspect-ratio:1;border:4px solid var(--paper);width:10%;box-shadow:0 0 0 3px var(--ink), inset 0 0 0 3px var(--ink);opacity:0;pointer-events:none;background:#ffffff1f;border-radius:50%;transition:scale .2s cubic-bezier(.34,1.8,.64,1),background-color .15s;position:absolute;translate:-50% -50%}.critter-hand:after{filter:drop-shadow(2px 2px 0 var(--ink));font-size:clamp(20px,3vw,38px);line-height:1;position:absolute;bottom:-34%;right:-34%}.sparkles{pointer-events:none;position:absolute}.sparkles span{width:var(--size);aspect-ratio:1;opacity:0;background-size:900% 100%;animation:.64s steps(9,end) both sparkle-frames,.64s cubic-bezier(.16,1,.3,1) both sparkle-pop;position:absolute;translate:-50% -50%}@keyframes sparkle-frames{0%{background-position:0 0}to{background-position:112.5% 0}}@keyframes sparkle-pop{0%{opacity:0;scale:.3}15%{opacity:1;scale:1.15}85%{opacity:1;scale:1}to{opacity:0}}.stage--flip{--spring:cubic-bezier(.34, 1.8, .64, 1);--out-expo:cubic-bezier(.16, 1, .3, 1);--in-expo:cubic-bezier(.7, 0, .84, 0)}.stage--flip.is-splatted{animation:.38s .36s flip-jolt}@keyframes flip-jolt{20%{translate:-10px 6px}45%{translate:8px -6px}70%{translate:-4px 2px}}.flip-counter{z-index:1;border-top:4px solid var(--ink);background:linear-gradient(#f1f7fd 0 10%,#c3d2e2 10% 14%,#0000 14%),repeating-linear-gradient(90deg,#d7e3ef 0 60px,#c7d6e6 60px 64px);height:24%;position:absolute;inset:auto 0 0}.flip-pan{z-index:3;aspect-ratio:1.48;background:0 0;border:0;width:22%;padding:0;position:absolute;translate:-50% -50%}.flip-pan-art{width:140%;position:absolute;top:0;left:0}.flip-pan.is-left .flip-pan-art{left:auto;right:0;scale:-1 1}.flip-flames{z-index:-1;background:radial-gradient(at 50% 100%,#b6f1ff 0 25%,#2d8cff 55%,#0000 72%);border-radius:50%;height:34%;animation:.16s steps(2,end) infinite alternate flip-flicker;position:absolute;bottom:-10%;left:8%;right:8%}@keyframes flip-flicker{to{translate:0 -6%;scale:1.06 1.2}}.flip-cake{width:74%;position:absolute;top:40%;left:50%;translate:-50% -50%}.flip-cake-art{width:100%;display:block}.flip-pan .flip-cake{animation:flip-pour .48s var(--spring) both, flip-jiggle .9s ease-in-out infinite alternate}.flip-number.flip-number--words{text-align:center;text-wrap:balance;width:70%;font-size:clamp(16px,2.2vw,32px)}.flip-number{font-family:var(--font-comic);color:#5a2a06;-webkit-text-stroke:5px var(--paper);paint-order:stroke fill;font-size:clamp(26px,4.4vw,70px);line-height:1;position:absolute;top:40%;left:50%;translate:-50% -50%}@keyframes flip-pour{0%{opacity:0;scale:.2 .1}to{opacity:1;scale:1}}@keyframes flip-jiggle{0%{rotate:-1.5deg}to{rotate:1.5deg}}.flip-pan.is-paused .flip-cake,.flip-pan.is-paused .flip-smoke{animation-play-state:paused}.flip-pan.is-flipped .flip-cake,.flip-pan.is-flung .flip-cake{visibility:hidden}.flip-pan.is-burnt .flip-cake{animation:none}.flip-pan.is-burnt .flip-cake-art{filter:brightness(.28)saturate(.4)}.flip-pan.is-right .flip-cake{animation:.5s ease-in-out infinite alternate flip-glow}.flip-pan.is-burnt.is-right .flip-cake-art{filter:brightness(.6)}@keyframes flip-glow{0%{filter:drop-shadow(4px 0 0 var(--go)) drop-shadow(-4px 0 0 var(--go)) drop-shadow(0 4px 0 var(--go)) drop-shadow(0 -4px 0 var(--go)) drop-shadow(0 0 12px #2bd18b99)}to{filter:drop-shadow(7px 0 0 var(--go)) drop-shadow(-7px 0 0 var(--go)) drop-shadow(0 7px 0 var(--go)) drop-shadow(0 -7px 0 var(--go)) drop-shadow(0 0 22px #2bd18bcc)}}.flip-this-one{z-index:2;background:var(--go);border:4px solid var(--ink);box-shadow:var(--shadow-small);font-family:var(--font-comic);white-space:nowrap;animation:flip-pop .42s var(--spring) .3s both;border-radius:14px;padding:0 12px;font-size:clamp(20px,3vw,38px);position:absolute;bottom:100%;left:50%;translate:-50%}@keyframes flip-pop{0%{opacity:0;scale:.3}to{opacity:1;scale:1}}.flip-steam,.flip-steam:before,.flip-steam:after{aspect-ratio:.6;opacity:0;background:radial-gradient(#ffffffd9,#0000 70%);border-radius:50%;width:18%;animation:1.4s ease-out infinite both flip-steam;position:absolute}.flip-steam{top:10%;left:30%}.flip-steam:before,.flip-steam:after{content:"";width:100%}.flip-steam:before{animation-delay:.45s;left:120%}.flip-steam:after{animation-delay:.9s;left:240%}@keyframes flip-steam{0%{opacity:0;translate:0;scale:.6}30%{opacity:.9}to{opacity:0;translate:10% -160%;scale:1.4}}.flip-pan:not(.is-cooking) .flip-steam{display:none}.flip-smoke{aspect-ratio:1.4;opacity:0;width:50%;animation:flip-smoke 1.1s ease-out calc(var(--burn) * .62) infinite both;background:radial-gradient(#464650bf,#0000 70%);border-radius:50%;position:absolute;top:-30%;left:25%}.flip-pan.is-burnt .flip-smoke{animation:.9s ease-out infinite both flip-smoke}.flip-pan.is-flipped .flip-smoke,.flip-pan.is-flung .flip-smoke{display:none}@keyframes flip-smoke{0%{opacity:0;translate:0 30%;scale:.6}30%{opacity:.85}to{opacity:0;translate:0 -90%;scale:1.7}}.flip-hint{color:var(--paper);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:clamp(22px,3.4vw,44px);font-weight:900;line-height:1;animation:.3s ease-out .5s both flip-hint-in,.6s ease-in-out .8s infinite alternate flip-hint-bob;position:absolute;top:92%;left:50%;translate:-50%}@keyframes flip-hint-in{0%{opacity:0}}@keyframes flip-hint-bob{to{translate:-50% -30%}}.flip-stack{z-index:4;aspect-ratio:226/147;transform-origin:50% 100%;width:16%;transition:left .7s var(--out-expo), scale .7s var(--out-expo);pointer-events:none;position:absolute;bottom:3%;left:50%;translate:-50%}.stage--flip .stage-question{z-index:5}.flip-stack.is-set-aside{z-index:2}.flip-plate{width:100%;animation:flip-pop .5s var(--spring) both;position:absolute;bottom:0;left:0}.flip-layer{width:76%;animation:flip-land .38s var(--spring) .56s both;position:absolute;translate:-50% 50%}.flip-syrup{transform-origin:50% 0;width:62%;animation:flip-pour-syrup .52s var(--spring) .82s both;position:absolute;translate:-50% 64%}@keyframes flip-pour-syrup{0%{opacity:0;scale:.4 .15}40%{opacity:1}to{opacity:1;scale:1}}.flip-puddle{width:40%;animation:flip-pop .6s var(--spring) .9s both;position:absolute;bottom:14%;left:8%}@keyframes flip-land{0%{opacity:0;scale:1.25 .5}35%{opacity:1;scale:1.15 .7}to{opacity:1;scale:1}}.flip-stack-count{background:var(--sun);border:3px solid var(--ink);font-family:var(--font-comic);white-space:nowrap;animation:flip-pop .42s var(--spring) .6s both;border-radius:999px;padding:0 10px;font-size:clamp(16px,2.2vw,28px);position:absolute;bottom:30%;left:105%}.flip-stack.is-toppling{transform-origin:80% 100%;animation:flip-topple .9s var(--in-expo) .3s forwards}.flip-stack.is-toppling .flip-plate{visibility:hidden}.flip-stack.is-toppling :is(.flip-layer,.flip-syrup,.flip-puddle){animation:none}@keyframes flip-topple{to{opacity:0;translate:10% 60%;rotate:75deg}}.flip-fly-x,.flip-fly-y,.flip-launch{z-index:6;pointer-events:none;position:absolute;inset:0}.flip-fly-x{animation:.6s linear forwards flip-fly-x}.flip-fly-y{animation:.6s forwards flip-fly-y}@keyframes flip-fly-x{to{translate:var(--dx) 0}}@keyframes flip-fly-y{0%{animation-timing-function:var(--out-expo);translate:0}45%{animation-timing-function:var(--in-expo);translate:0 -46%}to{translate:0 var(--dy)}}.flip-fly-cake,.flip-launch-cake{width:16.3%}.flip-fly-cake{animation:.6s cubic-bezier(.3,.6,.4,1) forwards flip-triple}@keyframes flip-triple{0%{transform:perspective(600px)rotateX(0)}92%{opacity:1}to{opacity:0;transform:perspective(600px)rotateX(1080deg)scale(.8)}}.flip-land-sparkles{z-index:7;aspect-ratio:1;pointer-events:none;width:24%;position:absolute;translate:-50% -50%}.flip-land-sparkles .sparkles{inset:0}.flip-launch{animation:flip-launch-move .38s var(--in-expo) forwards}@keyframes flip-launch-move{to{translate:var(--dx) var(--dy)}}.flip-launch-cake{animation:flip-launch-grow .38s var(--in-expo) forwards}@keyframes flip-launch-grow{0%{rotate:0deg;scale:1}95%{opacity:1}to{opacity:0;rotate:160deg;scale:3}}.flip-splat{z-index:7;aspect-ratio:468/268;pointer-events:none;width:44%;position:absolute;top:48%;left:50%;translate:-50% -50%;rotate:-6deg}.flip-splat .flip-cake{width:88%;animation:1.8s .36s both flip-splat;top:50%}.flip-splat-syrup{width:130%;height:120%;animation:1.8s .36s both flip-splash;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes flip-splash{0%{opacity:0;animation-timing-function:var(--spring);scale:.3 .2}4%{opacity:1}12%{animation-timing-function:ease-in;translate:-50% -50%;scale:1}70%{opacity:1}to{opacity:0;translate:-50% -42%}}.flip-splat .flip-number{-webkit-text-stroke:8px var(--paper);font-size:clamp(54px,9vw,130px)}@keyframes flip-splat{0%{opacity:0;animation-timing-function:var(--spring);scale:1.5}8%{opacity:1;animation-timing-function:var(--spring);scale:.9 1.08}18%{scale:1}35%{animation-timing-function:cubic-bezier(.5,0,.9,.6);translate:-50% -50%}88%{opacity:1}to{opacity:0;translate:-50% 45%}}.stage--size{container-type:inline-size}.stage--size.is-slapped{animation:.42s cubic-bezier(.16,1,.3,1) size-shake}@keyframes size-shake{15%{translate:-1.6% 1.2%}30%{translate:1.4% -1%}45%{translate:-1% .6%}60%{translate:.5% -.4%}}.size-backdrop{pointer-events:none;background:linear-gradient(#3cc8eb4d,#0a64a033 55%,#04285a80);position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 12cqw #02143299}.size-sunlight{opacity:.55;mix-blend-mode:screen;width:72%;animation:5s ease-in-out infinite alternate size-shimmer;position:absolute;top:-6%;left:50%;translate:-50%}@keyframes size-shimmer{to{opacity:.3;scale:1.05 1}}.size-seaweed{transform-origin:50% 100%;width:12%;animation:4.5s ease-in-out infinite alternate size-sway;position:absolute;bottom:-2%}.size-seaweed--left{left:-1%}.size-seaweed--right{width:14%;animation-delay:-2.2s;right:1%}@keyframes size-sway{0%{rotate:-5deg}to{rotate:5deg}}.size-seabed{opacity:.8;background:url(/deep-dive/scene/seabed.webp) bottom/100% 140%;height:30%;position:absolute;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#0000,#000 70%);mask:linear-gradient(#0000,#000 70%)}.size-rock{position:absolute;bottom:-3%}.size-rock--left{width:24%;left:-6%}.size-rock--right{width:28%;right:-7%}@media (prefers-reduced-motion:reduce){.size-sunlight,.size-seaweed{animation:none}}.size-spot{transition:left .14s linear,top .14s linear;position:absolute;top:50%;left:50%}.size-catch{transition:width .46s cubic-bezier(.34,1.8,.64,1),height .46s cubic-bezier(.34,1.8,.64,1);animation:.52s cubic-bezier(.34,1.8,.64,1) both size-catch-in;position:absolute;translate:-50% -50%}@keyframes size-catch-in{0%{opacity:0;rotate:-20deg;scale:.2}}.size-catch-body{width:100%;height:100%;animation:.42s cubic-bezier(.34,1.8,.64,1) size-boing}.size-catch-body img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;filter:drop-shadow(0 .6cqw 0 #1b1d3a80) drop-shadow(0 0 calc(var(--hold,0) * 2.4cqw) rgb(255 210 63/calc(var(--hold,0) * 1.2)));display:block}@keyframes size-boing{0%{scale:1.14 .8}}.size-catch.is-loose .size-catch-body{animation:.65s ease-in-out infinite alternate size-squirm}@keyframes size-squirm{0%{rotate:-7deg}to{rotate:7deg;scale:.92 1.06}}.size-measure{border-inline:.5cqw solid var(--sun);height:3cqw;filter:drop-shadow(.25cqw .25cqw 0 var(--ink));place-items:center;transition:opacity .2s;display:grid;position:absolute;top:calc(100% + .6cqw);left:0;right:0}.size-measure:before{content:"";background:var(--sun);height:.5cqw;position:absolute;inset:50% 0 auto;translate:0 -50%}.size-measure-chip{border:.4cqw solid var(--ink);background:linear-gradient(90deg, var(--go) calc(var(--hold,0) * 100%), var(--paper) 0);text-align:center;border-radius:99px;min-width:7cqw;padding:0 1.2cqw;font-size:3.4cqw;font-weight:800;line-height:1.25;position:relative}.size-hint{white-space:nowrap;font-family:var(--font-comic);letter-spacing:.04em;color:var(--paper);-webkit-text-stroke:.3cqw var(--ink);paint-order:stroke fill;font-size:3.4cqw;animation:.9s ease-in-out infinite alternate size-hint;position:absolute;top:calc(100% + 1cqw);left:50%;translate:-50%}@keyframes size-hint{to{scale:1.08}}.size-ribbon{white-space:nowrap;background:var(--sun);border:.35cqw solid var(--ink);box-shadow:.35cqw .35cqw 0 var(--ink);font-family:var(--font-comic);letter-spacing:.04em;border-radius:.6cqw;padding:0 1.6cqw;font-size:3.2cqw;animation:.42s cubic-bezier(.34,1.8,.64,1) .1s both size-pop-in;position:absolute;bottom:calc(100% + .6cqw);left:50%;translate:-50%;rotate:-5deg}@keyframes size-pop-in{0%{opacity:0;scale:.3}}.size-catch.is-trophy .size-catch-body{background:var(--paper);box-shadow:0 0 0 .35cqw var(--ink), .7cqw .7cqw 0 .35cqw var(--ink);border-radius:.5cqw;padding:.7cqw;animation:.42s cubic-bezier(.34,1.8,.64,1) both size-trophy}@keyframes size-trophy{0%{scale:1.25}to{rotate:-4deg;scale:1.05}}.size-catch.is-trophy .size-measure-chip,.size-catch.is-real .size-measure-chip{background:var(--go);color:var(--paper);-webkit-text-stroke:.15cqw var(--ink);paint-order:stroke fill}.size-flash{background:var(--paper);pointer-events:none;animation:.52s cubic-bezier(.16,1,.3,1) both size-flash;position:absolute;inset:0}@keyframes size-flash{0%{opacity:.95}to{opacity:0}}.size-catch.is-escaping .size-catch-body{animation:.82s both size-escape}.size-catch.is-escaping .size-measure{opacity:0}.size-splash{position:absolute;top:50%;left:50%}@keyframes size-escape{9%{rotate:-16deg}18%{rotate:14deg}27%{rotate:-16deg}36%{rotate:14deg}46%{opacity:1;animation-timing-function:cubic-bezier(.7,0,.84,0);rotate:-8deg;scale:1}92%{opacity:1;rotate:38deg;scale:4.2}to{opacity:0;rotate:44deg;scale:4.6}}.size-slap{pointer-events:none;animation:1.4s cubic-bezier(.16,1,.3,1) both size-slap;position:absolute;inset:0}@keyframes size-slap{0%{opacity:0;scale:1.3}8%{opacity:1;scale:1}65%{opacity:1}to{opacity:0}}.size-slap-smear{filter:blur(.3cqw);background:radial-gradient(at 28%,#aaf0d799,#50beaa59 45%,#0000 70%),radial-gradient(at 74% 45%,#aaf0d780,#0000 62%);border-radius:50%;width:72%;height:34%;position:absolute;top:46%;left:50%;translate:-50% -50%;rotate:-16deg}.size-slap-smear:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 4cqw,#78d7c373 4cqw 5cqw);animation:1.4s ease-in both size-drip;position:absolute;inset:55% 18% -60%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}@keyframes size-drip{0%{opacity:0;scale:1 .2}to{scale:1}}.size-slap-word{width:30cqw;position:absolute;top:40%;left:50%;translate:-50% -50%}.size-slap-word span{font-size:7cqw}.size-catch.is-real{animation:.56s cubic-bezier(.34,1.8,.64,1) both size-pop-in}.size-catch.is-real .size-ribbon{background:var(--go);color:var(--paper);-webkit-text-stroke:.2cqw var(--ink);paint-order:stroke fill}.size-ruler{height:10cqw;position:absolute;bottom:3%}.size-tape{background:repeating-linear-gradient(90deg, var(--ink) 0 .2cqw, transparent .2cqw 1.5cqw) top / 100% 40% no-repeat var(--paper);border:.35cqw solid var(--ink);height:3.2cqw;box-shadow:.5cqw .5cqw 0 var(--ink);border-radius:.8cqw;position:absolute;inset:auto 0 0;overflow:hidden}.size-tape-band{background:var(--sun);mix-blend-mode:multiply;transition:width .46s cubic-bezier(.34,1.8,.64,1),background-color .2s;position:absolute;inset-block:0}.size-tape-band.is-right{background:var(--go)}.size-tape-band.is-wrong{background:var(--pop)}.size-zero{color:var(--paper);-webkit-text-stroke:.25cqw var(--ink);paint-order:stroke fill;font-size:2cqw;font-weight:800;position:absolute;bottom:4.2cqw;translate:-50%}.size-mark{background:var(--paper);border:.4cqw solid var(--ink);min-width:7cqw;box-shadow:.4cqw .4cqw 0 var(--ink);transform-origin:50% 100%;animation:size-pop-in .38s calc(var(--i,0) * 60ms) cubic-bezier(.34, 1.8, .64, 1) backwards;border-radius:1cqw;padding:0 1cqw;font-size:3.4cqw;font-weight:800;line-height:1.25;transition:scale .32s cubic-bezier(.34,1.8,.64,1),background-color .15s;position:absolute;bottom:4.6cqw;translate:-50%}.size-mark:after{content:"";background:var(--ink);width:.45cqw;height:2.8cqw;position:absolute;top:100%;left:50%;translate:-50%}.size-mark.is-selected{background:var(--sun);scale:1.25}.size-mark.is-right{background:var(--go);color:var(--paper);-webkit-text-stroke:.15cqw var(--ink);paint-order:stroke fill;animation:.42s cubic-bezier(.34,1.8,.64,1) size-pop-in;scale:1.3}.size-mark.is-revealed:before{content:"▼";color:var(--go);-webkit-text-stroke:.2cqw var(--ink);font-size:2.6cqw;animation:.5s ease-in-out infinite alternate size-arrow;position:absolute;bottom:100%;left:50%;translate:-50% -.4cqw}@keyframes size-arrow{to{translate:-50% -1.4cqw}}.size-mark.is-wrong{background:var(--pop);color:var(--paper);-webkit-text-decoration:line-through .4cqw var(--ink);text-decoration:line-through .4cqw var(--ink);animation:.36s shake}.size-keys{color:var(--paper);opacity:.6;font-size:1.3cqw;font-weight:700;position:absolute;top:1.5%;right:1.5%}.size-warmup{gap:8px;width:100%;margin:0;padding:0;list-style:none;display:grid}.size-warmup li{border:3px solid var(--ink);background:var(--paper-dim);opacity:.5;border-radius:10px;padding:6px 12px;font-weight:700}.size-warmup li.is-now{opacity:1;background:linear-gradient(90deg, var(--sun) calc(var(--progress,0) * 100%), var(--paper) 0)}.size-warmup li.is-done{opacity:1;background:var(--go);color:var(--paper)}.size-warmup li.is-done:after{content:" ✓"}.size-warmup--scene{z-index:8;width:min(340px,40%);font-size:clamp(16px,2vw,24px);position:absolute;bottom:54%;left:50%;translate:-50%}.stage--squish{background:#6dbb3c}.squish-blanket{background-position:50%;background-size:cover;position:absolute;inset:0}.stage--squish .stage-video{width:18%;height:auto;aspect-ratio:var(--aspect);border:3px solid var(--ink);z-index:3;border-radius:10px;inset:2% 2% auto auto}.stage--squish .fist{display:none}.stage--squish .stage-question{z-index:4}.squish-keys{opacity:.75;font-size:15px}.squish-bug{z-index:2;aspect-ratio:1;background:0 0;border:0;padding:0;animation:.5s cubic-bezier(.34,1.8,.64,1) both squish-bug-in;position:absolute;translate:-50% -50%}@keyframes squish-bug-in{0%{opacity:0;scale:.2}}.squish-bug-inner{position:absolute;inset:0}.squish-bug-body{rotate:var(--heading,0deg);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.squish-bug-sprite{--frame-ms:55ms;filter:drop-shadow(0 6px #1b1d3a40);height:92%}.squish-crumb{border:4px solid var(--ink);min-width:56%;box-shadow:3px 4px 0 var(--ink);color:var(--ink);text-align:center;background:radial-gradient(circle at 32% 28%,#fbe3b0,#e6b468 62%,#cc9047);border-radius:46% 54% 50% 50%/56% 44%;padding:.02em .24em .08em;font-size:clamp(24px,3.7vw,48px);font-weight:800;line-height:1.1;transition:scale .26s cubic-bezier(.34,1.8,.64,1),background-color .15s;position:absolute;top:46%;left:50%;translate:-50% -50%}.squish-bug-inner{transition:filter .14s,scale .26s cubic-bezier(.34,1.8,.64,1)}.squish-bug[data-camera=hover] .squish-bug-inner{filter:drop-shadow(0 0 10px #ffd23f99)}.squish-bug[data-camera=locked] .squish-bug-inner,.squish-bug.is-selected .squish-bug-inner{filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 14px var(--sun)) drop-shadow(0 0 26px var(--sun));scale:1.08}.squish-bug[data-camera=locked] .squish-crumb,.squish-bug.is-selected .squish-crumb{background-color:var(--paper);scale:1.14}.squish-bug.is-still .squish-bug-sprite{animation-play-state:paused}.squish-bug.is-squished{z-index:3}.squish-jam{width:100%;animation:.42s cubic-bezier(.34,1.8,.64,1) both squish-jam;position:absolute;top:50%;left:50%;translate:-50% -50%}@keyframes squish-jam{0%{opacity:0;rotate:-30deg;scale:.2}}.squish-bug.is-squished .squish-bug-body{animation:.38s cubic-bezier(.34,1.8,.64,1) both squish-flatten}.squish-bug.is-squished .squish-bug-sprite{--frame-ms:18ms}.squish-bug.is-squished .squish-bug-inner{animation:.11s steps(2,end) .38s 5 both squish-twitch}@keyframes squish-flatten{0%{scale:1.15 .85}to{scale:1.3 .55}}@keyframes squish-twitch{0%{rotate:-4deg}to{rotate:4deg}}.squish-bug.is-squished .squish-crumb{background:var(--go);animation:.42s cubic-bezier(.16,1,.3,1) both squish-crumb-pop;translate:-50% -145%;scale:1.2}.squish-bug.is-squished .critter-pow{bottom:150%}@keyframes squish-crumb-pop{0%{translate:-50% -50%}40%{translate:-50% -175%}to{translate:-50% -145%}}.squish-bug.is-missed .squish-crumb{animation:.36s shake,1.5s both squish-crumb-flash}@keyframes squish-crumb-flash{0%,80%{background:var(--pop);color:var(--paper)}}.squish-bug.is-missed .squish-bug-inner{animation:.7s cubic-bezier(.34,1.8,.64,1) both squish-daze}@keyframes squish-daze{18%{scale:1.15 .55}45%{rotate:-8deg;scale:.95 1.08}70%{rotate:6deg}}.squish-bug.is-missed,.squish-bug.is-dimmed{animation:.3s 1.2s forwards squish-dim}@keyframes squish-dim{to{opacity:.55}}.squish-bug.is-missed .squish-bug-sprite,.squish-bug.is-dimmed .squish-bug-sprite,.squish-bug.is-right .squish-bug-sprite{animation-play-state:paused}.squish-bug.is-right{z-index:3}.squish-bug.is-right .squish-crumb{paint-order:stroke fill;animation:.42s cubic-bezier(.34,1.8,.64,1) 1.2s forwards squish-its-me}@keyframes squish-its-me{to{background:var(--paper);color:var(--go);-webkit-text-stroke-width:2px;-webkit-text-stroke-color:var(--ink);scale:1.25}}.squish-bug.is-right .squish-bug-inner{animation:.76s ease-in-out 1.2s both squish-reveal}@keyframes squish-reveal{20%{translate:0 -16%;scale:1.18}45%{translate:0;scale:1}65%{translate:0 -9%;scale:1.1}85%{translate:0;scale:1}}.squish-bug.is-tripping{animation:1.3s ease-in-out 2.6s both squish-trip}@keyframes squish-trip{35%,65%{left:var(--trip-x);top:var(--trip-y)}}.squish-bug.is-tripping .squish-bug-body{animation:1.3s step-end 2.6s forwards squish-trip-turn}@keyframes squish-trip-turn{0%{rotate:var(--trip-heading)}50%{rotate:calc(var(--trip-heading) + .5turn)}}.squish-bug.is-tripping .squish-bug-inner{animation:.76s ease-in-out 1.2s both squish-reveal,.1s ease-in-out 3.06s 4 alternate squish-chew}@keyframes squish-chew{to{rotate:8deg}}.squish-bug.is-tripping .squish-bug-sprite{--frame-ms:25ms;animation-iteration-count:4;animation-play-state:running;animation-delay:2.6s}.stage--squish .bubble.is-wrong .bubble-given{max-width:3em;animation:.26s ease-in 1.1s both squish-given-out;overflow:hidden}@keyframes squish-given-out{to{opacity:0;max-width:0;margin-right:-.28em}}.stage--squish .bubble.is-wrong .bubble-answer{animation:.42s cubic-bezier(.34,1.8,.64,1) 1.2s both squish-answer-in}@keyframes squish-answer-in{0%{opacity:0;scale:.3}}.squish-picnic{z-index:1;aspect-ratio:480/528;transition:left .6s cubic-bezier(.16,1,.3,1),top .6s cubic-bezier(.16,1,.3,1),height .6s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.34,1.8,.64,1) both squish-bug-in;position:absolute;translate:-50% -50%}.squish-plate{width:100%;height:100%;position:absolute;inset:0}.squish-donut{aspect-ratio:240/276;width:40%;position:absolute;translate:-50% -50%}.squish-donut img{width:100%;height:100%;transition:opacity .25s,scale .25s;display:block}.squish-donut[data-bites="1"]{filter:drop-shadow(2px 0 0 var(--ink)) drop-shadow(-2px 0 0 var(--ink)) drop-shadow(0 2px 0 var(--ink)) drop-shadow(0 -2px 0 var(--ink))}.squish-donut[data-bites="1"] img,.squish-donut[data-bites="2"] img{-webkit-mask-image:linear-gradient(90deg,#000 68%,#0000 68%),radial-gradient(24% 20.9% at 76% 15%,#0000 98%,#000 100%),radial-gradient(24% 20.9% at 76% 45%,#0000 98%,#000 100%),radial-gradient(24% 20.9% at 76% 75%,#0000 98%,#000 100%);mask-image:linear-gradient(90deg,#000 68%,#0000 68%),radial-gradient(24% 20.9% at 76% 15%,#0000 98%,#000 100%),radial-gradient(24% 20.9% at 76% 45%,#0000 98%,#000 100%),radial-gradient(24% 20.9% at 76% 75%,#0000 98%,#000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}.squish-donut[data-bites="1"] img{animation:.32s cubic-bezier(.34,1.8,.64,1) squish-munch}@keyframes squish-munch{35%{rotate:-8deg;scale:.86 1.08}}.squish-donut[data-bites="2"] img{opacity:0;scale:.4}.squish-crumbs{pointer-events:none;position:absolute;inset:0}.squish-crumbs>span{aspect-ratio:1;border:1.5px solid var(--ink);background:#f0b863;border-radius:42% 58% 54% 46%;width:17%;animation:.7s cubic-bezier(.16,1,.3,1) both squish-crumb-fly;position:absolute;top:45%;left:62%;translate:-50% -50%}@keyframes squish-crumb-fly{0%{scale:.4}70%{opacity:1}to{left:calc(62% + var(--dx));top:calc(45% + var(--dy));opacity:0}}.squish-picnic.is-final{z-index:6}.squish-saved{font-family:var(--font-comic);letter-spacing:.03em;white-space:nowrap;color:var(--sun);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:4px 4px 0 var(--ink);margin:.2em 0 0;font-size:clamp(30px,4.6vw,60px);line-height:1;animation:.6s cubic-bezier(.34,1.8,.64,1) .45s both critter-pow;position:absolute;top:100%;left:50%;translate:-50%}.squish-half{font-family:var(--font-body);font-weight:800}.squish-hand:after{content:"✋"}.squish-hand[data-shape=fist]:after{content:"✊"}.squish-hand[data-shape=fist]{border-color:var(--sun);scale:.8}.squish-hand[data-emoji]:after{content:attr(data-emoji)}.squish-hand[data-emoji=""]:after{content:"";border:3px solid var(--ink);background:var(--paper);border-radius:50%;width:.5em;height:.5em;bottom:calc(.25em - 34%);right:calc(.25em - 34%)}.squish-say{z-index:1;border:3px solid var(--ink);background:var(--paper);box-shadow:0 4px 0 var(--ink);color:var(--ink);white-space:nowrap;pointer-events:none;border-radius:14px;padding:6px 14px;font-size:clamp(14px,1.7vw,20px);font-weight:800;position:absolute;bottom:92%;left:50%;translate:-50%}.squish-say-fist,.squish-bug[data-camera=locked] .squish-say-open{display:none}.squish-bug[data-camera=locked] .squish-say-fist{display:inline}.stage--taste{--spring:cubic-bezier(.34, 1.8, .64, 1);--out-expo:cubic-bezier(.16, 1, .3, 1);--in-expo:cubic-bezier(.7, 0, .84, 0)}.stage--taste .stage-video{transition:filter .5s ease-out}.stage--taste.is-queasy .stage-video{filter:sepia(.85)hue-rotate(55deg)saturate(2.6)brightness(1.05);animation:.52s ease-in-out 4 alternate taste-queasy}@keyframes taste-queasy{0%{rotate:-1.2deg;scale:1.04}to{rotate:1.2deg;scale:1.04}}.taste-counter{z-index:1;border-top:4px solid var(--ink);background:linear-gradient(#f4f8ff 0 32%, #9fb3c8 32% 38%, var(--ink) 38% 40%, transparent 40%), repeating-linear-gradient(90deg, #e23b3b 0 46px, #c92f35 46px 50px);height:15%;position:absolute;inset:auto 0 0}.taste-dish{z-index:3;aspect-ratio:226/147;width:20%;animation:taste-serve .56s var(--out-expo) both;pointer-events:none;position:absolute;bottom:6%;left:50%;translate:-50%}@keyframes taste-serve{0%{translate:250%}to{translate:-50%}}.taste-plate{filter:drop-shadow(0 6px #1b1d3a59);width:100%;display:block}.taste-food{filter:drop-shadow(0 4px #1b1d3a4d);width:62%;position:absolute;bottom:28%;left:50%;translate:-50%}.taste-ticket{z-index:2;background:var(--paper);border:4px solid var(--ink);min-width:1.6em;box-shadow:var(--shadow-small);font-family:var(--font-comic);text-align:center;animation:taste-ticket-in .42s var(--spring) .5s both;border-radius:12px;padding:0 .3em;font-size:clamp(28px,4.6vw,60px);line-height:1.15;position:absolute;bottom:118%;left:50%;translate:-50%}.taste-ticket:after{content:"";z-index:-1;border:2px solid var(--ink);background:#c8a165;width:5px;height:.9em;position:absolute;top:100%;left:50%;translate:-50%}.taste-ticket.is-label{width:max-content;max-width:190%;font-family:var(--font-body);text-wrap:balance;pointer-events:auto;animation:taste-ticket-in .42s var(--spring) .5s both, answer-next .8s ease-in-out .92s infinite alternate;padding:.2em .6em;font-size:clamp(15px,1.9vw,24px);font-weight:800}@keyframes taste-ticket-in{0%{opacity:0;rotate:-20deg;scale:.2}to{opacity:1;rotate:0deg;scale:1}}.taste-lid{z-index:3;border:4px solid var(--ink);height:110%;animation:taste-lid-off .52s var(--in-expo) .34s forwards;background:radial-gradient(circle at 32% 28%,#fff 0 12%,#dfe7f1 13% 40%,#a9b8ca 75%);border-radius:50% 50% 8% 8%/100% 100% 8% 8%;position:absolute;bottom:24%;left:4%;right:4%}.taste-lid:before{content:"";aspect-ratio:1;border:4px solid var(--ink);background:#dfe7f1;border-radius:50%;width:14%;position:absolute;top:-14%;left:50%;translate:-50%}@keyframes taste-lid-off{0%{translate:0;rotate:0deg}25%{translate:0 -18%;rotate:-6deg}to{opacity:0;translate:140% -240%;rotate:35deg}}.taste-arm{z-index:-1;border:4px solid var(--ink);background:linear-gradient(90deg, var(--paper) 0 10%, var(--ink) 10% 12%, #2c2f52 12%);width:320%;height:26%;animation:taste-arm-out .42s var(--in-expo) .48s forwards;border-radius:999px 0 0 999px;position:absolute;top:48%;left:62%}@keyframes taste-arm-out{to{translate:120% 10%}}.taste-dish.is-eaten .taste-food{animation:.6s forwards taste-eat}@keyframes taste-eat{0%{animation-timing-function:var(--spring);scale:1}25%{animation-timing-function:var(--spring);rotate:8deg;scale:.75 .7}55%{animation-timing-function:var(--in-expo);rotate:-8deg;scale:.45 .4}to{rotate:0deg;scale:0}}.taste-dish.is-right .taste-ticket{background:var(--go)}.taste-dish.is-wrong .taste-ticket{background:var(--pop);color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill}.taste-dish.is-stolen .taste-food,.taste-dish.is-stolen .taste-ticket{visibility:hidden}.taste-dish.is-binned,.taste-dish.is-loot{animation:none}.taste-dish.is-binned .taste-lid,.taste-dish.is-binned .taste-arm{display:none}.taste-dish.is-binned .taste-ticket,.taste-dish.is-loot .taste-ticket{animation:none}.taste-fling,.taste-fling-arc,.taste-roach-run,.taste-roach-loot{pointer-events:none;position:absolute;inset:0}.taste-fling{z-index:4;animation:.64s cubic-bezier(.3,0,.7,1) forwards taste-fling-x}.taste-fling-arc{animation:.64s forwards taste-fling-y}.taste-fling .taste-dish{animation:taste-tumble .64s var(--in-expo) forwards}@keyframes taste-fling-x{to{translate:-41%}}@keyframes taste-fling-y{0%{animation-timing-function:var(--out-expo);translate:0}45%{animation-timing-function:var(--in-expo);translate:0 -42%}to{translate:0 -8%}}@keyframes taste-tumble{85%{opacity:1}to{opacity:0;rotate:-420deg;scale:.4}}.taste-bin{z-index:5;aspect-ratio:.8;transform-origin:50% 100%;border:4px solid var(--ink);width:12%;box-shadow:var(--shadow-small);background:repeating-linear-gradient(90deg,#9aa9bd 0 16%,#7a8aa1 16% 22%);border-radius:6px 6px 16px 16px;position:absolute;bottom:4%;left:3%}.taste-bin-lid{transform-origin:0 100%;border:4px solid var(--ink);background:#b4c1d2;border-radius:12px 12px 4px 4px;height:16%;position:absolute;top:-16%;left:-10%;right:-10%}.taste-bin.is-hit{animation:taste-bin-bump .46s var(--spring) .56s}.taste-bin.is-hit .taste-bin-lid{animation:taste-bin-lid .52s var(--out-expo) .52s}@keyframes taste-bin-bump{0%{scale:1}35%{scale:1.14 .86}to{scale:1}}@keyframes taste-bin-lid{0%{rotate:0deg}40%{translate:0 -30%;rotate:-40deg}to{rotate:0deg}}.taste-hint{z-index:4;white-space:nowrap;gap:8px;animation:.3s ease-out .6s both taste-fade-in;display:flex;position:absolute;bottom:1.2%;left:50%;translate:-50%}.taste-hint span{background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:0 10px;font-size:clamp(12px,1.5vw,17px);font-weight:700}@keyframes taste-fade-in{0%{opacity:0}}.taste-thumb{--ring:var(--go);z-index:6;aspect-ratio:1;background:var(--paper);border:var(--outline) solid var(--ink);width:9%;box-shadow:var(--drop);opacity:0;pointer-events:none;transition:opacity .12s ease-out, scale .26s var(--spring);border-radius:50%;place-items:center;font-size:clamp(30px,4.6vw,64px);line-height:1;display:grid;position:absolute;bottom:10%;left:31%;translate:-50%;scale:.4}.taste-thumb[data-thumb=up]:before{content:"👍"}.taste-thumb[data-thumb=down]{--ring:var(--pop)}.taste-thumb[data-thumb=down]:before{content:"👎"}.taste-thumb:is([data-thumb=up],[data-thumb=down]){opacity:1;scale:1}.taste-thumb:after{content:"";background:conic-gradient(var(--ring) calc(var(--progress,0) * 360deg), #ffffff80 0);border-radius:50%;position:absolute;inset:-22%;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px));mask:radial-gradient(farthest-side,#0000 calc(100% - 9px),#000 calc(100% - 8px))}.taste-thumb.is-locked:is([data-thumb=up],[data-thumb=down]){opacity:.45;scale:.85}.taste-thumb.is-locked:after{display:none}.taste-said{z-index:7;aspect-ratio:1;pointer-events:none;width:9%;animation:taste-said .7s var(--out-expo) forwards;place-items:center;font-size:clamp(30px,4.6vw,64px);line-height:1;display:grid;position:absolute;bottom:10%;left:31%;translate:-50%}.taste-said:before{content:"";z-index:-1;border:var(--outline) solid var(--ink);background:var(--go);border-radius:50%;position:absolute;inset:-10%}.taste-said[data-thumb=down]:before{background:var(--pop)}@keyframes taste-said{0%{scale:.8}25%{opacity:1;scale:1.6}60%{opacity:1;scale:1.45}to{opacity:0;translate:-50% -40%;scale:1.7}}.taste-hat{z-index:5;opacity:0;pointer-events:none;width:10%;transition:opacity .2s;position:absolute;translate:-50% -100%}.taste-hat-art{width:100%;fill:var(--paper);stroke:var(--ink);stroke-width:5px;stroke-linejoin:round;display:block}.taste-hat-art .taste-hat-pleats{fill:none;stroke:#c9d5e6;stroke-width:4px;stroke-linecap:round}.taste-kiss{z-index:7;aspect-ratio:1;pointer-events:none;width:14%;animation:taste-kiss .7s var(--out-expo) both;place-items:center;display:grid;position:absolute;translate:-50% -30%}.taste-kiss .sparkles{inset:-60%}.taste-kiss-hand{font-size:clamp(44px,7vw,96px);line-height:1}.taste-kiss-word{font-family:var(--font-comic);color:var(--sun);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:clamp(26px,4vw,52px);rotate:-8deg}@keyframes taste-kiss{0%{opacity:0;scale:.3}20%{opacity:1;scale:1.15}45%{scale:1}80%{opacity:1}to{opacity:0;translate:-50% -70%}}.taste-sparkles{z-index:6;aspect-ratio:1;width:28%;bottom:6%;left:50%;translate:-50%}.taste-burp{z-index:7;aspect-ratio:2;pointer-events:none;width:30%;position:absolute;translate:-50%}.taste-burp-word{font-family:var(--font-comic);color:#9be15d;-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;white-space:nowrap;animation:taste-burp-word 1.7s var(--spring) .35s both;font-size:clamp(36px,6vw,84px);position:absolute;top:30%;left:50%;translate:-50% -50%}@keyframes taste-burp-word{0%{opacity:0;rotate:-14deg;scale:.2}15%{opacity:1;rotate:6deg;scale:1.25}30%{rotate:-4deg;scale:.95}45%{rotate:2deg;scale:1.05}85%{opacity:1;scale:1}to{opacity:0;translate:-50% -110%}}.taste-burp-puff{aspect-ratio:1;border:3px solid var(--ink);width:26%;animation:taste-puff 1.3s var(--out-expo) both;background:#9be15dd9;border-radius:50%;position:absolute;top:30%;left:50%;translate:-50% -50%}.taste-burp-puff--0{--to:-120% -90%;animation-delay:.35s}.taste-burp-puff--1{--to:-50% -170%;animation-delay:.42s}.taste-burp-puff--2{--to:20% -100%;animation-delay:.49s}@keyframes taste-puff{0%{opacity:0;scale:.2}20%{opacity:.95;scale:1}to{opacity:0;scale:1.8;translate:var(--to)}}.taste-roach-run{z-index:6;animation:1.6s linear both taste-roach-x}@keyframes taste-roach-x{0%{translate:-62%}to{translate:62%}}.taste-roach{aspect-ratio:120/179;background-size:1000% 100%;width:9%;animation:.36s steps(10,end) infinite taste-roach-legs;position:absolute;bottom:4%;left:50%;translate:-50%;rotate:90deg}@keyframes taste-roach-legs{0%{background-position:0 0}to{background-position:111.11% 0}}.taste-roach-loot{z-index:7;animation:.8s linear .8s both taste-loot-x}.taste-roach-loot .taste-dish{animation:.12s ease-in-out .8s infinite alternate taste-loot-bob}.taste-roach-loot .taste-food{width:42%;bottom:30%}@keyframes taste-loot-x{0%{translate:0}to{translate:62%}}@keyframes taste-loot-bob{0%{translate:-50%}to{translate:-50% -6%}}.taste-reveal{z-index:8;background:var(--sun);border:4px solid var(--ink);max-width:28%;box-shadow:var(--shadow-small);animation:taste-reveal-in .48s var(--spring) .3s both;border-radius:14px;padding:4px 12px;font-size:clamp(14px,1.9vw,24px);font-weight:800;line-height:1.2;position:absolute;top:4%;right:2%}@keyframes taste-reveal-in{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}.taste-question{z-index:8}.stage--trek{background:#bfe8ff}.stage--trek .stage-video{width:20%;height:auto;aspect-ratio:var(--aspect);border:3px solid var(--ink);z-index:3;border-radius:10px;inset:auto 2% 3% auto}.stage--trek .fist{border-color:var(--sun);background:#ffd64073}.trek{position:absolute;inset:0;overflow:hidden}.trek-question{z-index:2;font-size:clamp(22px, min(4.4vw, calc(var(--stage-h,100dvh) * .08)), 64px);padding:12px 26px 16px;position:absolute;top:44%;left:50%;translate:-50% -50%}.pebble{aspect-ratio:1.18;z-index:3;border:5px solid var(--ink);box-shadow:inset -16px -18px 0 #a19c8c, inset 18px 16px 0 #d8d4c6, 0 8px 0 var(--ink);color:var(--paper);background:#bdb8a8;border-radius:50% 50% 46% 54%/60% 58% 42% 40%;place-items:center;padding:0;font-size:clamp(30px,5vw,64px);font-weight:800;transition:scale .1s,box-shadow .3s;display:grid;position:absolute;translate:-50% -50%}.pebble-number,.pebble .answer-next{-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;transition:opacity .2s;position:relative}.pebble .answer-next{font-size:.6em}.pebble.is-aimed{scale:1.08}.pebble.is-locked{box-shadow:inset -16px -18px 0 #a19c8c, inset 18px 16px 0 #d8d4c6, 0 0 0 8px var(--sun), 0 0 0 13px var(--ink);animation:.6s ease-in-out infinite alternate locked-pulse}.pebble.is-locked:before{content:"Again!";background:var(--sun);border:3px solid var(--ink);color:var(--ink);font-family:var(--font-comic);letter-spacing:.04em;-webkit-text-stroke:0;border-radius:8px;padding:0 10px;font-size:.5em;font-weight:400;position:absolute;top:100%;left:50%;translate:-50% 28px}.pebble:after{content:"";background:conic-gradient(var(--go) calc(var(--hold,0) * 360deg), transparent 0);pointer-events:none;border-radius:50%;position:absolute;inset:-30px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px));mask:radial-gradient(farthest-side,#0000 calc(100% - 11px),#000 calc(100% - 10px))}.pebble.is-ready{box-shadow:inset -16px -18px 0 #a19c8c, inset 18px 16px 0 #d8d4c6, 0 0 0 8px var(--sun), 0 0 36px 14px #ffd64099}.pebble.is-open .pebble-number{opacity:0}.pebble.is-flipped{animation:.65s cubic-bezier(.34,1.4,.64,1) both pebble-flip}.pebble.is-shoved{animation:.33s linear pebble-rattle,.6s cubic-bezier(.34,1.4,.64,1) .33s both pebble-flip;box-shadow:inset -16px -18px #a19c8c,inset 18px 16px #d8d4c6,0 0 60px 24px #f2545bbf}.pebble.is-shoved .pebble-number{transition-delay:.32s}.pebble.is-right{box-shadow:inset -16px -18px 0 #a19c8c, inset 18px 16px 0 #d8d4c6, 0 0 0 8px var(--go), 0 0 40px 14px #2bd18bb3}.pebble.is-right:not(.is-open){animation:.7s cubic-bezier(.34,1.8,.64,1) 2.6s both pebble-pop}.pebble.is-right.is-lit{animation:.7s cubic-bezier(.34,1.8,.64,1) pebble-pop}@keyframes pebble-pop{0%{scale:.75}to{scale:1}}@keyframes pebble-rattle{0%,to{translate:-50% -50%}20%{translate:calc(-50% - 7px) calc(3px - 50%)}40%{translate:calc(7px - 50%) calc(-50% - 2px)}60%{translate:calc(-50% - 5px) calc(-50% - 3px)}80%{translate:calc(4px - 50%) calc(2px - 50%)}}@keyframes pebble-flip{0%{translate:-50% -50%;rotate:0deg}35%{translate:calc(-50% + var(--away) * 14%) -78%;rotate:calc(var(--away) * 40deg)}to{translate:calc(-50% + var(--away) * 52%) -36%;rotate:calc(var(--away) * 96deg)}}.trek-hole{z-index:2;aspect-ratio:2.4;border:5px solid var(--ink);box-shadow:0 0 0 9px #a8743f, 0 0 0 13px var(--ink);background:#3b2a1c;border-radius:50%;animation:.3s cubic-bezier(.34,1.6,.64,1) both hole-open;position:absolute;translate:-50% -50%}.trek-hole.is-pit{background:repeating-radial-gradient(#3b2a1c 0 12%,#d7b27a 12% 22%,#c49a62 22% 32%) 0 0/100% 100%;animation:.3s cubic-bezier(.34,1.6,.64,1) both hole-open,.9s linear .3s infinite pit-swirl}@keyframes hole-open{0%{scale:.2}to{scale:1}}@keyframes pit-swirl{to{background-size:160% 160%}}.trek-meter{z-index:2;background:var(--paper);border:var(--outline) solid var(--ink);width:min(56%,640px);box-shadow:var(--drop);border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:6px 12px;display:grid;position:absolute;top:2.5%;left:50%;translate:-50%}.trek-meter-end{width:clamp(22px,3vw,34px);stroke:var(--ink);stroke-width:3px;stroke-linejoin:round}.trek-meter-trail{background:repeating-linear-gradient(90deg,#c9935a 0 10px,#0000 10px 18px);border-radius:999px;height:6px;position:relative}.trek-meter-done{width:calc(var(--done) * 100%);background:var(--go);border-radius:999px;transition:width .5s cubic-bezier(.34,1.4,.64,1);position:absolute;inset:0 auto 0 0}.trek-meter-you{top:50%;left:calc(var(--done) * 100%);aspect-ratio:1;border:var(--outline) solid var(--ink);background:var(--sun);border-radius:50%;width:clamp(18px,2.4vw,26px);transition:left .5s cubic-bezier(.34,1.4,.64,1);animation:.5s cubic-bezier(.34,1.4,.64,1) meter-hop;position:absolute;translate:-50% -50%}@keyframes meter-hop{40%{translate:-50% -110%}}.trek-meter.is-home .trek-meter-home{animation:.7s cubic-bezier(.34,1.8,.64,1) infinite alternate meter-home}@keyframes meter-home{to{scale:1.25}}.trek-meter-tag{font-family:var(--font-comic);letter-spacing:.04em;background:var(--go);color:var(--paper);-webkit-text-stroke:1px var(--ink);border:var(--outline) solid var(--ink);border-radius:999px;padding:0 10px;font-size:clamp(16px,2vw,24px);position:absolute;top:100%;right:0;translate:0 6px;rotate:-4deg}.trek-banner{z-index:9;pointer-events:none;justify-items:center;gap:8px;display:grid;position:absolute;left:0;right:0}.trek-banner.is-good{animation:2s .25s both banner-slam;top:14%}.trek-banner.is-bad{animation:1.6s 1.85s both banner-slam,.28s 1.95s 3 banner-shake;bottom:7%}.trek-banner-title{font-family:var(--font-comic);letter-spacing:.04em;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;text-shadow:6px 6px 0 var(--ink);white-space:nowrap;margin:0;font-size:clamp(40px,7vw,92px);line-height:1}.trek-banner.is-good .trek-banner-title{color:var(--sun)}.trek-banner.is-bad .trek-banner-title{color:var(--pop)}.trek-rarity{font-family:var(--font-comic);letter-spacing:.06em;color:var(--ink);background:var(--sun);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0;padding:3px 16px 0;font-size:clamp(20px,3vw,34px);line-height:1.1;rotate:-3deg}.trek-banner.is-bad .trek-rarity{color:var(--paper);background:var(--pop)}.trek-rarity.is-super{color:var(--paper);-webkit-text-stroke:1.5px var(--ink);paint-order:stroke fill;background:linear-gradient(90deg,#f2545b,#ffd23f,#2bd18b,#4de3ff,#7b5cfa,#f2545b) 0 0/200% 100%;animation:1.4s linear infinite shimmer}.trek-new{background:var(--paper);border:3px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:999px;margin:0;padding:4px 14px;font-size:clamp(14px,1.8vw,20px);font-weight:700;animation:.5s cubic-bezier(.34,1.8,.64,1) both trek-new-pop}.trek-new-tag{font-family:var(--font-comic);letter-spacing:.04em;color:var(--pop)}@keyframes trek-new-pop{0%{rotate:-20deg;scale:0}}.trek-banner-fact{font-family:var(--font-comic);letter-spacing:.04em;color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;margin:0;padding:2px 18px;font-size:clamp(24px,3.6vw,44px)}.trek-banner-fact span{color:var(--go)}.yard{width:100%;height:100%;position:absolute;inset:0}.yard-ink{stroke:var(--ink);stroke-linejoin:round;stroke-linecap:round}.yard-sway{transform-origin:50% 100%;transform-box:fill-box;animation:5s ease-in-out infinite alternate yard-sway}.yard-sway.is-near{animation-duration:4s;animation-delay:-2s}@keyframes yard-sway{0%{transform:skew(-1.2deg)}to{transform:skew(1.2deg)}}.trek-reveal{z-index:6;left:var(--x0);top:var(--y0);pointer-events:none;animation-fill-mode:both;position:absolute}.trek-facing{transform:scaleX(calc(var(--toward) * -1))}.trek-art{width:100%;height:auto;filter:drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 1.5px var(--paper));display:block}.trek-reveal--walk .trek-art,.trek-reveal--march .trek-art,.trek-reveal--charge .trek-art,.trek-reveal--gas .trek-art,.trek-reveal--blast .trek-art{animation:.2s ease-in-out infinite alternate trek-bob}.trek-reveal--cloud .trek-art,.trek-reveal--flutter .trek-art,.trek-reveal--buzz .trek-art,.trek-reveal--stab .trek-art,.trek-reveal--glow .trek-art{animation:.26s ease-in-out infinite alternate trek-hover}@keyframes trek-bob{to{transform:translateY(-4%)rotate(-2deg)}}@keyframes trek-hover{to{transform:translateY(-7%)}}.trek-reveal--hop{animation-name:trek-hop;animation-duration:2.1s}@keyframes trek-hop{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.8,.64,1);transform:translate(-50%,-30%)scale(.2)}12%{left:var(--x0);top:var(--y0);opacity:1;animation-timing-function:ease-out;transform:translate(-50%,-88%)scale(1)}19%{left:calc(var(--x0) + var(--toward) * 4%);top:calc(var(--y0) - 10%);animation-timing-function:ease-in;transform:translate(-50%,-88%)scale(.96,1.06)}26%{left:calc(var(--x0) + var(--toward) * 8%);top:calc(var(--y0) + 2%);animation-timing-function:ease-out;transform:translate(-50%,-88%)scale(1.12,.86)}34%{left:calc(var(--x0) + var(--toward) * 12%);top:calc(var(--y0) - 10%);animation-timing-function:ease-in;transform:translate(-50%,-88%)scale(.96,1.06)}42%{left:calc(var(--x0) + var(--toward) * 16%);top:calc(var(--y0) + 4%);animation-timing-function:ease-out;transform:translate(-50%,-88%)scale(1.12,.86)}52%{left:calc(var(--x0) + var(--toward) * 16%);top:calc(var(--y0) - 14%);transform:translate(-50%, -88%) rotate(calc(var(--toward) * 180deg));animation-timing-function:ease-in}62%{left:calc(var(--x0) + var(--toward) * 16%);top:calc(var(--y0) + 4%);transform:translate(-50%, -88%) rotate(calc(var(--toward) * 360deg)) scale(1.12, .86);animation-timing-function:cubic-bezier(.3,0,.8,.15)}to{left:calc(var(--x0) + var(--toward) * 6%);transform:translate(-50%, -88%) rotate(calc(var(--toward) * 380deg)) scale(.9);opacity:1;top:-40%}}.trek-reveal--walk{animation-name:trek-walk;animation-duration:2.4s}@keyframes trek-walk{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.6,.64,1);transform:translate(-50%,-30%)scale(.3)}14%{left:var(--x0);opacity:1;animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translate(-50%,-88%)scale(1)}48%{left:calc(var(--x0) + var(--toward) * 28%);animation-timing-function:ease-in-out;transform:translate(-50%,-88%)}60%{left:calc(var(--x0) + var(--toward) * 29%);transform:translate(-50%, -94%) rotate(calc(var(--toward) * -8deg));animation-timing-function:ease-in}to{left:var(--x-far);opacity:1;transform:translate(-50%,-88%)}}.trek-reveal--march{animation-name:trek-march;animation-timing-function:linear}@keyframes trek-march{0%{opacity:0;transform:translate(-50%,-30%)scale(.3)}12%{left:var(--x0);transform:translate(-50%, calc(-88% + var(--lane) * 4%)) scale(1);opacity:1}to{left:var(--x-far);transform:translate(-50%, calc(-88% + var(--lane) * 4%));opacity:1}}.trek-reveal--cloud{animation-name:trek-cloud;animation-timing-function:ease-in-out}@keyframes trek-cloud{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}10%{left:var(--x0);top:calc(var(--y0) - 6%);opacity:1;transform:translate(-50%,-50%)scale(1)}40%{left:calc(var(--x0) + var(--toward) * 20%);top:calc(var(--y0) - 24% + var(--lane) * 4%)}70%{left:calc(var(--x0) + var(--toward) * 45%);top:calc(var(--y0) - 14% + var(--lane) * 5%)}to{left:var(--x-far);top:calc(20% + var(--lane) * 5%);opacity:1;transform:translate(-50%,-50%)scale(1)}}.trek-reveal--flutter{animation-name:trek-flutter;animation-duration:2.5s}@keyframes trek-flutter{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.6,.64,1);transform:translate(-50%,-40%)scale(.3)}12%{left:var(--x0);top:var(--y0);opacity:1;animation-timing-function:ease-in-out;transform:translate(-50%,-88%)scale(1)}20%{left:var(--x0);top:var(--y0);animation-timing-function:ease-out;transform:translate(-50%,-84%)scale(1.06,.94)}42%{left:calc(var(--x0) + var(--toward) * 18%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -12deg));animation-timing-function:linear;top:38%}52%{left:calc(var(--x0) + var(--toward) * 25%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -120deg));animation-timing-function:linear;top:28%}62%{left:calc(var(--x0) + var(--toward) * 19%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -240deg));animation-timing-function:linear;top:20%}72%{left:calc(var(--x0) + var(--toward) * 14%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -360deg));animation-timing-function:ease-in;top:32%}to{left:var(--x-far);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -380deg));opacity:1;top:-20%}}.trek-reveal--buzz{animation-name:trek-buzz;animation-duration:2.7s}.trek-reveal--buzz .trek-art{filter:drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 14px #ffd640cc)}@keyframes trek-buzz{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.6,.64,1);transform:translate(-50%,-40%)scale(.3)}10%{left:var(--x0);top:var(--y0);opacity:1;transform:translate(-50%,-80%)scale(1)}26%{left:calc(50% - var(--toward) * 18%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -10deg));top:26%}40%{top:16%;left:50%}54%{left:calc(50% + var(--toward) * 18%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * 10deg));top:30%}67%{left:calc(50% + var(--toward) * 12%);top:66%}80%{left:calc(50% - var(--toward) * 10%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -12deg));animation-timing-function:ease-in;top:66%}to{left:var(--x-far);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -16deg));opacity:1;top:10%}}.trek-reveal--glow{animation-name:trek-glow;animation-duration:3.2s}.trek-reveal--glow .trek-art{filter:drop-shadow(0 0 1.5px var(--paper)) drop-shadow(0 0 22px #f4ff7af2)}@keyframes trek-glow{0%{opacity:0;transform:translate(-50%,-30%)scale(.3)}18%{left:var(--x0);top:var(--y0);opacity:1;animation-timing-function:ease-in-out;transform:translate(-50%,-80%)scale(1)}45%{left:calc(var(--x0) + var(--toward) * 16%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -8deg));animation-timing-function:ease-in-out;top:34%}65%{left:calc(var(--x0) + var(--toward) * 26%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * 6deg));animation-timing-function:ease-in;top:28%}to{left:var(--x-far);opacity:1;top:6%;transform:translate(-50%,-50%)}}.trek-reveal--pounce{z-index:7;animation-name:trek-pounce;animation-duration:3s}@keyframes trek-pounce{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.6,.64,1);transform:translate(-50%,-30%)scale(.2)}10%{left:var(--x0);top:var(--y0);opacity:1;animation-timing-function:ease-in-out;transform:translate(-50%,-80%)scale(1)}30%{left:calc(var(--x0) + var(--toward) * 12%);top:var(--y0);animation-timing-function:ease-in-out;transform:translate(-50%,-78%)scale(1.04,.94)}40%{left:calc(var(--x0) + var(--toward) * 13%);top:var(--y0);animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:translate(-50%,-70%)scale(1.12,.8)}47%{top:52%;left:50%;transform:translate(-50%,-50%)scale(3.4)}60%{opacity:1;top:52%;left:50%;transform:translate(-50%,-50%)scale(3.3)rotate(2deg)}to{opacity:0;top:56%;left:50%;transform:translate(-50%,-50%)scale(3.8)}}.trek-reveal--charge{z-index:7;animation-name:trek-charge}@keyframes trek-charge{0%{opacity:0;transform:translate(-50%,-30%)scale(.3)}10%{left:var(--x0);top:var(--y0);opacity:1;animation-timing-function:ease-in;transform:translate(-50%,-88%)scale(1)}50%{left:calc(var(--x0) + var(--toward) * (18% - var(--nth) * 4%));top:var(--y0);transform:translate(-50%, calc(-88% + var(--lane) * 10%)) scale(1.1);animation-timing-function:cubic-bezier(.5,0,.9,.4)}64%{left:calc(50% + var(--lane) * 14%);top:55%;transform:translate(-50%,-50%)scale(2.6)}80%{left:calc(50% + var(--lane) * 14%);opacity:1;top:55%;transform:translate(-50%,-50%)scale(2.5)}to{left:calc(50% + var(--lane) * 16%);opacity:0;top:60%;transform:translate(-50%,-50%)scale(2.8)}}.trek-reveal--stab{z-index:7;animation-name:trek-stab;animation-duration:3s}@keyframes trek-stab{0%{opacity:0;transform:translate(-50%,-40%)scale(.3)}8%{left:var(--x0);top:var(--y0);opacity:1;transform:translate(-50%,-70%)scale(1)}18%{left:calc(var(--x0) + var(--toward) * 10%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * 8deg));top:40%}27%{left:calc(var(--x0) + var(--toward) * 18%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * -8deg));top:58%}36%{left:calc(var(--x0) + var(--toward) * 24%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * 6deg));top:36%}43%{left:calc(var(--x0) + var(--toward) * 22%);transform:translate(-50%, -50%) rotate(calc(var(--toward) * 20deg)) scale(1.05);animation-timing-function:cubic-bezier(.6,0,.9,.3);top:38%}47%{transform:translate(-50%, -50%) rotate(calc(var(--toward) * 24deg)) scale(2.8);top:50%;left:52%}58%{transform:translate(-50%, -50%) rotate(calc(var(--toward) * 24deg)) scale(2.7);animation-timing-function:ease-in;top:50%;left:52%}74%,to{left:var(--x-far);opacity:1;top:-20%;transform:translate(-50%,-50%)scale(1.2)}}.trek-reveal--gas{animation-name:trek-gas;animation-duration:3s}@keyframes trek-gas{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.6,.64,1);transform:translate(-50%,-30%)scale(.3)}10%{left:var(--x0);opacity:1;animation-timing-function:ease-in-out;transform:translate(-50%,-88%)scale(1)}36%{left:calc(var(--x0) + var(--toward) * 24%);transform:translate(-50%,-88%)}44%{left:calc(var(--x0) + var(--toward) * 24%);animation-timing-function:ease-in;transform:translate(-50%,-88%)scale(1.16,1.1)}48%{left:calc(var(--x0) + var(--toward) * 25%);transform:translate(-50%,-88%)scale(.9,.94)}64%{left:calc(var(--x0) + var(--toward) * 25%);animation-timing-function:ease-in;transform:translate(-50%,-88%)}to{left:var(--x-far);opacity:1;transform:translate(-50%,-88%)}}.trek-reveal--ambush{--jaws-only:inset(0 calc(27.5% - var(--toward) * 27.5%) 0 calc(27.5% + var(--toward) * 27.5%));z-index:7;animation-name:trek-ambush;animation-duration:3s}@keyframes trek-ambush{0%{clip-path:var(--jaws-only);opacity:0;transform:translate(-50%,-20%)scale(.6)}8%{opacity:1;transform:translate(-50%,-40%)scale(.7)}20%{transform:translate(-50%,-32%)scale(.7)}30%{left:var(--x0);top:var(--y0);clip-path:var(--jaws-only);animation-timing-function:cubic-bezier(.5,0,.9,.4);transform:translate(-50%,-42%)scale(.7)}47%{clip-path:inset(0);top:56%;left:50%;transform:translate(-50%,-50%)scale(3)}62%{clip-path:inset(0);opacity:1;top:56%;left:50%;transform:translate(-50%,-50%)scale(2.9)rotate(-2deg)}to{clip-path:inset(0);opacity:0;top:70%;left:50%;transform:translate(-50%,-50%)scale(3.2)}}.trek-reveal--drop{z-index:7;animation-name:trek-drop;animation-duration:3.2s}.trek-reveal--drop:before{content:"";background:var(--ink);width:4px;height:400%;position:absolute;bottom:92%;left:50%;translate:-50%}@keyframes trek-drop{0%{left:calc(var(--x0) + var(--toward) * 22%);opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);top:-30%;transform:translate(-50%,-50%)}24%{left:calc(var(--x0) + var(--toward) * 22%);animation-timing-function:ease-out;top:42%;transform:translate(-50%,-50%)scaleY(1.08)}32%{left:calc(var(--x0) + var(--toward) * 22%);animation-timing-function:ease-in;top:34%;transform:translate(-50%,-50%)}38%{left:calc(var(--x0) + var(--toward) * 22%);animation-timing-function:cubic-bezier(.6,0,.9,.3);top:42%;transform:translate(-50%,-50%)scale(1.04,.96)}44%{top:48%;left:50%;transform:translate(-50%,-50%)scale(2.6)}62%{animation-timing-function:ease-in;top:48%;left:50%;transform:translate(-50%,-50%)scale(2.5)rotate(3deg)}to{opacity:1;top:-60%;left:50%;transform:translate(-50%,-50%)scale(1.6)}}.trek-reveal--blast{animation-name:trek-blast;animation-duration:3s}@keyframes trek-blast{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.6,.64,1);transform:translate(-50%,-30%)scale(.3)}10%{left:var(--x0);opacity:1;animation-timing-function:ease-in-out;transform:translate(-50%,-88%)scale(1)}32%{left:calc(var(--x0) + var(--toward) * 24%);transform:translate(-50%,-88%)}36%{transform:translate(calc(-50% - 5px),-88%)}39%{transform:translate(calc(5px - 50%),-88%)}42%{transform:translate(calc(-50% - 5px),-88%)}45%{left:calc(var(--x0) + var(--toward) * 24%);transform:translate(calc(5px - 50%),-88%)scale(1.06)}48%{left:calc(var(--x0) + var(--toward) * 18%);transform:translate(-50%, -98%) rotate(calc(var(--toward) * 14deg))}64%{left:calc(var(--x0) + var(--toward) * 16%);animation-timing-function:ease-in;transform:translate(-50%,-88%)}to{left:var(--x-far);opacity:1;transform:translate(-50%,-88%)}}.trek.is-foe{animation:.6s 1.82s trek-quake}@keyframes trek-quake{12%{transform:translate(-14px,6px)rotate(-1deg)}26%{transform:translate(12px,-8px)rotate(1deg)}42%{transform:translate(-9px,4px)}60%{transform:translate(6px,-3px)}80%{transform:translate(-3px,1px)}}.trek-ring{z-index:4;aspect-ratio:1;pointer-events:none;border:8px solid;border-radius:50%;animation:.8s cubic-bezier(.16,1,.3,1) both trek-ring;position:absolute;translate:-50% -50%}.trek-ring.is-good{border-color:var(--go)}.trek-ring.is-bad{border-color:var(--pop)}.trek-ring.is-good.is-rare,.trek-ring.is-good.is-super{border-color:var(--sun)}@keyframes trek-ring{0%{opacity:0;scale:.6}5%{opacity:1}to{opacity:0;border-width:1px;scale:2.6}}.trek-crumbs{z-index:5;position:absolute}.trek-crumbs>span{border:2px solid var(--ink);background:#a8743f;border-radius:35%;animation:.9s cubic-bezier(.2,.8,.4,1) both trek-crumb;position:absolute;translate:-50% -50%}@keyframes trek-crumb{0%{opacity:1;transform:translate(0)scale(.4)rotate(0)}55%{transform:translate(var(--dx), var(--dy)) scale(1) rotate(120deg);opacity:1}to{transform:translate(calc(var(--dx) * 1.2), calc(var(--dy) + 90px)) scale(.9) rotate(200deg);opacity:0}}.trek-sparkles{z-index:8;position:absolute}.trek-sparkles span{color:var(--sun);-webkit-text-stroke:1.5px var(--ink);animation:1.3s cubic-bezier(.16,1,.3,1) both trek-sparkle;position:absolute;translate:-50% -50%}.trek-sparkles span:nth-child(3n){color:var(--paper)}@keyframes trek-sparkle{0%{opacity:0;transform:translate(0)scale(.2)}15%{opacity:1}70%{opacity:1}to{transform:translate(calc(var(--dx) * 1.6), calc(var(--dy) * 1.6)) scale(1.2) rotate(180deg);opacity:0}}.trek-darken{z-index:5;pointer-events:none;background:radial-gradient(circle at var(--x) 66%, transparent 8%, #18122899 62%);animation:3.4s both trek-darken;position:absolute;inset:0}@keyframes trek-darken{0%{opacity:0}18%{opacity:1}78%{opacity:1}to{opacity:0}}.trek-flash{z-index:8;pointer-events:none;background:var(--pop);animation:.5s 1.78s both trek-flash;position:absolute;inset:0}.trek-flash.is-gas{background:#b6d65a}.trek-flash.is-blast{background:#ffb347}@keyframes trek-flash{0%{opacity:0}15%{opacity:.55}to{opacity:0}}.trek-dusk{z-index:5;pointer-events:none;background:#161a489e;animation:3.4s both trek-dusk;position:absolute;inset:0}@keyframes trek-dusk{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.trek-dusk span{aspect-ratio:1;background:#f4ff7a;border-radius:50%;width:clamp(8px,1vw,14px);animation:.9s ease-in-out infinite alternate both trek-twinkle;position:absolute;box-shadow:0 0 14px 6px #f4ff7ab3}@keyframes trek-twinkle{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}.trek-stink{z-index:8;pointer-events:none;position:absolute;inset:0}.trek-stink span{aspect-ratio:1;border:4px solid var(--ink);opacity:0;background:#c4dd73;border-radius:50%;animation:1.7s cubic-bezier(.16,1,.3,1) both trek-stink;position:absolute;translate:-50% -50%}@keyframes trek-stink{0%{opacity:0;scale:.2}20%{opacity:.92;scale:1}70%{opacity:.85;scale:1.15}to{opacity:0;scale:1.3}}.trek-web{z-index:8;pointer-events:none;width:100%;height:100%;animation:1.6s 1.75s both trek-web-fade;position:absolute;inset:0}.trek-web path{fill:none;stroke:var(--paper);stroke-width:.7px;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1px;filter:drop-shadow(0 0 .4px var(--ink));animation:.35s ease-out 1.75s both trek-web-draw}.trek-web .trek-web-ring{animation-delay:1.9s}@keyframes trek-web-draw{to{stroke-dashoffset:0}}@keyframes trek-web-fade{0%,70%{opacity:1}to{opacity:0}}.trek-boom{z-index:8;pointer-events:none;position:absolute;top:52%;left:50%}.trek-boom-core{aspect-ratio:1;border:6px solid var(--ink);background:radial-gradient(circle, var(--paper) 0 30%, var(--sun) 30% 60%, #ff8c3a 60%);border-radius:50%;width:40vmin;animation:.7s cubic-bezier(.16,1,.3,1) 1.8s both trek-boom;position:absolute;translate:-50% -50%}@keyframes trek-boom{0%{opacity:1;scale:.1}60%{opacity:1}to{opacity:0;scale:1.8}}.trek-boom span{aspect-ratio:1;border:4px solid var(--ink);background:var(--paper);border-radius:50%;animation:1.3s cubic-bezier(.16,1,.3,1) both trek-steam;position:absolute;translate:-50% -50%}@keyframes trek-steam{0%{opacity:0;transform:translate(0)scale(.2)}10%{opacity:.95}70%{opacity:.9}to{transform:translate(var(--bx), var(--by)) scale(1.2);opacity:0}}.trek-bump{z-index:8;pointer-events:none;justify-items:center;display:grid;position:absolute;top:28%;translate:-50% -50%}.trek-bump-lump{aspect-ratio:1.3;border:5px solid var(--ink);background:#ff8f8f;border-radius:50% 50% 46% 46%;width:18vmin;animation:.9s cubic-bezier(.34,1.8,.64,1) 2.4s both trek-bump;box-shadow:inset 0 -12px #f2545b}.trek-bump-itch{font-family:var(--font-comic);letter-spacing:.04em;color:var(--paper);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:clamp(28px,4vw,54px);animation:.9s cubic-bezier(.34,1.8,.64,1) 2.5s both trek-bump;rotate:-8deg}@keyframes trek-bump{0%{opacity:1;scale:0}25%{scale:1}80%{opacity:1}to{opacity:0;scale:1}}.home{align-content:start;gap:18px;max-width:1120px;margin:0 auto;padding:20px 20px 48px;display:grid}.home-header{justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.home-logo{margin:0;line-height:0}.home-logo img{width:auto;height:88px}.home-tools{--button-size:48px;align-items:center;gap:6px;display:flex}.settings-menu{gap:6px;display:flex;position:relative}.settings-panel{z-index:5;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);width:300px;box-shadow:var(--drop);gap:8px;padding:12px 14px;display:grid;position:absolute;top:calc(100% + 10px);right:0}.home-grown-ups{min-height:var(--tap);white-space:nowrap;color:var(--paper);text-shadow:0 1px 0 var(--ink);padding:0 10px;font-size:15px}.home-section{gap:12px;display:grid}.home-section-title{color:var(--ink);font-size:30px}.practice-row{border:var(--outline) solid var(--ink);border-radius:var(--radius);background:#f2f8fe;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:10px 16px;display:flex}.practice-row h2{font-size:24px}.practice-lines{flex:640px;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:6px 14px;margin:0;padding:0;list-style:none;display:grid}.practice-line{grid-column:1/-1;grid-template-columns:subgrid;align-items:center;font-size:15px;font-weight:600;display:grid}.practice-track{background:var(--sun);border:2px solid var(--ink);border-radius:999px;justify-self:start;padding:1px 10px;font-size:14px;font-weight:800}.practice-stage{font-size:16px;font-weight:700}.practice-more{color:var(--locked-ink);white-space:nowrap;font-size:14px;font-weight:600}.practice-progress{display:contents}.practice-place{color:var(--locked-ink);white-space:nowrap;justify-self:end}.practice-hint{color:var(--locked-ink);font-size:13px;display:block}.practice-done{font-size:16px;font-weight:700}.practice-meter{background:var(--paper-dim);border:2px solid var(--ink);border-radius:999px;width:110px;height:12px;overflow:hidden}.practice-meter span{background:var(--go);height:100%;display:block}.home-games{container-type:inline-size}.games{grid-template-columns:1fr;gap:20px;margin:0;padding:0;list-style:none;display:grid}@container (width>=500px){.games{grid-template-columns:repeat(2,1fr)}}@container (width>=820px){.games{grid-template-columns:repeat(3,1fr)}}.game-card{text-align:center;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);width:100%;height:100%;min-height:176px;box-shadow:var(--drop);transition:translate var(--quick) ease-out, box-shadow var(--quick) ease-out;grid-template-rows:60px auto auto 1fr;place-items:start center;gap:4px;padding:14px 14px 12px;display:grid;position:relative}.game-card:not(:disabled):hover{box-shadow:var(--drop-lifted);translate:0 -3px}.game-card:not(:disabled):active{box-shadow:var(--drop-pressed);translate:0 3px}.game-card.is-last{background:var(--sun)}.game-card:disabled{color:var(--locked-ink);background:var(--locked)}.game-card:disabled .game-art{filter:grayscale()opacity(.6)}.game-card-name{font-family:var(--font-comic);letter-spacing:.03em;text-wrap:balance;font-size:26px;line-height:1.05}.game-card-tip{text-wrap:balance;font-size:15px;line-height:1.3}.game-card-controls{flex-wrap:wrap;justify-content:center;align-self:end;gap:6px;margin-top:4px;display:flex}.control-badge{background:var(--paper-dim);border:2px solid var(--ink);border-radius:999px;align-items:center;gap:4px;padding:1px 9px;font-size:13px;font-weight:700;display:inline-flex}.game-card.is-last .control-badge{background:var(--paper)}.game-card-flag{color:var(--ink);background:var(--paper);border:2px solid var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:999px;padding:1px 10px;font-size:13px;font-weight:800;position:absolute;top:-13px;right:14px;rotate:3deg}.next-unlock{max-width:560px;color:var(--ink);background:var(--locked);border:var(--outline) solid var(--ink);border-radius:var(--radius);box-shadow:var(--drop);grid-template-columns:auto 1fr;align-items:center;gap:4px 16px;padding:12px 18px 12px 12px;display:grid}.next-unlock-name{font-family:var(--font-comic);letter-spacing:.03em;font-size:26px;line-height:1.05}.unlock-level{font-weight:700}.next-unlock-tip{color:var(--locked-ink);font-size:15px}.locked-art{place-items:center;width:88px;height:64px;display:grid;position:relative}.locked-art .game-art{filter:grayscale()brightness(1.1)opacity(.55)}.locked-lock{width:auto;height:30px;position:absolute;bottom:-4px;right:-2px}.all-unlocks summary{min-height:var(--tap);cursor:pointer;background:var(--paper);border:var(--outline) solid var(--ink);box-shadow:var(--drop);transition:translate var(--quick), box-shadow var(--quick);border-radius:999px;align-items:center;gap:8px;padding:0 18px;font-weight:700;list-style:none;display:inline-flex}.all-unlocks summary::-webkit-details-marker{display:none}.all-unlocks summary:after{content:"▾";transition:rotate var(--quick)}.all-unlocks[open] summary:after{rotate:180deg}.all-unlocks summary:active{box-shadow:var(--drop-pressed);translate:0 3px}.locked-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.locked-card{background:var(--locked);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;height:100%;padding:8px 12px 8px 8px;display:grid}.locked-card .locked-art{grid-row:span 2;width:64px;height:48px}.locked-card .game-art{max-width:64px;height:44px}.locked-card .game-art.is-icon{font-size:34px;line-height:44px}.locked-card .locked-lock{height:22px}.locked-card-name{font-family:var(--font-comic);letter-spacing:.03em;font-size:21px;line-height:1.05}.locked-card .unlock-level{font-size:14px}@media (prefers-reduced-motion:reduce){.game-card:not(:disabled):hover,.game-card:not(:disabled):active,.all-unlocks summary:active{translate:none}}.home-footer{justify-content:center;display:flex}@media (width<=600px){.home{gap:16px;padding:14px 16px 40px}.home-logo img{height:64px}.home-tools{--button-size:44px;gap:2px}.home-grown-ups{padding:0 4px;font-size:14px}.practice-lines{grid-template-columns:1fr}.practice-line{grid-template-columns:auto minmax(0,1fr);gap:4px 10px}.practice-progress{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:4px 10px;display:flex}.practice-place{margin-left:auto}}.training-card{text-align:center;justify-items:center;gap:14px;width:min(520px,100%);margin:0 auto;font-size:20px;display:grid}.training-card p{margin:0}.training-grown-ups{color:#4a5070;font-size:15px}.training-link{color:var(--ink);background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.training{--chrome:260px;justify-items:center;gap:12px;display:grid}.training-checks{gap:10px;margin:0;padding:0;list-style:none;display:flex}.training-checks li{aspect-ratio:1;border:3px solid var(--ink);background:var(--paper-dim);opacity:.6;border-radius:50%;place-items:center;width:40px;font-weight:800;display:grid}.training-checks li.is-now{background:var(--sun);opacity:1;scale:1.15}.training-checks li.is-done{background:var(--go);color:var(--paper);opacity:1;animation:.3s cubic-bezier(.2,1.6,.4,1) both guide-pop-in}.training-lights{z-index:6;gap:18px;display:flex;position:absolute;top:12%;left:50%;translate:-50%}.training-lights span{aspect-ratio:1;border:4px solid var(--ink);background:#3a3f63;border-radius:50%;width:clamp(26px,4vw,44px);transition:background .15s,box-shadow .15s}.training-lights span.is-on{background:var(--go);box-shadow:0 0 18px 6px #2bd18bb3}.training-target{z-index:5;aspect-ratio:1;border:5px solid var(--ink);font-family:var(--font-comic);letter-spacing:.04em;pointer-events:none;border-radius:50%;place-items:center;font-size:clamp(22px,3.4vw,42px);display:grid;position:absolute;translate:-50% -50%}.training-target.is-done{animation:.45s forwards ready-done}.training-button{background:var(--paper);animation:.7s ease-in-out infinite alternate guide-offer;box-shadow:0 0 26px 8px #fff27abf}.training-button:before{content:"";background:conic-gradient(var(--go) calc(var(--progress,0) * 360deg), #ffffff59 0);border-radius:50%;position:absolute;inset:-16px;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px));mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 calc(100% - 9px))}.training-hatch{box-shadow:0 0 0 5px var(--ink);background:radial-gradient(circle at 35% 30%,#2f8fbf,#0d3f63 60%,#072a4a);border:12px solid #9fb3c8}.training-hatch.is-open{background:radial-gradient(circle,#bff4ff,#4de3ff 60%,#2f8fbf)}.training-peeper{width:90%;font-size:clamp(36px,6vw,72px);animation:1s ease-out both training-swim-out}.training-peeper img{width:100%}@keyframes training-swim-out{0%{translate:0;scale:.2}to{translate:0 -40%;scale:1}}.training-bar{z-index:6;border:3px solid var(--ink);background:linear-gradient(90deg, var(--go) calc(var(--progress,0) * 100%), #ffffff80 0);border-radius:8px;height:14px;position:absolute;bottom:15%;left:30%;right:30%}.training-burst{z-index:10;pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.guide-strip{z-index:9;color:var(--paper);background:#1b1d3ad6;align-items:center;gap:14px;padding:10px 14px;font-size:clamp(15px,1.9vw,22px);font-weight:600;line-height:1.3;display:flex;position:absolute;bottom:0;left:0;right:0}.guide-strip p{flex:1;margin:0}.guide-strip strong{color:var(--sun);font-family:var(--font-comic);letter-spacing:.04em;font-size:1.3em;font-weight:400}.guide-stuck{color:#ffd2a8}.guide-strip-button{color:var(--ink);flex:none}@keyframes guide-offer{to{scale:1.08}}@keyframes ready-done{40%{scale:1.4}to{opacity:0;scale:1.8}}.countdown-step{color:var(--paper);font-family:var(--font-comic);letter-spacing:.02em;-webkit-text-stroke:12px var(--ink);paint-order:stroke fill;text-shadow:0 12px 0 var(--ink);animation:countdown-number var(--step-ms) both;font-size:clamp(140px,34vh,300px);line-height:1}.countdown-step.is-go{color:var(--go);animation-name:countdown-go}@keyframes countdown-number{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1);scale:1.9}30%{opacity:1;animation-timing-function:linear;scale:1}78%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);scale:.95}to{opacity:0;scale:.6}}@keyframes countdown-go{0%{opacity:0;animation-timing-function:cubic-bezier(.34,1.56,.64,1);rotate:-10deg;scale:.3}35%{opacity:1;animation-timing-function:linear;rotate:-4deg;scale:1}70%{opacity:1;animation-timing-function:cubic-bezier(.5,0,.75,0);rotate:-4deg;scale:1.05}to{opacity:0;rotate:-4deg;scale:1.6}}@media (prefers-reduced-motion:reduce){.countdown-step{animation:none}}.test-result{--pass:#11935c;text-align:left;gap:8px;width:100%;display:grid}.test-result.is-pass{color:var(--pass)}.test-result.is-not-yet{color:var(--pop)}.test-goal{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.test-score{font-family:var(--font-comic);color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums;animation:test-pop .45s var(--pop-in) .1s both;align-items:baseline;gap:10px;font-size:44px;line-height:.9;display:flex}.test-score strong{font-size:2.4em;font-weight:400}.test-stamp{font-family:var(--font-comic);letter-spacing:.06em;white-space:nowrap;border:5px solid;border-radius:10px;padding:4px 16px 0;font-size:clamp(32px,6vw,44px);animation:.5s cubic-bezier(.34,1.8,.64,1) .65s both stamp;rotate:-6deg}@keyframes stamp{0%{opacity:0;scale:2.4}}@keyframes test-pop{0%{opacity:0;scale:.5}}.test-meter{color:var(--ink);padding-top:22px;position:relative}.test-meter-track{background:var(--paper-dim);border:var(--outline) solid var(--ink);border-radius:999px;height:22px;overflow:hidden}.test-meter-fill{background:repeating-linear-gradient(-45deg, var(--sun) 0 10px, #ffc21f 10px 20px);border-right:var(--outline) solid var(--ink);transform-origin:0;height:100%;animation:.7s cubic-bezier(.16,1,.3,1) .25s both test-fill}.is-pass .test-meter-fill{background:repeating-linear-gradient(-45deg, var(--go) 0 10px, #22bd7c 10px 20px)}@keyframes test-fill{0%{scale:0 1}}.test-meter-mark{text-align:right;border-right:var(--outline) solid var(--ink);width:max-content;padding-right:6px;font-size:14px;font-weight:800;line-height:18px;animation:.3s ease-out .7s both test-fade;position:absolute;top:0;bottom:0;translate:-100%}.test-standing{font-size:20px;font-weight:800;animation:.3s ease-out .55s both test-rise}.test-standing strong{font-size:28px}.test-rows{color:var(--ink);gap:4px;margin:4px 0 0;font-size:17px;display:grid}.test-rows>div{flex-wrap:wrap;align-items:baseline;gap:0 8px;animation:.3s ease-out .85s both test-rise;display:flex}.test-rows>div+div{animation-delay:.95s}.test-rows dt{min-width:5.5em;font-weight:600}.test-rows dd{margin:0;font-weight:800}.test-row-note{opacity:.75;font-size:15px;font-weight:600}.test-coach{color:var(--ink);background:var(--sun);border:2px solid var(--ink);border-radius:var(--radius-small);text-wrap:balance;margin:4px 0 0;padding:8px 14px;font-size:17px;font-weight:700;line-height:1.3;animation:.3s ease-out 1.1s both test-rise}@keyframes test-fade{0%{opacity:0}}@keyframes test-rise{0%{opacity:0;translate:0 8px}}@media (width<=480px){.test-score{font-size:30px}.test-stamp{font-size:28px}}.results{--pop-in:cubic-bezier(.34, 1.6, .64, 1);--ease-out:cubic-bezier(.22, 1, .36, 1);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.results-panel{text-align:center;background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius);width:min(520px,100%);box-shadow:0 6px 0 var(--ink);justify-items:center;gap:8px;padding:32px 28px 28px;display:grid}.results-head{justify-items:center;gap:4px;display:grid}.results-heading{animation:results-pop .4s var(--pop-in) both;font-size:48px}.results-score{align-items:baseline;gap:10px;font-size:24px;font-weight:700;display:flex}.results-score strong{font-family:var(--font-comic);font-variant-numeric:tabular-nums;animation:results-pop .45s var(--pop-in) .15s both;font-size:112px;font-weight:400;line-height:.9}@keyframes results-pop{0%{opacity:0;scale:.5}}.moment-slot{place-items:center;width:100%;min-height:190px;display:grid}.moment-slot.is-done{min-height:110px}.moment{width:100%;animation:moment var(--ms) var(--ease-out) both;justify-items:center;gap:10px;display:grid}@keyframes moment{0%{opacity:0;scale:.7}14%,82%{opacity:1;translate:0;scale:1}to{opacity:0;translate:0 -18px;scale:.96}}.moment-icon{font-size:52px;line-height:1}.moment-line{text-wrap:balance;font-size:24px;font-weight:800;line-height:1.25}.moment-note{font-size:17px;font-weight:600}.moment-best{background:var(--sun);border:var(--outline) solid var(--ink);border-radius:999px;padding:6px 24px;font-size:32px;font-weight:800}.moment-stars{font-variant-numeric:tabular-nums;font-size:52px;font-weight:800;line-height:1}.moment-stars .star{vertical-align:-.08em;height:.9em}.meter{gap:6px;width:min(340px,100%);display:grid}.meter-track .level-bar-fill{transition:width .85s cubic-bezier(.16,1,.3,1)}.meter-label{font-size:14px;font-weight:600}.moment-trophy{width:auto;height:72px;animation:trophy-land .7s var(--pop-in) .15s both}@keyframes trophy-land{0%{opacity:0;translate:0 -30px;scale:.3}}.moment-level{font-family:var(--font-comic);letter-spacing:.03em;font-size:48px;line-height:1}.moment-unlocks{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin:0;padding:0;font-size:14px;font-weight:700;list-style:none;display:flex}.moment-unlocks li{align-items:center;gap:8px;display:flex}.unlock-art.game-art{max-width:44px;height:32px}.unlock-art.is-icon{font-size:26px;line-height:32px}.results-summary{animation:results-pop .4s var(--pop-in) both;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;display:flex}.summary-stars{font-variant-numeric:tabular-nums;font-size:40px;font-weight:800}.summary-stars .star{vertical-align:-.08em;height:.9em}.summary-tag{background:var(--sun);border:2px solid var(--ink);border-radius:999px;padding:2px 14px;font-size:17px;font-weight:800}.results-footer{width:100%;position:relative}.results-actions{gap:12px;display:grid}.results-actions.reveal.is-in{animation:results-rise .3s var(--ease-out) both}@keyframes results-rise{0%{opacity:0;translate:0 10px}}.results-more{flex-wrap:wrap;gap:12px;display:flex}.results-more .results-action{white-space:nowrap;flex:180px}.results-action{background:var(--paper);border:var(--outline) solid var(--ink);border-radius:var(--radius-small);min-height:52px;box-shadow:var(--drop);transition:translate var(--quick), box-shadow var(--quick);justify-content:center;align-items:center;gap:10px;padding:0 18px;font-size:17px;font-weight:800;display:inline-flex;position:relative}.results-action.is-primary{background:var(--sun);min-height:60px;font-size:20px}.results-action .button-glyph{width:22px;height:22px}.results-action .glyph-fill{fill:var(--paper)}.results-action:hover{box-shadow:var(--drop-lifted);translate:0 -3px}.results-action:active{box-shadow:var(--drop-pressed);translate:0 3px}.results-action:focus-visible{outline:none}.results-action:focus-visible:after{content:"";border:var(--outline) solid var(--ink);border-radius:calc(var(--radius-small) + 6px);box-shadow:inset 0 0 0 3px var(--sun);pointer-events:none;position:absolute;inset:-8px -8px -12px}@media (prefers-reduced-motion:reduce){.results-action:hover,.results-action:active{translate:none}}.skip-hint{color:var(--locked-ink);place-items:center;font-size:14px;font-weight:600;animation:.4s ease-out 1.2s both results-rise;display:grid;position:absolute;inset:0}.reveal:not(.is-in){visibility:hidden}.results.is-settled *{animation-delay:-60s}@media (width<=480px){.results-panel{padding:24px 18px 22px}.results-heading{font-size:40px}.results-score strong{font-size:96px}}