:root{--accent: #c3422f;--accent-2: #e2a33b;--body-bg: radial-gradient(circle at 22% 12%, rgba(247, 201, 108, .36), transparent 24rem), linear-gradient(145deg, #f5eee0 0%, #cfe8e3 58%, #f2c36c 100%);--button-bg: #20362f;--danger: #b72e28;--grid-color: rgba(43, 63, 58, .05);--heading-font: Georgia, "Times New Roman", serif;--ink: #1f2925;--muted: #6d766f;--panel: rgba(255, 252, 243, .78);--panel-strong: rgba(255, 250, 231, .96);--paper: #fff7dc;--stage-bg: linear-gradient(to bottom, rgba(117, 191, 202, .34), rgba(255, 246, 218, .88) 58%, rgba(97, 137, 91, .34)), linear-gradient(100deg, rgba(242, 195, 108, .46), transparent 44%);--success: #3a8a5a;--target-font: Georgia, "Times New Roman", serif;color:var(--ink);background:#f5eee0;font-family:Avenir Next,Trebuchet MS,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--body-bg)}button{font:inherit}.app-shell{position:relative;min-height:100vh;padding:28px clamp(18px,4vw,56px) 34px;overflow:hidden;outline:none;background:var(--body-bg);color:var(--ink);transition:background .42s ease,color .42s ease}.app-shell:before{position:absolute;inset:0;pointer-events:none;content:"";background-image:linear-gradient(var(--grid-color) 1px,transparent 1px),linear-gradient(90deg,var(--grid-color) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 78%);mask-image:linear-gradient(to bottom,#000,transparent 78%)}.story-home-row{--accent: #101010;--accent-2: #f6c548;--body-bg: linear-gradient(90deg, rgba(15, 15, 15, .075) 1px, transparent 1px), linear-gradient(rgba(15, 15, 15, .055) 1px, transparent 1px), linear-gradient(135deg, #f7f1e7 0%, #e7ddcd 52%, #f5c94c 100%);--button-bg: #101010;--danger: #d13b2d;--grid-color: rgba(16, 16, 16, .055);--heading-font: "Courier New", Courier, monospace;--ink: #121212;--muted: #645d52;--panel: rgba(255, 249, 236, .84);--panel-strong: rgba(255, 249, 236, .97);--paper: #fff8df;--stage-bg: linear-gradient(0deg, rgba(16, 16, 16, .05), rgba(16, 16, 16, .05)), repeating-linear-gradient(90deg, rgba(16, 16, 16, .08) 0 1px, transparent 1px 52px), linear-gradient(150deg, rgba(246, 197, 72, .52), rgba(247, 241, 231, .92) 58%, rgba(18, 18, 18, .16));--success: #19754b;--target-font: "Courier New", Courier, monospace}.story-moon-archive{--accent: #74d6ff;--accent-2: #e6ff74;--body-bg: radial-gradient(circle at 80% 12%, rgba(230, 255, 116, .22), transparent 18rem), radial-gradient(circle at 22% 22%, rgba(116, 214, 255, .2), transparent 22rem), linear-gradient(145deg, #11151f 0%, #222338 55%, #50616f 100%);--button-bg: #e6ff74;--danger: #ff5f80;--grid-color: rgba(224, 243, 255, .08);--heading-font: "Didot", "Bodoni 72", Georgia, serif;--ink: #f3f7f2;--muted: #b9c4c9;--panel: rgba(14, 18, 28, .74);--panel-strong: rgba(18, 22, 34, .97);--paper: #f5f5d6;--stage-bg: radial-gradient(circle at 72% 22%, rgba(230, 255, 116, .26), transparent 8rem), radial-gradient(circle at 25% 38%, rgba(116, 214, 255, .24), transparent 14rem), linear-gradient(180deg, rgba(14, 17, 29, .96), rgba(30, 35, 54, .92) 66%, rgba(107, 122, 120, .5));--success: #9dffcf;--target-font: "Didot", "Bodoni 72", Georgia, serif}.topbar{position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:24px}.eyebrow{margin:0 0 6px;color:var(--accent);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}h1,h2{margin:0;color:var(--ink);font-family:var(--heading-font);font-weight:800;letter-spacing:0}.story-picker{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.story-chip{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:8px 11px;border:1px solid rgba(31,41,37,.18);border-radius:8px;background:var(--panel);color:var(--ink);cursor:pointer;font-weight:900;transition:background .18s ease,color .18s ease,transform .18s ease}.story-chip:hover{transform:translateY(-1px)}.story-chip.active{background:var(--button-bg);color:var(--paper)}.story-moon-archive .story-chip.active{color:#11151f}h1{font-size:clamp(2.2rem,6vw,5.6rem);line-height:.9}h2{font-size:clamp(2rem,4vw,4.5rem)}.stat-strip,.result-grid{display:grid;grid-template-columns:repeat(4,minmax(76px,1fr));gap:8px}.metric{min-width:76px;padding:10px 12px;border:1px solid rgba(34,50,44,.18);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,transparent);box-shadow:0 10px 30px #332d2014}.metric span{display:block;color:var(--muted);font-size:.7rem;font-weight:800;text-transform:uppercase}.metric strong{display:block;margin-top:2px;color:var(--ink);font-size:1.35rem}.stage{--momentum: .5;--progress: 0;position:relative;z-index:1;height:clamp(310px,46vh,480px);margin:32px 0 22px;overflow:hidden;border:2px solid rgba(31,41,37,.16);border-radius:8px;background:var(--stage-bg);box-shadow:0 28px 80px #2836302e}.courier-stage{background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 46%),var(--stage-bg);isolation:isolate}.courier-stage:before{position:absolute;inset:0;z-index:1;pointer-events:none;content:"";background:radial-gradient(ellipse 80% 50% at 50% 100%,rgba(181,198,142,.28),transparent 70%),radial-gradient(ellipse 60% 40% at 72% 22%,rgba(249,213,110,.18),transparent 50%)}.courier-stage:after{position:absolute;inset:0;z-index:9;pointer-events:none;content:"";background:radial-gradient(ellipse 90% 40% at 50% 100%,rgba(95,124,94,.12),transparent 60%);mix-blend-mode:multiply}.skyline,.storybook-sky,.wind-lines,.wind-ribbons,.paper-confetti,.foreground-reeds,.road,.letter,.courier,.impact-flash,.typing-rhythm,.metronome,.key-lane,.starfield,.spaceship,.signal-core,.asteroid-field,.orbit-track{position:absolute}.storybook-sky{inset:0;overflow:hidden}.sun-disc{position:absolute;top:clamp(24px,6vw,56px);right:clamp(58px,12vw,150px);width:clamp(74px,13vw,132px);aspect-ratio:1;border:3px solid rgba(125,73,29,.18);border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,255,232,.92),transparent 28%),linear-gradient(135deg,#f9d56e,#e88a46);box-shadow:0 0 60px 12px #f9d56e59,0 0 120px 30px #e88a4626,0 18px 34px #c7673033,inset -12px -10px #95522b1a;filter:brightness(1.05)}.sun-glow{position:absolute;top:clamp(14px,4vw,36px);right:clamp(48px,10vw,130px);width:clamp(94px,17vw,172px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(249,213,110,.22),transparent 70%);pointer-events:none;animation:sun-pulse 4s ease-in-out infinite}.paper-hill{position:absolute;left:-8%;right:-8%;border:2px solid rgba(59,89,68,.12);border-radius:50% 50% 0 0;transform-origin:50% 100%}.hill-back{bottom:88px;height:190px;background:linear-gradient(180deg,#f9f1bc9e,#709f7859 60%,#63825f8c),#a7c78e;clip-path:polygon(0 62%,13% 44%,24% 57%,36% 30%,47% 52%,59% 38%,72% 55%,85% 32%,100% 58%,100% 100%,0 100%);opacity:.72;filter:blur(.5px)}.hill-front{bottom:54px;height:160px;background:linear-gradient(180deg,#fff4bc94,#82af6e6b,#55824b8c),#c6d890;clip-path:polygon(0 68%,10% 48%,22% 66%,35% 34%,48% 58%,63% 42%,77% 64%,91% 39%,100% 54%,100% 100%,0 100%)}.village-roof{position:absolute;bottom:138px;width:72px;height:52px;border:2px solid rgba(84,57,33,.16);border-radius:8px 8px 4px 4px;background:#fff7dacc;box-shadow:0 12px #41644914}.village-roof:before{position:absolute;left:-7px;right:-7px;top:-25px;height:32px;clip-path:polygon(50% 0,100% 100%,0 100%);background:#c3422f;content:""}.village-roof:after{position:absolute;left:18px;bottom:0;width:17px;height:25px;border-radius:999px 999px 0 0;background:#20362f47;content:""}.roof-a{left:11%;scale:.86}.roof-b{left:22%;bottom:122px;scale:.66;opacity:.74}.roof-c{right:18%;bottom:128px;scale:.72;opacity:.78}.kite{position:absolute;width:28px;height:28px;rotate:45deg;border:2px solid rgba(32,54,47,.16);background:linear-gradient(135deg,var(--accent-2) 0 49%,var(--paper) 50% 100%);animation:kite-float calc(4.8s / var(--momentum)) ease-in-out infinite}.kite:after{position:absolute;left:50%;top:100%;width:60px;height:42px;border-left:2px dashed rgba(32,54,47,.22);border-radius:0 0 0 60%;content:"";transform:rotate(-45deg);transform-origin:top left}.kite-a{left:40%;top:72px}.kite-b{right:30%;top:126px;scale:.62;animation-delay:-1.7s}.skyline{inset:0}.cloud{position:absolute;width:150px;height:42px;border-radius:999px;background:#fffff6c7;filter:blur(.5px) drop-shadow(0 8px 16px rgba(125,140,160,.12));animation:cloud-drift calc(30s / var(--momentum)) linear infinite}.cloud-layer-far{position:absolute;inset:0;pointer-events:none;z-index:0}.cloud-layer-far .cloud{opacity:.45;filter:blur(2px);transform:scale(.6);animation-duration:calc(45s / var(--momentum))}.cloud:before,.cloud:after{position:absolute;content:"";border-radius:50%;background:inherit}.cloud:before{width:64px;height:64px;left:24px;top:-28px}.cloud:after{width:78px;height:78px;right:18px;top:-38px}.cloud-a{top:25%;left:8%}.cloud-b{top:15%;left:48%;animation-delay:-10s;transform:scale(.74)}.cloud-c{top:35%;left:78%;animation-delay:-18s;transform:scale(.56)}.wind-lines{inset:22% 0 auto;height:160px}.wind-ribbons{inset:18% -10% auto;height:190px;pointer-events:none}.ribbon{position:absolute;right:-20%;width:clamp(180px,26vw,360px);height:38px;border:solid rgba(31,82,75,.24);border-width:3px 0 0;border-radius:50%;animation:ribbon-sweep calc(3.8s / var(--momentum)) linear infinite}.ribbon:after{position:absolute;right:16px;top:-8px;width:28px;height:8px;border-radius:999px;background:#fffae194;content:""}.ribbon-a{top:0}.ribbon-b{top:48px;width:clamp(120px,18vw,250px);animation-delay:-1s}.ribbon-c{top:98px;width:clamp(210px,30vw,430px);animation-delay:-2s}.ribbon-d{top:142px;width:clamp(100px,15vw,220px);animation-delay:-2.8s}.paper-confetti{inset:0;pointer-events:none}.paper-confetti span{position:absolute;right:-4%;width:14px;height:11px;border:1px solid rgba(96,69,40,.12);border-radius:2px;background:#fff7dac7;animation:confetti-flight calc(4.4s / var(--momentum)) linear infinite}.paper-confetti span:nth-child(1){top:22%}.paper-confetti span:nth-child(2){top:34%;scale:.7;animation-delay:-1s}.paper-confetti span:nth-child(3){top:48%;background:#e2a33b6b;animation-delay:-2.1s}.paper-confetti span:nth-child(4){top:61%;scale:.56;animation-delay:-3.2s}.paper-confetti span:nth-child(5){top:28%;background:#c3422f47;animation-delay:-3.8s}.wind-lines span{position:absolute;right:-22%;width:clamp(120px,18vw,260px);height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(31,82,75,.24),transparent);animation:wind-sweep calc(2.8s / var(--momentum)) linear infinite}.wind-lines span:nth-child(1){top:0}.wind-lines span:nth-child(2){top:46px;animation-delay:-.7s}.wind-lines span:nth-child(3){top:92px;animation-delay:-1.4s}.wind-lines span:nth-child(4){top:136px;animation-delay:-2.1s}.letter{z-index:4;top:auto;bottom:150px;left:0;width:76px;height:52px;border:2px solid color-mix(in srgb,var(--accent) 62%,#2b2317);border-radius:6px;background:var(--paper);box-shadow:0 4px 8px #37332914,0 12px 24px #3733291f,0 24px 48px #37332914,inset 0 1px #fffc;transition:left .52s cubic-bezier(.22,1,.36,1)}.letter:before,.letter:after,.letter-flap{position:absolute;content:""}.letter-stamp{position:absolute;right:10px;top:9px;width:15px;height:15px;border:2px solid rgba(195,66,47,.5);border-radius:50%;background:#e2a33b2e}.letter-stamp:after{position:absolute;inset:3px;border-radius:inherit;background:#c3422f2e;content:""}.letter:before{inset:0;clip-path:polygon(0 0,50% 54%,100% 0);background:#dfaf5752}.letter:after{right:-22px;top:15px;width:18px;height:3px;border-radius:999px;background:#744b2480;box-shadow:12px 9px #744b2438}.letter-flap{left:11px;bottom:0;width:50px;height:28px;clip-path:polygon(0 100%,50% 30%,100% 100%);background:#c070362e}.courier{z-index:5;bottom:22px;left:0;width:168px;height:172px;transform-origin:50% 85%;transition:left .52s cubic-bezier(.22,1,.36,1);will-change:transform;filter:drop-shadow(0 14px 20px rgba(31,41,37,.2))}.courier-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none;-webkit-user-select:none;user-select:none}.speed-shadow{position:absolute;left:10px;right:14px;bottom:-4px;height:18px;border-radius:50%;background:radial-gradient(ellipse 50% 40% at 50% 50%,rgba(31,41,37,.22),transparent 70%);filter:blur(6px);transform:scaleX(calc(.8 + var(--momentum) * .22))}.courier-shadow-ground{position:absolute;left:24px;right:28px;bottom:-2px;height:8px;border-radius:50%;background:#1f292524;filter:blur(3px)}.rider{position:absolute;left:56px;top:16px;width:66px;height:82px;transform:skew(calc((var(--momentum) - .3) * -8deg))}.head{position:absolute;left:20px;top:0;width:28px;height:28px;border:3px solid var(--button-bg);border-radius:50%;background:var(--accent-2)}.head:after{position:absolute;right:-8px;top:5px;width:18px;height:9px;border-radius:999px;background:var(--button-bg);content:""}.scarf{position:absolute;left:7px;top:32px;width:52px;height:12px;border-radius:999px 0 0 999px;background:var(--paper);transform-origin:100% 50%;animation:scarf-flutter calc(.62s / var(--momentum)) ease-in-out infinite}.body{position:absolute;left:17px;top:28px;width:34px;height:45px;border-radius:18px 18px 10px 10px;background:var(--accent);transform:rotate(-10deg)}.arm{position:absolute;left:43px;top:43px;width:44px;height:8px;border-radius:999px;background:var(--button-bg);transform:rotate(12deg)}.satchel{position:absolute;left:8px;top:48px;width:25px;height:24px;border:3px solid rgba(32,54,47,.78);border-radius:6px;background:#e2a33b;transform:rotate(10deg)}.bike{position:absolute;inset:auto 0 0;height:76px}.wheel{position:absolute;bottom:0;width:58px;height:58px;border:5px solid var(--button-bg);border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.15) 0 20%,transparent 22%),linear-gradient(90deg,transparent 47%,var(--button-bg) 48%,var(--button-bg) 52%,transparent 53%),linear-gradient(0deg,transparent 47%,var(--button-bg) 48%,var(--button-bg) 52%,transparent 53%);animation:wheel-spin calc(1s / var(--momentum)) linear infinite}.wheel:after{position:absolute;inset:8px;border:2px dashed color-mix(in srgb,var(--button-bg) 55%,transparent);border-radius:inherit;content:""}.wheel:before{position:absolute;inset:22px;border-radius:inherit;background:var(--button-bg);content:""}.wheel-left{left:10px}.wheel-right{right:12px}.frame{position:absolute;left:38px;bottom:28px;width:84px;height:42px;border:5px solid var(--accent-2);clip-path:polygon(0 100%,42% 10%,100% 100%,18% 100%,58% 100%,42% 10%)}.handle{position:absolute;right:18px;bottom:58px;width:38px;height:5px;border-radius:999px;background:var(--button-bg);transform:rotate(-20deg)}.pedal{position:absolute;left:76px;bottom:32px;width:30px;height:5px;border-radius:999px;background:var(--button-bg);animation:pedal-spin calc(.7s / var(--momentum)) linear infinite}.road{z-index:2;left:0;right:0;bottom:0;height:116px;overflow:hidden;background:radial-gradient(ellipse at 18% 8%,rgba(255,246,195,.42),transparent 34%),linear-gradient(to bottom,#e5daa4b8,#9db083ad 46%,#5f7c5eb3),repeating-linear-gradient(92deg,rgba(34,58,48,.05) 0 2px,transparent 2px 84px)}.road-texture{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.4;background-image:radial-gradient(circle at 20% 50%,rgba(31,51,43,.08) 0 1px,transparent 2px),radial-gradient(circle at 60% 30%,rgba(31,51,43,.06) 0 1px,transparent 2px),radial-gradient(circle at 80% 70%,rgba(31,51,43,.07) 0 1px,transparent 2px);background-size:64px 48px,48px 64px,72px 36px}.road:before,.road:after{position:absolute;inset-inline:-6%;pointer-events:none;content:""}.road:before{top:-20px;height:48px;border-bottom:3px solid rgba(37,57,47,.28);border-radius:0 0 50% 50%;background:repeating-linear-gradient(104deg,transparent 0 32px,rgba(38,58,50,.14) 32px 35px,transparent 35px 70px),linear-gradient(to bottom,#f4eebecc,#b5c68e57)}.road:after{bottom:5px;height:24px;border-top:2px solid rgba(31,51,43,.18);background:radial-gradient(ellipse at 7% 42%,rgba(35,54,45,.2) 0 2px,transparent 3px),radial-gradient(ellipse at 31% 62%,rgba(35,54,45,.14) 0 2px,transparent 3px),radial-gradient(ellipse at 71% 38%,rgba(35,54,45,.18) 0 2px,transparent 3px);opacity:.72}.road-edge,.road-rut,.road-dash,.road-stone,.road-grass{position:absolute;display:block}.road-edge{left:-4%;right:-4%;z-index:1;height:34px;border-radius:50%;border-top:3px solid rgba(31,51,43,.34);background:transparent}.road-edge-near{bottom:-23px}.road-edge-far{top:10px;border-top-color:#1f332b2e;transform:rotate(-1deg)}.road-rut{z-index:2;width:220px;height:22px;border-top:3px solid rgba(61,77,58,.2);border-radius:50%;animation:road-move calc(1.8s / var(--momentum)) linear infinite}.road-rut-left{bottom:43px;left:18%}.road-rut-right{right:20%;bottom:66px;animation-delay:-.8s}.road-dash{z-index:3;bottom:46px;width:92px;height:4px;border-radius:999px;background:#fffadbc7;box-shadow:8px 14px 0 -1px #1f332b21,-18px -15px 0 -1px #fffadb4d;animation:road-move calc(1.4s / var(--momentum)) linear infinite}.road-dash:nth-of-type(5){left:8%}.road-dash:nth-of-type(6){left:34%;animation-delay:-.4s}.road-dash:nth-of-type(7){left:60%;animation-delay:-.8s}.road-dash:nth-of-type(8){left:84%;animation-delay:-1.1s}.road-stone{z-index:2;width:7px;height:5px;border:2px solid rgba(31,51,43,.24);border-top:0;border-radius:0 0 999px 999px;animation:road-move calc(2.4s / var(--momentum)) linear infinite}.stone-a{left:14%;bottom:24px}.stone-b{left:26%;bottom:75px;animation-delay:-.5s}.stone-c{left:43%;bottom:34px;animation-delay:-1.2s}.stone-d{left:57%;bottom:88px;animation-delay:-1.8s}.stone-e{left:72%;bottom:52px;animation-delay:-.9s}.stone-f{left:91%;bottom:26px;animation-delay:-2.1s}.road-grass{z-index:2;width:18px;height:18px;border-left:3px solid rgba(47,92,62,.34);border-radius:50%;transform:rotate(18deg)}.road-grass:before,.road-grass:after{position:absolute;bottom:0;width:12px;height:15px;border-left:3px solid rgba(47,92,62,.28);border-radius:50%;content:""}.road-grass:before{left:4px;transform:rotate(-34deg)}.road-grass:after{left:10px;transform:rotate(32deg)}.grass-a{left:7%;top:7px}.grass-b{left:32%;bottom:7px}.grass-c{right:28%;top:12px}.grass-d{right:8%;bottom:10px}.paper-flower{position:absolute;z-index:2;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 50% 50%,var(--paper) 0 3px,transparent 4px),conic-gradient(from 30deg,#c3422f 0 18%,transparent 18% 26%,#e2a33b 26% 44%,transparent 44% 52%,#c3422f 52% 70%,transparent 70% 78%,#e2a33b 78% 100%);animation:road-move calc(3.1s / var(--momentum)) linear infinite}.flower-a{left:18%;bottom:14px}.flower-b{left:48%;top:18px;scale:.72;animation-delay:-1.2s}.flower-c{right:15%;bottom:31px;scale:.82;animation-delay:-2s}.foreground-reeds{inset:auto 0 0;z-index:7;height:74px;pointer-events:none;overflow:hidden}.foreground-reeds span{position:absolute;bottom:-18px;width:150px;height:78px;background:linear-gradient(82deg,transparent 0 12px,rgba(31,82,75,.42) 13px 16px,transparent 17px 28px),linear-gradient(104deg,transparent 0 22px,rgba(31,82,75,.3) 23px 26px,transparent 27px 44px),linear-gradient(74deg,transparent 0 42px,rgba(31,82,75,.36) 43px 46px,transparent 47px);filter:blur(.2px);opacity:.54;animation:reeds-sway calc(2.8s / var(--momentum)) ease-in-out infinite}.foreground-reeds span:nth-child(1){left:2%}.foreground-reeds span:nth-child(2){left:44%;scale:.72;animation-delay:-.8s}.foreground-reeds span:nth-child(3){right:0;scale:.88;animation-delay:-1.7s}.impact-flash{inset:0;z-index:8;pointer-events:none;background:radial-gradient(circle at calc(7% + var(--progress) * 60%) 58%,rgba(183,46,40,.28),transparent 18rem),linear-gradient(90deg,rgba(183,46,40,.18),transparent 45%);mix-blend-mode:multiply}.courier-stage.has-impact{animation:stage-hit .28s ease-in-out}.courier-stage.is-sprinting{box-shadow:0 30px 90px #2836303d,inset 0 0 0 999px #ffe58c0d}.courier-stage.is-sprinting .ribbon{border-top-color:#c3422f57}.courier-stage.is-sprinting .paper-confetti span{animation-duration:calc(2.7s / var(--momentum))}.courier-stage.is-sprinting .scarf{background:#c3422f}.courier-stage.is-sprinting .courier:after{position:absolute;left:-72px;top:62px;width:76px;height:16px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,247,218,.72));box-shadow:-28px 23px 0 -3px #fff7da75,-16px -24px 0 -5px #c3422f57;content:"";animation:sprint-streak calc(.5s / var(--momentum)) linear infinite}.courier-stage.is-complete .letter{filter:drop-shadow(0 0 18px rgba(226,163,59,.56))}.courier-stage.is-complete .sun-disc{animation:reward-glow 1.2s ease-in-out infinite alternate}.courier-stage.is-complete .paper-confetti span{animation-duration:1.8s;background:#fff7daf0}.distance-badge{position:absolute;right:18px;bottom:38px;z-index:6;padding:9px 12px;border:1px solid rgba(31,41,37,.18);border-radius:8px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--ink);font-weight:900}.typing-panel{position:relative;z-index:2;padding:20px;border:1px solid rgba(31,41,37,.16);border-radius:8px;background:var(--panel);box-shadow:0 18px 50px #2f322b1f}.prompt-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:.82rem;font-weight:900;text-transform:uppercase}.icon-button,.primary-button{border:0;cursor:pointer}.icon-button{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:8px;background:var(--button-bg);color:var(--paper)}.primary-button{margin-top:18px;padding:12px 16px;border-radius:8px;background:var(--accent);color:var(--paper);font-weight:900}.target-text{min-height:150px;color:var(--ink);font-family:var(--target-font);font-size:clamp(1.25rem,2.15vw,2.25rem);font-weight:800;line-height:1.24;overflow-wrap:normal;word-break:normal}.typed-char{color:var(--success)}.current-char{color:var(--accent);text-decoration:underline;text-decoration-thickness:.12em;text-underline-offset:.16em}.error-char{display:inline-block;min-width:.54em;color:var(--paper);border-radius:6px;background:var(--danger);text-align:center;animation:error-shake .28s ease-in-out}.pending-char{color:color-mix(in srgb,var(--ink) 34%,transparent)}.progress-track{height:10px;margin-top:18px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--ink) 12%,transparent)}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--success),var(--accent-2),var(--accent));transition:width .18s ease}.combo-burst{position:fixed;right:clamp(18px,4vw,56px);bottom:156px;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:var(--button-bg);color:var(--paper);font-weight:900;box-shadow:0 18px 40px #1f292538}.result-panel{position:fixed;z-index:10;right:clamp(18px,5vw,72px);bottom:clamp(18px,5vw,60px);width:min(520px,calc(100vw - 36px));padding:24px;border:1px solid rgba(31,41,37,.18);border-radius:8px;background:var(--panel-strong);box-shadow:0 28px 90px #1f292547}.keyboard-stage{background:linear-gradient(90deg,rgba(16,16,16,.06) 1px,transparent 1px),linear-gradient(rgba(16,16,16,.045) 1px,transparent 1px),var(--stage-bg);background-size:52px 52px,52px 52px,auto}.typing-rhythm{inset:44px clamp(18px,5vw,72px) auto;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:clamp(5px,1.2vw,14px)}.typing-rhythm span{display:grid;min-height:clamp(42px,8vw,82px);place-items:center;border:2px solid rgba(16,16,16,.22);border-bottom-width:6px;border-radius:8px;background:linear-gradient(180deg,rgba(255,255,255,.42),transparent),#fff9ecd6;color:#1010107a;font-family:Courier New,Courier,monospace;font-size:clamp(.9rem,2.1vw,1.8rem);font-weight:900;text-transform:uppercase;box-shadow:0 12px #10101014;transition:background .16s ease,color .16s ease,transform .16s ease}.typing-rhythm span.lit{background:linear-gradient(180deg,rgba(255,255,255,.56),transparent),#f6c548;color:#101010;transform:translateY(6px);box-shadow:0 4px #1010102e}.metronome{z-index:5;bottom:92px;width:92px;height:142px;transform-origin:50% 100%;transition:left .52s cubic-bezier(.22,1,.36,1)}.metronome:before{position:absolute;inset:auto 8px 0;height:86px;border:3px solid #101010;border-radius:8px 8px 18px 18px;background:linear-gradient(145deg,#fff8df,#e9d7b6);content:""}.metronome-arm{position:absolute;left:43px;bottom:24px;width:6px;height:116px;border-radius:999px;background:#101010;transform-origin:50% 92%;animation:metronome-swing calc(1.05s / var(--momentum)) ease-in-out infinite}.metronome-weight{position:absolute;left:33px;top:34px;width:26px;height:18px;border:2px solid #101010;border-radius:999px;background:#f6c548;animation:weight-shift calc(1.05s / var(--momentum)) ease-in-out infinite}.key-lane{left:clamp(20px,6vw,86px);right:clamp(20px,6vw,86px);bottom:58px;height:18px;overflow:hidden;border:2px solid rgba(16,16,16,.22);border-radius:999px;background:#fff9ecb3}.key-lane-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:repeating-linear-gradient(90deg,#101010 0 18px,#f6c548 18px 36px);transition:width .22s ease}.beat{position:absolute;top:-9px;width:10px;height:32px;border-radius:999px;background:#10101038;animation:beat-slide calc(1.8s / var(--momentum)) linear infinite}.beat-a{left:10%}.beat-b{left:35%;animation-delay:-.4s}.beat-c{left:62%;animation-delay:-.85s}.beat-d{left:88%;animation-delay:-1.2s}.space-stage{background:var(--stage-bg);box-shadow:inset 0 0 70px #74d6ff1f,0 28px 80px #00000052}.starfield{inset:0}.starfield span{position:absolute;width:3px;height:3px;border-radius:50%;background:#f3f7f2e6;box-shadow:42px 36px #f3f7f28c,82px -14px #74d6ffb8,136px 44px #e6ff74a8,214px 2px #f3f7f27a;animation:stars-drift calc(5s / var(--momentum)) linear infinite}.starfield span:nth-child(1){left:10%;top:18%}.starfield span:nth-child(2){left:32%;top:32%;animation-delay:-1.4s}.starfield span:nth-child(3){left:58%;top:16%;animation-delay:-2.3s}.starfield span:nth-child(4){left:76%;top:46%;animation-delay:-3.1s}.starfield span:nth-child(5){left:18%;top:62%;animation-delay:-4.2s}.spaceship{z-index:5;bottom:124px;width:138px;height:74px;transition:left .52s cubic-bezier(.22,1,.36,1)}.spaceship:before{position:absolute;inset:16px 18px 14px 8px;border:2px solid rgba(230,255,116,.76);border-radius:70% 34% 34% 70%;background:linear-gradient(90deg,#f3f7f2,#74d6ff 68%,#26344a);clip-path:polygon(0 50%,20% 12%,76% 0,100% 50%,76% 100%,20% 88%);content:"";box-shadow:0 0 24px #74d6ff6b}.ship-window{position:absolute;z-index:2;right:34px;top:26px;width:22px;height:22px;border:3px solid #11151f;border-radius:50%;background:#e6ff74}.ship-wing{position:absolute;left:44px;width:40px;height:18px;background:#74d6ff;clip-path:polygon(0 0,100% 45%,0 100%)}.ship-wing-top{top:7px;transform:rotate(16deg)}.ship-wing-bottom{bottom:6px;transform:rotate(-16deg)}.ship-flame{position:absolute;left:-30px;top:29px;width:54px;height:18px;border-radius:999px 0 0 999px;background:linear-gradient(90deg,transparent,#e6ff74,#74d6ff);filter:drop-shadow(0 0 14px rgba(230,255,116,.58));animation:flame-pulse calc(.42s / var(--momentum)) ease-in-out infinite}.signal-core{z-index:4;top:82px;width:82px;height:82px;transition:left .52s cubic-bezier(.22,1,.36,1)}.signal-core:before{position:absolute;inset:0;border:1px solid rgba(230,255,116,.54);border-radius:50%;content:"";animation:core-ring 2.2s linear infinite}.signal-core span{position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle at 35% 34%,#fff,#e6ff74 30%,#74d6ff 72%);box-shadow:0 0 26px #e6ff7475,0 0 46px #74d6ff4d}.asteroid-field{inset:0;pointer-events:none}.asteroid{position:absolute;width:36px;height:30px;border-radius:42% 58% 47% 53%;background:radial-gradient(circle at 28% 32%,rgba(255,255,255,.22),transparent 22%),linear-gradient(135deg,#6f7884,#272c3c);box-shadow:inset -8px -5px #00000029;animation:asteroid-drift calc(4.2s / var(--momentum)) linear infinite}.asteroid-a{right:-8%;top:34%}.asteroid-b{right:12%;top:16%;scale:.72;animation-delay:-1.1s}.asteroid-c{right:32%;bottom:25%;scale:.88;animation-delay:-2.2s}.asteroid-d{right:58%;top:44%;scale:.62;animation-delay:-3.4s}.orbit-track{left:clamp(20px,6vw,86px);right:clamp(20px,6vw,86px);bottom:58px;height:12px;border-radius:999px;background:#f3f7f21f;box-shadow:0 0 22px #74d6ff33}.orbit-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#9dffcf,#e6ff74,#74d6ff);transition:width .22s ease}.story-home-row .cloud{height:12px;border:1px solid rgba(16,16,16,.2);border-radius:2px;background:#fff9ecd1}.story-home-row .cloud:before,.story-home-row .cloud:after{display:none}.story-home-row .target-text{letter-spacing:.02em;word-spacing:.24em}.story-home-row .road{background:repeating-linear-gradient(90deg,rgba(16,16,16,.16) 0 2px,transparent 2px 58px),linear-gradient(to bottom,#fff9eca8,#f6c54875)}.app-shell.story-moon-archive:before{opacity:.56}.story-moon-archive .cloud{width:8px;height:8px;background:#ebfaffdb;box-shadow:42px -18px #ebfaff8c,96px 12px #e6ff74b8,138px -4px #ebfaff6b}.story-moon-archive .cloud:before,.story-moon-archive .cloud:after{display:none}.story-moon-archive .letter{box-shadow:0 0 28px #74d6ff57,0 18px 36px #00000052}.story-moon-archive .road{background:radial-gradient(ellipse at 18% 8%,rgba(230,255,116,.16),transparent 34%),linear-gradient(to bottom,#373f4ed6,#1f2334cc 46%,#11141feb),repeating-linear-gradient(92deg,rgba(235,250,255,.06) 0 2px,transparent 2px 84px)}.story-moon-archive .icon-button,.story-moon-archive .combo-burst{color:#11151f}@keyframes cloud-drift{0%{translate:120vw 0}to{translate:-40vw 0}}@keyframes wind-sweep{0%{translate:0 0;opacity:0}12%{opacity:1}to{translate:-130vw 0;opacity:0}}@keyframes wheel-spin{to{rotate:360deg}}@keyframes road-move{0%{translate:110vw 0}to{translate:-30vw 0}}@keyframes ribbon-sweep{0%{translate:0 0;opacity:0}12%{opacity:.95}to{translate:-130vw 0;opacity:0}}@keyframes confetti-flight{0%{translate:0 0;rotate:0deg;opacity:0}12%{opacity:1}55%{translate:-58vw 28px}to{translate:-118vw -18px;rotate:260deg;opacity:0}}@keyframes kite-float{0%,to{translate:0 0;rotate:45deg}50%{translate:8px -14px;rotate:51deg}}@keyframes scarf-flutter{0%,to{transform:translate(-32px) rotate(8deg) scaleX(.82)}50%{transform:translate(-37px) rotate(-7deg) scaleX(1.12)}}@keyframes pedal-spin{to{rotate:360deg}}@keyframes reeds-sway{0%,to{transform:skew(-3deg)}50%{transform:skew(4deg)}}@keyframes stage-hit{20%{translate:-5px 0}44%{translate:5px 0}68%{translate:-3px 0}}@keyframes sprint-streak{0%{opacity:0;translate:14px 0}50%{opacity:1}to{opacity:0;translate:-18px 0}}@keyframes reward-glow{to{scale:1.04;box-shadow:0 20px 42px #c7673047,0 0 42px #e2a33b57,inset -12px -10px #95522b1a}}@keyframes sun-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.08);opacity:1}}@keyframes metronome-swing{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@keyframes weight-shift{0%,to{translate:-12px 0}50%{translate:12px 0}}@keyframes beat-slide{0%{translate:90vw 0}to{translate:-90vw 0}}@keyframes stars-drift{0%{translate:80vw 0;opacity:0}12%{opacity:1}to{translate:-90vw 0;opacity:0}}@keyframes flame-pulse{50%{scale:1.18 .82;opacity:.72}}@keyframes core-ring{to{rotate:360deg;scale:1.18;opacity:.22}}@keyframes asteroid-drift{0%{translate:92vw 0;rotate:0deg}to{translate:-120vw 0;rotate:220deg}}@keyframes cursor-pop{50%{transform:translateY(-4px)}}@keyframes error-shake{20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media(max-width:820px){.topbar{align-items:stretch;flex-direction:column}.stat-strip,.result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage{height:340px}.courier{width:136px;scale:.82;transform-origin:0 100%}.letter{scale:.82}}@media(max-width:520px){.app-shell{padding-inline:14px}.metric{padding:8px 10px}.target-text{min-height:260px;font-size:1.45rem;line-height:1.26}.stage{margin-top:20px}}