html,body{background:#0d0d1a;height:100%;margin:0;overflow:hidden}#stage{aspect-ratio:16/9;width:min(100vw,177.778vh);margin:auto;position:relative;top:50%;transform:translateY(-50%)}#game{position:absolute;inset:0}#facecam{z-index:2;color:#e8eef8;background:#0c1221;border:1px solid #64748b80;border-radius:10px;width:28%;max-width:360px;font:12px system-ui,sans-serif;position:absolute;bottom:7%;left:1.25%;overflow:hidden;box-shadow:0 8px 26px #0008}#facecam[hidden],#stage:not(.run-active) #facecam,#stage[data-match-mode=jon] #cam-saboteur,#stage[data-match-mode=giant] #cam-runner{display:none}.facecam-header{background:#141d30;align-items:center;gap:4px;min-height:28px;padding:2px 6px;display:flex}.facecam-title{white-space:nowrap;letter-spacing:.06em;flex:1;font-size:clamp(8px,.8vw,11px);font-weight:700;overflow:hidden}.facecam-title i{background:#61edc4;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.facecam-header a{color:#a5b7d3;font-size:10px;text-decoration:none}.facecam-header button{color:#fff;cursor:pointer;background:#25324a;border:0;border-radius:4px;width:24px;height:24px;padding:0;font-size:18px}.facecam-header button:hover{background:#3a4c6d}.facecam-header :focus-visible{outline-offset:1px;outline:2px solid #61edc4}#facecam-body{grid-template-columns:1fr 1fr;display:grid}#facecam-body[hidden]{display:none}.cam{border-top:2px solid #61edc4;min-width:0}.cam.right{border-top-color:#c5a1ff;border-left:1px solid #64748b60}.cam canvas{width:100%;height:auto;display:block}@media (width<=640px){.facecam-header{gap:2px;min-height:24px;padding:2px 3px}.facecam-header a{display:none}.facecam-header button{width:22px;height:22px}}#banner{color:#fff;z-index:3;background:#000a;border-radius:6px;padding:6px 12px;font:14px system-ui,sans-serif;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.cam{color:#e5edff;pointer-events:none;background:#101426;width:18%;max-width:210px;font:clamp(9px,1.15vw,14px) system-ui,sans-serif}.cam canvas{object-fit:contain;background:#080b14;height:clamp(50px,10vh,90px)}.cam-label{padding:4px 8px;font-weight:700}.cam[data-ready=true]{border-color:#70e0b1}#banner{box-sizing:border-box;text-align:center;width:max-content;max-width:90%;font-size:clamp(10px,1.2vw,14px);bottom:2px}#banner[hidden]{display:none}#sound-toggle{z-index:4;color:#e5edff;cursor:pointer;background:#101426;border:1px solid #a8b6d3;border-radius:6px;padding:6px 10px;font:clamp(10px,1.2vw,14px) system-ui,sans-serif;position:absolute;top:12px;right:22%}#sound-toggle:hover,#sound-toggle:focus-visible{outline-offset:2px;border-color:#4fc3f7;outline:2px solid #4fc3f7}#banner button,#banner a{color:#e5edff;font:inherit;cursor:pointer;background:#101426;border:1px solid #4fc3f7;border-radius:4px;margin:4px;padding:5px 8px;text-decoration:none;display:inline-block}#banner button:focus-visible,#banner a:focus-visible{outline-offset:2px;outline:2px solid #4fc3f7}#stage{container-type:inline-size}.story-screen,.story-hud{z-index:1;font-family:system-ui,sans-serif;position:absolute;inset:0}.story-screen{color:#233e2c;background:linear-gradient(#bdddd3,#e6eac8 65%,#c8d4a3);place-items:center;display:grid;overflow:hidden}.beanstalk-art{pointer-events:none;position:absolute;inset:0;overflow:hidden}.beanstalk-art svg{width:100%;height:100%;position:relative}.beanstalk-vine{background-repeat:repeat-y;background-size:100%;width:8cqw;position:absolute;top:0;bottom:0}.beanstalk-vine.left{left:-.5cqw}.beanstalk-vine.right{right:-.5cqw}.story-content{text-align:center;width:84%;position:relative}.story-eyebrow{letter-spacing:.2em;margin:0 0 .65cqw;font-size:1.15cqw;font-weight:800}.story-content h1{letter-spacing:-.04em;color:#24482d;margin:0;font:700 4.3cqw Georgia,serif}.story-subtitle{margin:.8cqw 0 1.8cqw;font:1.55cqw Georgia,serif}.role-cards{gap:2cqw;margin-bottom:1.8cqw;display:flex}.role-card{background:#fff9e8ed;border:1px solid #81975c;border-radius:1.2cqw;flex:1;padding:1.4cqw;box-shadow:0 .4cqw #27482b22}.role-number{letter-spacing:.1em;color:#536b3a;font-size:1cqw;font-weight:800}.role-card h2{margin:.4cqw 0;font:700 2.5cqw Georgia,serif}.role-card p{margin:.6cqw 0;font-size:1.2cqw;line-height:1.5}.role-card strong{font-size:1.35cqw;line-height:1.6;display:block}.role-card small{color:#516246;margin-top:.85cqw;font-size:1.05cqw;display:block}.story-button,.pause-panel button{color:#fffbe9;cursor:pointer;background:#315e36;border:1px solid #1f4929;border-radius:.6cqw;padding:1cqw 3cqw;font:700 1.6cqw system-ui,sans-serif;box-shadow:0 .3cqw #173b20}.story-button:hover,.pause-panel button:hover{background:#244b2a}.story-button:focus-visible,.pause-panel button:focus-visible{outline-offset:4px;outline:3px solid #a66b23}.story-button:disabled{opacity:.6;cursor:wait}.start-hint{margin:1.2cqw 0 .8cqw;font-size:1.15cqw}.camera-hint{color:#516246;margin:0;font-size:1.05cqw}.story-results{justify-content:center;gap:8cqw;margin:3cqw 0;display:flex}.story-results strong{font:700 4.5cqw Georgia,serif;display:block}.story-results span{letter-spacing:.12em;font-size:1.2cqw}.story-hud{pointer-events:none;color:#fff9e8;font-size:1.2cqw}.story-hud .beanstalk-art{opacity:.48}.story-hud .beanstalk-art svg{-webkit-mask-image:linear-gradient(90deg,#000 0% 20%,#0000 27% 73%,#000 80%);mask-image:linear-gradient(90deg,#000 0% 20%,#0000 27% 73%,#000 80%)}.hud-score{text-align:center;background:#173b20e8;border-radius:.6cqw;padding:.4cqw 1.5cqw;position:absolute;top:1%;left:50%;transform:translate(-50%)}.hud-score span{letter-spacing:.15em;font-size:1cqw;display:block}.hud-score strong{font-size:2.8cqw}.hud-jon,.hud-giant{background:#122b20ed;border:1px solid #88a87188;border-radius:.7cqw;padding:1cqw;position:absolute;bottom:4%}.hud-jon{left:1%}.hud-giant{text-align:right;right:1%}.story-hud h2{color:#d9e9a4;margin:0 0 .7cqw;font-size:1.45cqw}.story-hud p{margin:.4cqw 0}.story-hud small{color:#e0ddc3;font-size:1.05cqw}.hud-powerups{color:#b9efa9;margin-bottom:.5cqw;font-size:1.1cqw;font-weight:700}.hud-cards{justify-content:flex-end;gap:.6cqw;margin-bottom:.65cqw;display:flex}.hud-card{border:1px solid var(--card-color);border-top:.35cqw solid var(--card-color);text-align:center;background:#213e2d;border-radius:.5cqw;place-items:center;gap:.6cqw;min-width:8.3cqw;padding:.8cqw;display:grid}.hud-card.selected{outline-offset:1px;background:#3b5130;outline:2px solid #f6d77c}.hud-card.selected small{color:#ffe899}.hud-feedback{color:#ffe4a1;white-space:nowrap;background:#273b25ed;border-radius:.5cqw;padding:.6cqw 1cqw;font-size:1.5cqw;font-weight:700;position:absolute;top:14%;left:50%;transform:translate(-50%)}.hud-feedback:empty,.hud-feedback[hidden]{display:none}.hud-feedback.positive{color:#b9efa9}#pause-toggle{z-index:4;color:#fff9e8;cursor:pointer;background:#173b20;border:1px solid #a8c28c;border-radius:6px;padding:6px 10px;font:clamp(10px,1.2vw,14px) system-ui,sans-serif;position:absolute;top:12px;left:22%}#pause-overlay{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#10251ce8;place-items:center;font-family:system-ui,sans-serif;display:grid;position:absolute;inset:0}#pause-overlay[hidden],#pause-toggle[hidden]{display:none}.pause-panel{text-align:center;color:#284430;background:#fff7df;border:1px solid #b4bf83;border-radius:1.5cqw;max-width:70%;padding:3cqw}.pause-panel h2{margin:0 0 1cqw;font:700 3cqw Georgia,serif}.pause-panel p{margin-bottom:2cqw;font-size:1.4cqw}#sound-toggle{color:#fff9e8;background:#173b20;border-color:#a8c28c}.cam{background:#173b20}.story-screen{background:radial-gradient(at 50% 10%,#fff2e3aa,#0000 60%),linear-gradient(#c7b8e3,#d8e9d5 55%,#efd4df)}.story-eyebrow{color:#76517d}.story-content h1{color:#3e4e45;text-shadow:0 2px #fff8e6}.role-card{border:3px double #aa9c72;box-shadow:0 .5cqw 1.8cqw #7a64852b}.role-card.giant{background:#f6eaf6f2;border-color:#b38ab4}.story-button{background:linear-gradient(#79619a,#60427d);border-color:#543867;box-shadow:0 .3cqw #422b57,0 0 2cqw #fff4ce99}.story-button:hover{background:#60427d}.fairy-glow{filter:drop-shadow(0 0 8px #fff7a0)}.hud-score,.hud-jon,.hud-giant{background:#2e2949ee;border-color:#e0c79f88}.hud-card{background:#453753}.hud-card.selected{background:#665074}.story-screen,.story-hud,.pause-panel{font-family:Courier New,monospace}.story-content h1{letter-spacing:-.065em;text-shadow:2px 2px #f5e0a5,4px 4px #89658f55;font-family:Courier New,monospace;font-size:3.8cqw;font-weight:900}.story-eyebrow{letter-spacing:.13em}.story-subtitle{font-family:Courier New,monospace;font-size:1.3cqw}.role-card{border:2px solid #826a95;border-radius:0;box-shadow:4px 4px #72547c66,inset 0 0 0 3px #fffaf1}.role-card h2{letter-spacing:-.06em;font-family:Courier New,monospace;font-size:2.15cqw}.role-card strong{font-size:1.2cqw}.role-card small{font-size:1cqw}.story-button,.pause-panel button{text-transform:uppercase;background:#69468c;border:2px solid #ecd6a5;border-radius:0;font-family:Courier New,monospace;font-size:1.35cqw;box-shadow:4px 4px #433258,-2px -2px #56406e}.hud-score,.hud-jon,.hud-giant,.hud-card,.hud-feedback{border:2px solid #d4bc8a;border-radius:0;box-shadow:3px 3px #3c2a53}.hud-score strong{color:#ffedb0}.hud-card.selected{border-color:#a4ffe3;outline-color:#a4ffe3}.hud-card small{font-size:.9cqw}.hud-card .card-counter{color:#bdf4dd;font-size:.85cqw;font-weight:700}.jump-legend{color:#f4dfa5;font-size:1cqw;line-height:1.5}.pause-panel{border:3px solid #b998cd;border-radius:0;box-shadow:6px 6px #4b345b}.pause-panel h2{font-family:Courier New,monospace;font-size:2.6cqw}#pause-toggle,#sound-toggle{background:#49325f;border:2px solid #e0c58e;border-radius:0;font-family:Courier New,monospace}.hud-jon,.hud-giant{box-sizing:border-box;width:27%}.hud-cards{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.hud-card{min-width:0;padding:.7cqw .25cqw}.hud-card strong{overflow-wrap:anywhere;font-size:1.05cqw}.hud-cards{grid-template-columns:minmax(0,1fr)}.hud-card{min-height:5cqw}.hud-card strong{font-size:1.35cqw}.cooldown-label{color:#ffdf9a;font-size:1.3cqw;font-weight:700}#facecam{width:auto;max-width:none;box-shadow:none;pointer-events:none;background:0 0;border:0;border-radius:0;inset:0;overflow:visible}#facecam.expanded{width:auto;max-width:none}#facecam .facecam-header{transform-origin:top;pointer-events:auto;z-index:1;background:#0c1221d9;border:1px solid #64748b80;border-radius:999px;width:max-content;position:absolute;top:.3%;left:50%;transform:translate(-50%)scale(.8)}#facecam-body{display:contents}#facecam .cam{box-sizing:border-box;border:2px solid #fff5;border-radius:8px;width:24%;max-width:none;position:absolute;top:9%;overflow:hidden;box-shadow:0 6px 20px #0008}#facecam.expanded .cam{width:26%}#facecam .cam.left{left:1%}#facecam .cam.right{border-left:2px solid #fff5;right:1%}#facecam .cam canvas{aspect-ratio:4/3;object-fit:cover;height:auto}#facecam .cam-label{font-size:clamp(9px,.9vw,12px)}#stage:has(.story-screen) #facecam .cam{width:18%}#stage:has(.story-screen) #facecam .cam canvas{aspect-ratio:16/9}.start-hint,.camera-hint{max-width:60%;margin-left:auto;margin-right:auto}.intro-screen{z-index:5}.intro-content{text-align:center;width:75%;position:relative}.intro-illustration{height:19cqw}.intro-illustration svg{width:100%;height:100%;overflow:visible}.intro-content h1{color:#3f3556;margin:.5cqw 0;font:700 3cqw Courier New,monospace}.intro-adventure{color:#76517d;letter-spacing:.13em;text-transform:uppercase;font-size:1.1cqw}.intro-narration{color:#3c3b42;max-width:65cqw;min-height:4.2cqw;margin:.9cqw auto;font-size:1.55cqw;line-height:1.6}.intro-actions{justify-content:center;align-items:center;gap:2cqw;display:flex}.intro-skip{color:#553a6c;cursor:pointer;background:0 0;border:0;padding:1cqw;font:700 1.15cqw Courier New,monospace;text-decoration:underline}.intro-skip:focus-visible{outline:2px solid #69468c}.intro-dots{justify-content:center;gap:.8cqw;margin:1cqw;display:flex}.intro-dots span{background:#bba4ca;width:.6cqw;height:.6cqw}.intro-dots .active{background:#62417d;box-shadow:0 0 8px #fff2aa}.intro-wizard{transform-origin:50%;animation:3s ease-in-out infinite alternate intro-float}.intro-stars{animation:1.5s ease-in-out infinite alternate intro-glimmer}.intro-screen[data-theme=clouds]{background:linear-gradient(#b6cbea,#f7e9f3)}.intro-screen[data-theme=castle]{background:linear-gradient(#6d5c8e,#d6c1dd)}.intro-screen[data-theme=castle] .intro-content h1,.intro-screen[data-theme=castle] .intro-narration{color:#fff7e9}.intro-screen[data-theme=castle] .story-eyebrow,.intro-screen[data-theme=castle] .intro-adventure{color:#f4dea8}.intro-screen[data-theme=grove] .intro-castle{opacity:.2}.intro-screen[data-theme=castle] .intro-castle{filter:drop-shadow(0 0 8px #fff4a4)}@keyframes intro-float{0%{translate:0}to{translate:0 -8px}}@keyframes intro-glimmer{0%{opacity:.4}to{opacity:1}}.hud-level{box-sizing:border-box;color:#f6e5ba;background:#2e2949ee;border:1px solid #d4bc8a;width:100%;padding:.5cqw .8cqw;font-size:1cqw;position:relative;top:auto;left:auto;translate:none}.hud-level strong{font-size:1cqw}.hud-level span{float:right}.hud-level progress{accent-color:#c1e3a6;width:100%;height:.5cqw;margin-top:.5cqw;display:block}.hud-feedback{white-space:normal;text-align:center;max-width:60%;top:23%}.intro-illustration svg{overflow:hidden}.intro-wizard,.intro-giant{opacity:.55;transition:opacity .25s,filter .25s}.intro-screen[data-speaker=Jon] .intro-wizard,.intro-screen[data-speaker=Giant] .intro-giant{opacity:1;filter:drop-shadow(0 0 8px #ffeeb0)}.intro-castle{opacity:.18!important}.intro-speaker{color:#ffeab7;background:#49355f;border:1px solid #cfb77f;margin:.2cqw 0;padding:.35cqw 1cqw;font-size:1cqw;display:inline-block}.intro-content h1{font-size:2.5cqw}.intro-narration{box-sizing:border-box;background:#fff7e8e8;border:2px solid #b19ac1;padding:.7cqw 1.3cqw;font-size:1.35cqw}.intro-screen[data-theme=castle] .intro-narration{color:#3c3b42}.tale-cutscene{z-index:120;color:#fff1d8;background:#131022ed;place-items:center;font-family:Courier New,monospace;display:grid;position:absolute;inset:0;container-type:inline-size}.tale-frame{background:#211831;border:2px solid #d8b780;width:80%;animation:.45s ease-out tale-arrive;box-shadow:0 0 0 .6cqw #624975,0 2cqw 8cqw #070610aa}.tale-art{border-bottom:2px solid #d8b780;height:18cqw;overflow:hidden}.tale-art svg{object-fit:cover;width:100%;height:100%}.tale-copy{padding:1.3cqw 3cqw 1.8cqw}.tale-kicker{letter-spacing:.3em;color:#c9a8de;margin:0 0 .7cqw;font-size:.8cqw}.spell-word{justify-content:center;gap:.5cqw;display:flex}.spell-letter{color:#887b9b;background:#2f2642;border:1px solid #8e77aa;place-items:center;width:2.6cqw;height:2.9cqw;font-size:1.7cqw;font-weight:700;display:inline-grid}.spell-letter.restored{color:#3a2758;background:#ffe6a3;border-color:#fff2ca;box-shadow:0 0 1.2cqw #ffe19d33}.tale-speaker{color:#a5e3d6;letter-spacing:.18em;margin:1cqw 0 .4cqw;font-size:.9cqw}.tale-copy h1{letter-spacing:-.04em;margin:0 0 .8cqw;font-size:2.25cqw;line-height:1.15}.tale-dialogue{min-height:4cqw;margin:0;font-size:1.2cqw;line-height:1.6}.tale-reward{color:#f2cc88;margin:.8cqw 0 1cqw;font-size:.9cqw}.tale-controls{align-items:center;gap:1.5cqw;display:flex}.tale-controls small{color:#cbb9d6;margin-left:auto;font-size:.8cqw}.tale-skip{color:#d6c4e3;cursor:pointer;background:0 0;border:0;font:1cqw Courier New,monospace;text-decoration:underline}.tale-cutscene button:focus-visible{outline-offset:4px;outline:2px solid #a4ffe1}.story-relic{transform-origin:400px 140px;filter:drop-shadow(0 10px 10px #21132755);animation:3s ease-in-out infinite relic-float}.story-clouds{animation:8s ease-in-out infinite alternate cloud-drift}.story-sparks{animation:2s ease-in-out infinite alternate spark-glow}.hud-level .spell-word{margin-top:.5cqw}.hud-level .spell-letter{width:1.5cqw;height:1.7cqw;font-size:1.1cqw}.hud-relics{max-width:28cqw;margin-top:.5cqw;font-size:.65cqw;line-height:1.5;display:block}.hud-cards{flex-wrap:wrap;gap:.4cqw;display:flex}.hud-card{flex:1;min-width:6cqw}.victory-badge{border:2px solid #dfbd87;width:36cqw;height:11cqw;margin:0 auto 1cqw;overflow:hidden}.victory-badge svg{width:100%;height:100%}.victory-spell{margin-bottom:1cqw}.festival-victory{background:radial-gradient(#fff2c8,#cdb5e4 70%);overflow:hidden}.festival-victory .story-content{z-index:2}.festival-confetti{top:-10%;left:calc(var(--i) * 4.2%);width:.45cqw;height:1cqw;animation:festival-fall calc(3s + var(--i) * 80ms) linear infinite;animation-delay:calc(var(--i) * -.27s);background:#ffe1a1;position:absolute}.festival-confetti:nth-child(3n){background:#9773bd}.festival-confetti:nth-child(3n+1){background:#73bfaa}@keyframes tale-arrive{0%{opacity:0;transform:translateY(1cqw)}to{opacity:1;transform:none}}@keyframes relic-float{50%{transform:translateY(-7px)rotate(-2deg)}}@keyframes cloud-drift{to{transform:translate(25px)}}@keyframes spark-glow{to{opacity:.35}}@keyframes festival-fall{to{transform:translateY(70cqw)rotate(400deg)}}.rescue-form{margin-top:1cqw}.rescue-form label{color:#c4e9dc;margin-bottom:.6cqw;font-size:1cqw;display:block}.rescue-form>div{gap:1cqw;display:flex}.rescue-form input{color:#fff2c9;letter-spacing:.35em;text-transform:uppercase;background:#120d23;border:2px solid #a891bd;flex:1;min-width:0;padding:.8cqw 1cqw;font:700 1.8cqw Courier New,monospace}.rescue-form input:focus{outline-offset:2px;outline:2px solid #b7f4d8}.rescue-form input[aria-invalid=true]{border-color:#f1a59d}.rescue-form [role=status]{color:#e6c88d;min-height:2.6cqw;font-size:1cqw;line-height:1.5}.rescue-lock .spell-word{margin:1cqw 0}.cell-open{animation:1.6s ease-in-out forwards cell-lift}.rescue-unlocked .tale-frame{box-shadow:0 0 5cqw #bce4c980}.claude-companion{transform-origin:400px 160px;animation:2.5s ease-in-out infinite claude-breathe}@keyframes cell-lift{to{opacity:0;transform:translateY(-95px)}}@keyframes claude-breathe{50%{transform:translateY(-2px)}}.story-hud .hud-score{box-shadow:none;border:1px solid #c8b186;padding:.45cqw 1cqw;top:2%;left:2%;transform:none}.story-hud .hud-score span{margin-right:.8cqw;font-size:.8cqw;display:inline}.story-hud .hud-score strong{font-size:1.8cqw}.story-hud .hud-level{text-align:center;background:#211b36e8;border:0;border-radius:.6cqw;width:100%;padding:.6cqw 1cqw;top:auto}.story-hud .hud-level>span{float:none;color:#c6b4d2;margin-top:.2cqw;font-size:.8cqw;display:block}.story-hud .hud-level strong{font-size:1cqw}.story-hud .hud-relics{font-size:.7cqw}.story-hud .hud-jon,.story-hud .hud-giant{box-shadow:none;background:#211b36e8;border:1px solid #a791b5;border-radius:.6cqw;padding:.7cqw;bottom:3%}.story-hud .hud-jon{max-width:20%}.story-hud .hud-giant{width:21%}.story-hud h2{margin-bottom:.4cqw;font-size:1.1cqw}.story-hud small{font-size:.75cqw}.story-hud .hud-card{min-width:0;box-shadow:none;border:1px solid #947ba7;border-radius:.3cqw;gap:.25cqw;padding:.5cqw}.story-hud .hud-card strong{font-size:.85cqw}.story-hud .hud-card:not(:first-child) small{display:none}.hud-discovery{box-sizing:border-box;color:#ffe8ac;text-align:left;background:#28213eea;border:1px solid #f0d899;border-radius:.6cqw;width:25%;padding:.7cqw 1cqw;animation:.25s ease-out tale-arrive;position:absolute;top:13%;left:2%;translate:none}.hud-discovery[hidden]{display:none}.hud-discovery strong{font-size:1.05cqw;display:block}.hud-discovery span{color:#c9e4d8;margin-top:.3cqw;font-size:.85cqw;display:block}.story-hud .hud-feedback{max-width:22%;box-shadow:none;border-width:1px;padding:.5cqw .7cqw;font-size:.9cqw;top:30%;left:14%}#sound-toggle{cursor:default;box-shadow:none;background:#211b36ed;border:1px solid #a995b6;border-radius:.6cqw;align-items:center;gap:.6cqw;padding:.5cqw .7cqw;font:.85cqw Courier New,monospace;display:flex}#sound-toggle input{accent-color:#ba9fe0;cursor:pointer;width:8cqw;min-width:55px}#sound-toggle input:focus-visible{outline-offset:3px;outline:2px solid #a4e8d5}.story-secondary{color:#49325f;cursor:pointer;background:0 0;border:0;margin:1cqw auto 0;font:700 1.05cqw Courier New,monospace;text-decoration:underline;display:block}.practice-ui{pointer-events:none;z-index:1;color:#fff0d5;font:1.05cqw Courier New,monospace;position:absolute;inset:0}.practice-ui header{text-align:center;box-sizing:border-box;background:#211b36ee;border:1px solid #d4bc8a;width:34%;padding:.8cqw;position:absolute;top:3%;left:33%}.practice-ui header span{color:#a4ffe3;margin-bottom:.5cqw;font-size:.8cqw;display:block}.practice-ui header strong{font-size:1.4cqw;display:block}.practice-ui progress{accent-color:#a4ffe3;width:100%;height:.5cqw}.practice-card,.practice-guide{box-sizing:border-box;background:#211b36ed;border:1px solid #b59ace;border-radius:.5cqw;padding:1.1cqw;position:absolute;bottom:6%}.practice-card{width:27%;left:2%}.practice-card small{color:#b6ecd5;font-size:.85cqw}.practice-card h1{color:#ffe5a3;margin:.65cqw 0;font-size:1.7cqw;line-height:1.15}.practice-card p{font-size:1.05cqw;line-height:1.6}.practice-card kbd{color:#cebada;font:.85cqw Courier New,monospace;display:block}.practice-feedback{color:#a4ffe3;min-height:2.8cqw;margin-top:.8cqw;font-weight:700;line-height:1.4}.practice-guide{width:25%;font-size:.9cqw;line-height:1.4;right:2%}.practice-guide h2{color:#ffe5a3;margin:0 0 .7cqw;font-size:1.2cqw}.practice-guide p{margin:.65cqw 0}.practice-guide b{color:#ffe5a3}.jump-key{color:#a4ffe3}.dodge-key{color:#ffb5a8}.practice-action,.practice-skip{pointer-events:auto;color:#fff0d5;cursor:pointer;background:#60427d;border:1px solid #d4bc8a;padding:.7cqw 1cqw;font:700 1cqw Courier New,monospace}.practice-action[hidden]{display:none}.practice-skip{background:#211b36ee;font-size:.85cqw;position:absolute;top:2%;bottom:auto;left:2%}.practice-ui button:focus-visible,.story-secondary:focus-visible{outline-offset:3px;outline:2px solid #a4ffe3}.giant-rotation{z-index:1;box-sizing:border-box;color:#f8ebd1;background:#211b36ed;border:1px solid #ad91c4;border-radius:.5cqw;width:21%;padding:.7cqw;font:.8cqw Courier New,monospace;position:absolute;top:54%;right:1%}.giant-rotation h3{color:#ffe2a0;margin:0 0 .5cqw;font-size:1cqw}.giant-rotation ol{gap:.3cqw;margin:0;padding:0;list-style:none;display:grid}.giant-rotation li{border-left:.25cqw solid var(--attack-color);background:#382b49;grid-template-columns:1.5cqw 1fr;gap:.1cqw .4cqw;padding:.3cqw .5cqw;display:grid}.giant-rotation li:first-child{background:#574068;outline:1px solid #d5b5eb}.giant-rotation b{color:#e9d494;grid-row:span 2;align-self:center}.giant-rotation small{color:#c9b6dc;font-size:.6cqw}.giant-rotation p{margin:.5cqw 0 0;font-size:.65cqw}.obstacle-legend{gap:.3cqw;font-size:.8cqw;display:grid}.obstacle-legend span:first-child{color:#a4ffe3}.obstacle-legend span:last-child{color:#ffb5a8}.story-hud .hud-powerups{gap:.4cqw;display:grid}.powerup-badge{border:1px solid var(--power-color);color:var(--power-color);background:#171427;align-items:center;gap:.6cqw;padding:.45cqw .5cqw .65cqw;display:flex;position:relative}.powerup-badge>b{font-size:2cqw}.powerup-badge span{flex:1}.powerup-badge strong{font-size:.95cqw;display:block}.story-hud .powerup-badge small{font-size:.65cqw;display:block}.powerup-badge em{font:.85cqw Courier New,monospace}.powerup-badge progress{width:94%;height:.25cqw;accent-color:var(--power-color);position:absolute;bottom:.15cqw;left:3%}.pixel-film{z-index:125;color:#fff0d2;background:#151127f5;place-items:center;font-family:Courier New,monospace;display:grid;position:absolute;inset:0;overflow:hidden}.pixel-film-frame{background:#211b36;border:2px solid #dfc48e;width:72%;box-shadow:5px 5px #080b16,0 0 0 5px #49345f}.pixel-film header{color:#e8d3a8;letter-spacing:.12em;border-bottom:2px solid #dfc48e;justify-content:space-between;align-items:center;padding:.5cqw 1cqw;font-size:.8cqw;display:flex}.pixel-stage{aspect-ratio:16/9;background:#75668f;width:100%;position:relative;overflow:hidden}.pixel-scenery{width:100%;height:100%;position:absolute;inset:0}.pixel-actor{image-rendering:pixelated;pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.pixel-jon{z-index:3;width:16.25%;height:28.889%}.pixel-jon-sprite{width:100%;height:100%;image-rendering:pixelated;background-repeat:no-repeat}.pixel-claude{z-index:2;width:10%;height:22.223%}.pixel-hand{z-index:4;width:15%;height:62.223%;overflow:visible}.pixel-story-label{color:#ffe9b3;letter-spacing:.12em;background:#211b36d9;padding:.4cqw .6cqw;font-size:.7cqw;position:absolute;top:5%;left:3%}.pixel-caption{border-top:2px solid #dfc48e;padding:.7cqw 1.3cqw .8cqw}.pixel-caption-meta{color:#a4dfc7;letter-spacing:.12em;justify-content:space-between;font-size:.75cqw;display:flex}.pixel-page{color:#bba5cb}.pixel-caption h1{letter-spacing:-.04em;color:#ffe5a3;margin:.4cqw 0;font-size:1.6cqw}.pixel-dialogue{min-height:3.1cqw;margin:.3cqw 0 .6cqw;font-size:1.05cqw;line-height:1.5}.pixel-story-controls{color:#b4cbbd;justify-content:space-between;align-items:center;gap:1cqw;font-size:.7cqw;display:flex}.pixel-film button{color:#fff0d2;font:inherit;cursor:pointer;background:#49345f;border:1px solid #ae92c9;padding:.35cqw .65cqw}.pixel-film button:hover{background:#69507e}.pixel-film button:focus-visible{outline-offset:3px;outline:2px solid #a4dfc7}.pixel-film progress{accent-color:#a4dfc7;width:100%;height:3px;margin-top:.5cqw;display:block}.pixel-cell-bars{transition:opacity .25s}.pixel-rescue .tale-frame{width:70%;box-shadow:5px 5px #080b16,0 0 0 4px #49345f}.pixel-rescue .tale-art{height:18cqw}.pixel-rescue .tale-art svg{image-rendering:pixelated}.pixel-rescue .tale-copy{padding:1cqw 2cqw}.pixel-rescue .tale-copy h1{font-size:2cqw}.pixel-rescue .tale-dialogue{min-height:0;font-size:1cqw}.pixel-rescue .spell-word{margin:.8cqw 0}.rescue-cast{text-align:center}.rescue-cast progress{accent-color:#a4dfc7;width:65%;height:.65cqw;margin:.5cqw auto;display:block}.rescue-feedback{color:#a4dfc7;min-height:1.5cqw;font-size:.95cqw}.rescue-cast button{padding:.65cqw 1.4cqw;font-size:1.1cqw}.rescue-cast small{color:#bba5cb;margin-top:.6cqw;font-size:.75cqw;display:block}.spell-letter.spell-charging{background:#a4dfc7;border-color:#d4ffe8}.pixel-cell-overlay{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.pixel-hand{z-index:5}.pixel-opening .pixel-jon{z-index:6}.pixel-camera{transform-origin:50%;will-change:transform;position:absolute;inset:0}.pixel-layer{transform-origin:0 0;will-change:transform;width:100%;height:100%;position:absolute;top:0;left:0}.pixel-layer>svg:not(.pixel-actor){width:100%;height:100%;position:absolute;top:0;left:0}.pixel-world>.pixel-actor{transform-origin:50%;will-change:transform;top:0;left:0}.pixel-cloud-drift{width:200%;height:100%;animation:90s linear infinite pixel-cloud-drift;position:absolute;top:0;left:0}.pixel-cloud-drift svg{width:50%;height:100%;position:absolute;top:0}.pixel-cloud-drift svg:last-child{left:50%}@keyframes pixel-cloud-drift{to{transform:translate(-50%)}}.pixel-twinkle rect{animation:2.4s steps(2,jump-none) infinite pixel-twinkle}@keyframes pixel-twinkle{50%{opacity:.25}}.pixel-letterbox{z-index:6;pointer-events:none;background:#0a0814;height:0;position:absolute;left:0;right:0}.pixel-letterbox.top{top:0}.pixel-letterbox.bottom{bottom:0}.pixel-vignette{z-index:5;pointer-events:none;background:radial-gradient(#0000 55%,#0a081855 100%);position:absolute;inset:0}.pixel-flash{z-index:7;opacity:0;pointer-events:none;background:#fff6dc;position:absolute;inset:0}.pixel-story-label{z-index:8}.pixel-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pixel-dialogue{min-height:2.6em}.pixel-dawn-sky,.pixel-sun-body{opacity:0}.pixel-world>.pixel-orb,.pixel-world>.pixel-shadow,.pixel-world>.pixel-bubble,.pixel-world>.pixel-letter{pointer-events:none;opacity:0;will-change:transform, opacity;position:absolute;top:0;left:0}.pixel-orb{aspect-ratio:1;background:radial-gradient(circle,#fffbe0 0 22%,#ffe08a 40%,#ffe08a00 72%);border-radius:50%;width:3.4%;box-shadow:0 0 1.6cqw #ffe08acc}.pixel-shadow{background:#0a0618aa;border-radius:50%;width:22%;height:4.5%}.pixel-bubble{color:#b3262c;background:#fff6dc;border:.18cqw solid #211b36;padding:.25cqw .7cqw;font-family:Courier New,monospace;font-size:2.2cqw;box-shadow:.2cqw .2cqw #211b36}.pixel-letter{color:#fff6dc;text-shadow:0 0 .8cqw #ffe08a,.2cqw .2cqw #6b477d;font-family:Courier New,monospace;font-size:3.6cqw;font-weight:900}.pixel-particle{opacity:0;pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:0}.pixel-ring{opacity:0;pointer-events:none;box-sizing:border-box;will-change:transform, opacity;border:.3cqw solid #fff6dc;border-radius:50%;position:absolute;top:0;left:0}.pixel-dark{z-index:5;opacity:0;pointer-events:none;background:#120a2a;position:absolute;inset:0}.pixel-grade{z-index:5;mix-blend-mode:soft-light;opacity:0;pointer-events:none;background:linear-gradient(#ffb36a66,#ff8fa800 70%);position:absolute;inset:0}.pixel-title-card{z-index:9;text-align:center;opacity:0;pointer-events:none;color:#fff6dc;text-shadow:.3cqw .3cqw #211b36,0 0 2cqw #ffb45e;place-content:center;gap:1.6cqw;font-family:Courier New,monospace;display:grid;position:absolute;inset:0}.pixel-title-card strong{letter-spacing:.3em;font-size:7cqw}.pixel-title-card span{letter-spacing:.12em;font-size:1.5cqw}.mode-controls{justify-content:center;gap:1.5cqw;margin:2.5cqw auto 1cqw;display:flex}.mode-controls label{text-align:left;color:#635075;gap:.5cqw;font-size:.9cqw;font-weight:700;display:grid}.mode-controls select{color:#43314f;background:#fff8e7;border:1px solid #9783aa;border-radius:.5cqw;min-width:17cqw;padding:.9cqw 1.2cqw;font:1.2cqw Courier New,monospace}.mode-controls [hidden],.story-content .role-cards[hidden]{display:none}.mode-hint{color:#635075;margin:1cqw auto 2cqw;font-size:1cqw;line-height:1.6}.ai-status{z-index:3;color:#c9e8d9;pointer-events:none;background:#211b36dc;border-radius:.5cqw;padding:.5cqw .7cqw;font:.8cqw Courier New,monospace;position:absolute;top:9%;left:2%}.story-hud .hud-giant .hud-cards{display:none}.giant-rotation{width:21%;top:auto;bottom:13%;right:1%}.giant-rotation p,.story-hud .obstacle-legend{display:none}.story-hud[data-mode=giant] .hud-jon,.story-hud[data-mode=jon] .hud-giant{opacity:.8}.beanstalk-vine{image-rendering:pixelated;background-position:top;background-size:300%}.run-horizon{z-index:1;pointer-events:none;background:linear-gradient(#e5edfbed 0%,#e5edfb88 38%,#e5edfb00 100%);height:23%;position:absolute;inset:0 0 auto}.run-sidebar{z-index:4;pointer-events:none;grid-template-columns:minmax(0,1fr);align-content:start;gap:.9cqw;width:21%;min-width:0;max-width:27%;display:grid;position:absolute;top:7%;overflow-x:clip}.run-left{left:2.5%}.run-right{right:2.5%}#stage.run-active .run-sidebar>*{box-sizing:border-box;width:100%;max-width:none;box-shadow:none;overflow-wrap:anywhere;min-width:0;margin:0;position:static;inset:auto;transform:translate(0,0)}#stage.run-active .run-sidebar *{box-sizing:border-box;min-width:0;max-width:100%}#stage.run-active .run-sidebar .hud-feedback,#stage.run-active .run-sidebar .hud-discovery,#stage.run-active .run-sidebar .giant-rotation{white-space:normal;overflow-wrap:anywhere}#stage.run-active .run-sidebar .hud-score,#stage.run-active .run-sidebar .hud-level,#stage.run-active .run-sidebar .hud-giant,#stage.run-active .run-sidebar .hud-jon,#stage.run-active .run-sidebar .giant-rotation{color:#f9edce;text-align:left;background:#25223bd9;border:1px solid #d5c9dc44;border-radius:.7cqw;padding:1cqw 1.2cqw}#stage.run-active .run-sidebar .hud-score span{color:#c7b8d4;letter-spacing:.14em;margin:0 0 .5cqw;font-size:.8cqw;display:block}#stage.run-active .run-sidebar .hud-score strong{font-size:3.2cqw;line-height:1}#stage.run-active .run-sidebar .hud-level strong{white-space:normal;font-size:1.15cqw;display:block}#stage.run-active .run-sidebar .hud-level>span{float:none;color:#c9bbd7;margin:.5cqw 0 1cqw;font-size:.95cqw;display:block}#stage.run-active .run-sidebar .spell-word{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:flex-start;margin:.5cqw 0 0;display:grid}#stage.run-active .run-sidebar .spell-letter{box-sizing:border-box;float:none;width:100%;min-width:0;height:2.3cqw;font-size:1.3cqw}#stage.run-active .run-sidebar .hud-relics{margin-top:.7cqw;font-size:.8cqw}#stage.run-active .run-sidebar h2{letter-spacing:.06em;margin:0;font-size:1cqw}#stage.run-active .run-sidebar .cooldown-label{color:#a8d9ca;margin:.6cqw 0 0;font-size:1.1cqw}#stage.run-active .run-sidebar .hud-discovery{text-align:left;background:#3e354fe8;border-color:#e2ca89;padding:.9cqw}#stage.run-active .run-sidebar .hud-discovery span{float:none}#stage.run-active .run-sidebar .hud-feedback{border-width:1px;border-radius:.5cqw;padding:.8cqw;font-size:.95cqw}#stage.run-active .run-sidebar .hud-jon,#stage.run-active .run-sidebar .hud-giant{display:none}:is(#stage.run-active .run-sidebar .hud-jon:has(.powerup-badge),#stage.run-active .run-sidebar .hud-jon:has(.hud-snare:not([hidden]))){display:block}#stage.run-active .run-sidebar .hud-jon>h2{display:none}#stage.run-active .run-sidebar .hud-snare{color:#ffd294;margin:.5cqw 0;font-size:1.1cqw;font-weight:700}#stage.run-active #pause-toggle,#stage.run-active #banner{display:none!important}#stage.run-active .run-sidebar .ai-status{color:#b1dacc;background:0 0;border:none;padding:.3cqw;font-size:.85cqw}#stage.run-active .run-sidebar .giant-rotation h3{letter-spacing:.12em;color:#c7b8d4;font-size:.8cqw}#stage.run-active .run-sidebar .giant-rotation li{border-radius:.4cqw;padding:.7cqw}#stage.run-active .run-sidebar .giant-rotation strong{font-size:1.1cqw}#stage.run-active .run-sidebar .giant-rotation small{font-size:.75cqw}#stage.run-active #facecam .facecam-header{box-sizing:border-box;max-width:27%;top:1%;left:1%;transform:none}#stage.run-active:has(#facecam:not([hidden])) .run-sidebar{scrollbar-width:thin;pointer-events:auto;gap:.5cqw;width:24%;top:48%;bottom:3%;overflow-y:auto}#stage.run-active:has(#facecam:not([hidden])) .run-left{left:1%}#stage.run-active:has(#facecam:not([hidden])) .run-right{right:1%}#stage.run-active:has(#facecam.expanded:not([hidden])) .run-sidebar{width:26%}#stage.run-active:has(#facecam:not([hidden])) .run-sidebar .hud-score strong{font-size:2cqw}.story-hud .hud-jon h2,.story-hud .hud-giant h2{letter-spacing:.08em;margin:0;font-size:2.4cqw}.story-hud .hud-total{letter-spacing:.12em;opacity:.85;font-size:.8cqw;display:block}.giant-debuff{color:#d9bdff;font-size:.85cqw;font-weight:700}.giant-debuff[hidden]{display:none}.powerup-badge>b img{width:2.2cqw;height:2.2cqw;display:block}.practice-guide b img{vertical-align:middle;width:1.6cqw;height:1.6cqw}.practice-guide{max-height:43%;overflow:auto}.combat-preview{z-index:6;color:#fff0d2;background:#211b36ed;border:1px solid #ffe3a5;padding:.6cqw;font:.8cqw Courier New,monospace;position:absolute;top:1%;left:25%;right:25%}.combat-preview strong,.combat-preview span{margin-bottom:.3cqw;display:block}.combat-preview div{flex-wrap:wrap;gap:.3cqw;display:flex}.combat-preview button{color:#fff0d2;font:inherit;cursor:pointer;background:#49345f;border:1px solid #ab90c3;padding:.4cqw}.combat-preview button:focus-visible{outline:2px solid #a4ffe3}.combat-preview>a{color:#a4ffe3;margin-top:.35cqw;font-weight:700;display:inline-block}.powerup-badge>b img,.practice-guide b img{image-rendering:pixelated}.victory-badge:has(.victory-claude){border:0;overflow:visible}.victory-claude{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;display:block}