:root{--accent: #37f0c4;--golden: #ffd23e;--ink: #0b3d54;--beat-dur: .5s;--fs-meta: 11px;--fs-body: 13px;--fs-row: 15px;--fs-loud: 22px;--fs-hud: 34px;--fs-hero: 52px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#04263f;font-family:ui-rounded,-apple-system,SF Pro Rounded,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none;touch-action:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block}#ui{position:fixed;inset:0;pointer-events:none}#ui .clickable{pointer-events:auto;cursor:pointer}.graphics-fallback{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));color:#eff9fb;background:radial-gradient(circle at 50% 18%,rgba(95,178,180,.24),transparent 36%),linear-gradient(180deg,#0a3b50,#04263f 58%,#031a2b);pointer-events:auto;text-align:center}.graphics-card{width:min(520px,100%);padding:clamp(24px,6vw,44px);border:1px solid rgba(255,255,255,.2);border-radius:24px;background:#03192794;box-shadow:0 24px 80px #00081259;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.graphics-kicker{margin-bottom:12px;color:#ffd76a;font-size:var(--fs-meta);font-weight:900;letter-spacing:.2em}.graphics-card h1{font-size:clamp(30px,7vw,48px);line-height:1}.graphics-card>p:not(.graphics-kicker,.graphics-tip){margin:16px auto 0;max-width:36ch;color:#eff9fbd1;font-size:var(--fs-row);line-height:1.45}.graphics-retry{min-height:44px;margin-top:24px;padding:0 22px;border:1px solid rgba(255,255,255,.44);border-radius:999px;background:#f3fbfc;color:#073247;cursor:pointer;font-size:var(--fs-body);font-weight:900;letter-spacing:.08em;text-align:center;text-transform:uppercase}.graphics-retry:active{transform:scale(.97)}.graphics-tip{margin:18px auto 0;max-width:48ch;color:#eff9fb99;font-size:var(--fs-meta);line-height:1.45}.dev-draft-panel{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:30;width:min(360px,calc(100vw - 28px));padding:10px;display:grid;gap:8px;border:1px solid rgba(255,255,255,.24);border-radius:6px;background:#041013d1;box-shadow:0 18px 50px #0000006b;backdrop-filter:blur(14px)}.dev-draft-link{display:inline-flex;width:max-content;max-width:100%;padding:8px 10px;color:#061713;border:1px solid rgba(255,255,255,.28);border-radius:6px;background:#58e6bd;font-size:var(--fs-meta);font-weight:900;letter-spacing:.06em;text-decoration:none;text-transform:uppercase}.dev-draft-readout{color:#effff9c7;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:11px;font-weight:800}.dev-feedback-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dev-feedback-button{min-height:32px;padding:0 9px;color:#d9fff3;border:1px solid rgba(88,230,189,.24);border-radius:6px;background:#58e6bd17;font-size:11px;font-weight:900;text-align:center}.dev-feedback-button:hover{border-color:#58e6bd85;background:#58e6bd29}.dev-feedback-button.noted{animation:dev-noted .65s ease-out}@keyframes dev-noted{0%{background:#58e6bdb8;color:#05231a}to{background:#58e6bd17;color:#d9fff3}}button{font-family:inherit;border:none;background:none;color:inherit;text-align:left}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.hidden{display:none!important}#menu{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:radial-gradient(ellipse at 50% 30%,#0214221f,#02101c8c)}.ipod{pointer-events:auto;--ipod-scale: 1;width:320px;perspective:1300px;transform:scale(var(--ipod-scale));animation:ipod-in 1.05s cubic-bezier(.3,0,.6,1) both}.ipod-tilt{transform-style:preserve-3d;transition:transform .4s cubic-bezier(.25,.1,.25,1);will-change:transform}.ipod-flip{position:relative;transform-style:preserve-3d;transform:rotateX(4deg) rotateY(-11deg);transition:transform .85s cubic-bezier(.45,0,.2,1)}.ipod.flipped .ipod-flip{transform:rotateX(4deg) rotateY(169deg)}.ipod-face{backface-visibility:hidden}.ipod-front{position:relative;padding:26px 22px 30px;border-radius:34px;transform:translateZ(28px);background:radial-gradient(180px 260px at 22% 12%,rgba(255,255,255,.1),transparent 68%),linear-gradient(155deg,#292c2f,#0c0e10 38%,#191c1f 68%,#050607);box-shadow:0 24px 60px #000a148c,inset 0 2px #ffffff4d,inset 0 -3px 10px #000000b8,inset 2px 0 4px #ffffff0f}.ipod-edge{position:absolute;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 4px),linear-gradient(to right,#565d66,#c2c8cf 24%,#eef2f5 46%,#ccd2d8 60%,#767d86)}.edge-l,.edge-r{top:30px;bottom:30px;width:56px}.edge-l{left:-28px;transform:rotateY(90deg)}.edge-r{right:-28px;transform:rotateY(90deg)}.edge-t,.edge-b,.edge-c{height:56px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.06) 0 1px,rgba(0,0,0,.05) 1px 2px,transparent 2px 4px),linear-gradient(to bottom,#565d66,#c2c8cf 24%,#eef2f5 46%,#ccd2d8 60%,#767d86)}.edge-t,.edge-b{left:30px;right:30px}.edge-t{top:-28px;transform:rotateX(90deg)}.edge-b{bottom:-28px;transform:rotateX(90deg)}.edge-c{width:46px}.edge-tl{top:-11px;left:-6px;transform:rotate(-45deg) rotateX(90deg)}.edge-tr{top:-11px;right:-6px;transform:rotate(45deg) rotateX(90deg)}.edge-bl{bottom:-11px;left:-6px;transform:rotate(45deg) rotateX(90deg)}.edge-br{bottom:-11px;right:-6px;transform:rotate(-45deg) rotateX(90deg)}.ipod-front:before{content:none}.ipod-front:after{content:"";position:absolute;inset:0;border-radius:34px;pointer-events:none;background:radial-gradient(26px 14px at 5% 97%,rgba(205,213,220,.18),transparent 70%),radial-gradient(18px 9px at 97% 3%,rgba(205,213,220,.16),transparent 70%),linear-gradient(64deg,transparent 40.86%,rgba(255,255,255,.28) 41%,rgba(20,24,28,.14) 41.1%,transparent 41.22%),linear-gradient(88deg,transparent 76.16%,rgba(255,255,255,.3) 76.3%,rgba(20,24,28,.12) 76.42%,transparent 76.58%),linear-gradient(38deg,transparent 22.42%,rgba(255,255,255,.2) 22.55%,rgba(20,24,28,.1) 22.66%,transparent 22.78%),linear-gradient(112deg,transparent 87.28%,rgba(255,255,255,.22) 87.4%,rgba(20,24,28,.1) 87.51%,transparent 87.64%)}.ipod-back{position:absolute;inset:0;border-radius:34px;backface-visibility:hidden;transform:rotateY(180deg) translateZ(28px);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;background:linear-gradient(115deg,#9ba1a9,#d7dbe0 14%,#f4f6f8 26%,#fff 31%,#c3c8ce 44%,#8f959d,#b7bcc2 66%,#e9ecef 80%,#f7f9fa 88%,#a6acb4);box-shadow:0 24px 60px #000a148c,inset 0 2px #fffc,inset 0 -3px 8px #00142838}.ipod-back:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.94;background:linear-gradient(26deg,transparent 46%,rgba(45,50,56,.22) 47%,rgba(255,255,255,.32) 48.2%,transparent 49.5%) 20px 42px / 118px 24px no-repeat,linear-gradient(112deg,transparent 46%,rgba(255,255,255,.28) 47%,rgba(45,50,56,.18) 48.3%,transparent 49.6%) 188px 26px / 94px 34px no-repeat,linear-gradient(48deg,transparent 46%,rgba(45,50,56,.18) 47%,rgba(255,255,255,.3) 48.2%,transparent 49.5%) 54px 118px / 148px 28px no-repeat,linear-gradient(132deg,transparent 46%,rgba(255,255,255,.26) 47%,rgba(45,50,56,.18) 48.3%,transparent 49.6%) 214px 132px / 78px 48px no-repeat,linear-gradient(72deg,transparent 46%,rgba(45,50,56,.2) 47%,rgba(255,255,255,.3) 48.2%,transparent 49.5%) 8px 206px / 126px 28px no-repeat,linear-gradient(101deg,transparent 46%,rgba(255,255,255,.28) 47%,rgba(45,50,56,.17) 48.3%,transparent 49.6%) 168px 232px / 122px 34px no-repeat,linear-gradient(36deg,transparent 46%,rgba(45,50,56,.2) 47%,rgba(255,255,255,.32) 48.2%,transparent 49.5%) 32px 306px / 152px 30px no-repeat,linear-gradient(124deg,transparent 46%,rgba(255,255,255,.26) 47%,rgba(45,50,56,.18) 48.3%,transparent 49.6%) 204px 322px / 88px 42px no-repeat,linear-gradient(62deg,transparent 46%,rgba(45,50,56,.18) 47%,rgba(255,255,255,.28) 48.2%,transparent 49.5%) 12px 392px / 104px 32px no-repeat,linear-gradient(146deg,transparent 46%,rgba(255,255,255,.3) 47%,rgba(45,50,56,.2) 48.3%,transparent 49.6%) 138px 414px / 146px 28px no-repeat,linear-gradient(84deg,transparent 46%,rgba(45,50,56,.2) 47%,rgba(255,255,255,.3) 48.2%,transparent 49.5%) 44px 472px / 94px 22px no-repeat,linear-gradient(118deg,transparent 46%,rgba(255,255,255,.27) 47%,rgba(45,50,56,.18) 48.3%,transparent 49.6%) 188px 478px / 102px 28px no-repeat;mix-blend-mode:normal}.ipod-back:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.94;background:linear-gradient(78deg,transparent 49.85%,rgba(255,255,255,.38) 50%,rgba(0,0,0,.1) 50.12%,transparent 50.3%),linear-gradient(103deg,transparent 30.1%,rgba(0,0,0,.1) 30.22%,rgba(255,255,255,.22) 30.34%,transparent 30.5%),linear-gradient(61deg,transparent 71.9%,rgba(255,255,255,.28) 72%,transparent 72.18%),linear-gradient(95deg,transparent 12%,rgba(0,0,0,.12) 12.1%,rgba(255,255,255,.18) 12.18%,transparent 12.3%),linear-gradient(42deg,transparent 18.8%,rgba(255,255,255,.26) 18.92%,rgba(0,0,0,.1) 19.04%,transparent 19.2%),linear-gradient(124deg,transparent 82.6%,rgba(0,0,0,.1) 82.72%,rgba(255,255,255,.24) 82.84%,transparent 83%),linear-gradient(69deg,transparent 37.1%,rgba(255,255,255,.22) 37.22%,rgba(0,0,0,.08) 37.34%,transparent 37.5%),linear-gradient(109deg,transparent 63.4%,rgba(0,0,0,.1) 63.52%,rgba(255,255,255,.2) 63.64%,transparent 63.8%),linear-gradient(56deg,transparent 91.1%,rgba(255,255,255,.2) 91.22%,transparent 91.38%),linear-gradient(132deg,transparent 7.4%,rgba(0,0,0,.09) 7.52%,rgba(255,255,255,.18) 7.64%,transparent 7.8%)}.ipod-back .etched,.ipod-back .back-logo{color:#484d54e0;text-shadow:0 1px 0 rgba(255,255,255,.55),0 0 1.5px rgba(55,60,66,.45);text-align:center;letter-spacing:.04em}.back-logo{margin-top:47%;filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}.back-wordmark{font-weight:650;font-size:26px;margin-top:6px}.back-engraving{position:absolute;top:60%;left:50%;display:flex;flex-direction:column;gap:3px;width:max-content;font-size:12.5px;font-weight:600;transform:translate(-50%)}.back-capacity{position:absolute;top:80.5%;left:50%;padding:2px 9px 3px;border:1.5px solid currentColor;border-radius:4px;font-size:12px;font-weight:800;letter-spacing:.08em;line-height:1;transform:translate(-50%)}.screen-crack{position:absolute;inset:0;pointer-events:none;opacity:.7}.screen-crack svg{width:100%;height:100%}.flip-link{pointer-events:auto;margin-top:8px;background:none;border:none;color:#e9f4f8bf;font-size:14px;text-decoration:underline;letter-spacing:.03em}.flip-link:hover{color:#fff}@keyframes ipod-in{0%{transform:translateY(-120vh) rotate(-5deg) scale(var(--ipod-scale))}55%{transform:translateY(0) rotate(.6deg) scale(var(--ipod-scale))}70%{transform:translateY(-22px) rotate(-.8deg) scale(var(--ipod-scale))}82%{transform:translateY(0) rotate(.2deg) scale(var(--ipod-scale))}91%{transform:translateY(-7px) scale(var(--ipod-scale))}to{transform:translateY(0) scale(var(--ipod-scale))}}.ipod-screen{position:relative;height:240px;border-radius:14px;background:linear-gradient(180deg,#cfe4ee,#e9f4f8 30%,#dcebf2);border:4px solid #2b3138;overflow:hidden;display:flex;flex-direction:column;box-shadow:inset 0 3px 10px #14283c40}.screen-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:linear-gradient(180deg,#9fb6c4,#c3d5df);border-bottom:2px solid #7d95a5;font-size:var(--fs-body);font-weight:900;letter-spacing:.14em;color:#26414f}.header-right{display:inline-flex;align-items:center;gap:7px}.pad-dot{color:#2e9e6b;font-size:10px;line-height:1}.battery{width:26px;height:12px;border:2px solid #26414f;border-radius:3px;display:inline-block;position:relative}.battery-fill{position:absolute;inset:1px;width:50%;background:#4caf6d;border-radius:1px}.battery.booting .battery-fill{animation:battery-boot .9s ease-out}@keyframes battery-boot{0%{width:12%}to{width:70%}}.screen-body{flex:1;overflow:hidden;position:relative}.screen-off{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:18px;text-align:center;background:linear-gradient(160deg,#1a2228,#232d35);color:#8fa8b5;font-size:var(--fs-body);line-height:1.5}.off-hint{font-size:var(--fs-body);color:#9db4c0;animation:blink 1.6s ease-in-out infinite}@keyframes blink{50%{opacity:.6}}.boot{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#26414f}.boot-logo{font-size:46px;animation:boot-bounce .9s ease}.boot-mark{background:#171a1e;color:#f2f5f7}.boot-mark .boot-word{color:#f2f5f7}.boot-mark .boot-artist{color:#8fa8b5}.manta-mark{animation:boot-bounce .9s ease}.boot-word{font-weight:900;letter-spacing:.22em;font-size:var(--fs-body)}.boot-artist{font-size:var(--fs-meta);font-weight:600;color:#5f7d8d;letter-spacing:.08em}@keyframes boot-bounce{0%{transform:scale(.4);opacity:0}60%{transform:scale(1.15)}}.menu-list{padding:2px 0;height:100%;overflow-y:auto;touch-action:pan-y;scrollbar-width:none}.menu-list::-webkit-scrollbar{display:none}.row{display:flex;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:var(--fs-row);font-weight:600;color:#2b4656}.row:hover:not(.selected){background:#3f9ed829}.row-lines{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}.row .row-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:700}.row .row-meta{font-size:var(--fs-meta);font-weight:500;color:#5f7d8d;letter-spacing:.04em}.row-right{display:inline-flex;align-items:center;gap:6px}.best-badge{font-size:var(--fs-meta);font-weight:900;width:18px;height:18px;border-radius:5px;display:grid;place-items:center;background:#26414f1f}.best-score{font-size:var(--fs-meta);font-weight:700;font-variant-numeric:tabular-nums;color:#5f7d8d}.listen-badge{padding:2px 6px;border:1px solid rgba(35,103,100,.28);border-radius:999px;color:#36736d;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.row.selected .listen-badge{border-color:#ffffff73;color:#fff7c8}.medal-dot{width:10px;height:10px;border-radius:50%;display:inline-block;border:1.5px solid rgba(38,65,79,.35)}.medal-dot.gold{background:radial-gradient(circle at 35% 30%,#fff3b0,#ffd23e 55%,#d4a017);box-shadow:0 0 5px #ffd23ecc}.medal-dot.silver{background:radial-gradient(circle at 35% 30%,#fff,#d8e2ea 55%,#9fb0bd)}.medal-dot.bronze{background:radial-gradient(circle at 35% 30%,#ffd9b0,#d99a5b 55%,#a06a35)}.results-medal{font-size:var(--fs-meta);font-weight:900;letter-spacing:.08em;border-radius:6px;padding:2px 10px;opacity:0;animation:best-pop .45s cubic-bezier(.2,1.6,.4,1) .55s forwards}.results-medal.gold{background:#ffd23e;color:#5c4400}.results-medal.silver{background:#dbe5ec;color:#3c4c58}.results-medal.bronze{background:#e0a86b;color:#4d2f12}.results-substat{font-size:var(--fs-meta);font-weight:600;color:#5f7d8d;opacity:0;animation:rise-in .35s ease .5s forwards}.results-mode{color:#64808d;font-size:9px;font-weight:800;letter-spacing:.06em}.results-mastery{width:100%;margin-top:2px;padding:3px 5px 4px;border:1px solid rgba(96,125,140,.18);border-radius:8px;background:#ffffff61}.mastery-title{color:#496976;font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.results-mastery .results-pearls{gap:7px;padding-top:2px}.pearl-slot.earned .pearl{background:radial-gradient(circle at 35% 30%,#fff,#ffd9e8 45%,#c9a3e0);box-shadow:0 0 4px #dcaaffa6}.results-next{font-size:var(--fs-meta);font-weight:700;color:#7d95a5;opacity:0;animation:rise-in .35s ease .7s forwards}.stars-mini{display:inline-flex;gap:1px;font-size:13px;font-style:normal;color:#26414f4d}.stars-mini i{font-style:normal}.stars-mini i.earned{color:#d4a017;text-shadow:0 0 4px rgba(255,210,62,.7)}.row.selected .stars-mini{color:#ffffff73}.row.selected .stars-mini i.earned{color:#ffe27a}.results-hero{font-size:30px;font-weight:900;line-height:1;color:#2b4656;animation:boot-bounce .7s ease}.results-hero-of{font-size:var(--fs-loud);font-weight:800;color:#7d95a5}.results-stars{display:flex;gap:6px;align-items:center;font-size:20px;line-height:1;opacity:0;animation:rise-in .4s ease .3s forwards}.results-stars .star{color:#c3d2db}.results-stars .star.earned{color:#f0b429;text-shadow:0 0 10px rgba(255,210,62,.8)}.results-actions{display:flex;gap:6px;width:100%;margin-top:2px;opacity:0;animation:rise-in .35s ease .9s forwards}.results .results-cta{border-radius:10px;flex:2;padding:7px 12px}.results .results-cta-retry{flex:1}.off-mark{color:#6f8b99}.off-mark .manta-mark{width:40px;height:40px;animation:none}.off-story{font-size:var(--fs-meta);color:#7d95a5;line-height:1.45}.off-hint{font-size:var(--fs-row);font-weight:800;color:#e8f2f8}.off-sound{font-size:10px;font-weight:600;color:#5f7d8d;letter-spacing:.05em}.controls-goal{font-size:var(--fs-meta);line-height:1.4;color:#517182;border-bottom:1px solid #b9cfda;padding-bottom:6px}.pearls{display:inline-flex;gap:3px}.pearl{width:7px;height:7px;border-radius:50%;background:#26414f2e;display:inline-block}.pearl.earned{background:radial-gradient(circle at 35% 30%,#fff,#ffd9e8 45%,#c9a3e0);box-shadow:0 0 4px #ffdcf0e6}.row.selected .pearl{background:#ffffff47}.row.selected .pearl.earned{background:radial-gradient(circle at 35% 30%,#fff,#ffd9e8 45%,#c9a3e0)}.results-pearls{display:flex;gap:10px;justify-content:center;padding-top:4px;opacity:0;animation:rise-in .35s ease .95s forwards}.pearl-slot{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;color:#7d95a5}.pearl-slot.earned{color:#45636f}.pearl-slot .pearl{width:9px;height:9px}.pearl-slot.fresh{animation:rise-in .35s ease .95s forwards,pop .45s cubic-bezier(.2,1.6,.4,1) 1s;color:#8a5fb0}.pearl-slot.fresh .pearl{box-shadow:0 0 8px #dcaaff}.pearl-new{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.06em;background:#c9a3e0;color:#fff;border-radius:4px;padding:1px 4px}.first-clear{font-size:var(--fs-meta);font-weight:800;background:#cfe2ec;color:#35525f;border-radius:6px;padding:2px 8px;letter-spacing:.06em;opacity:0;animation:best-pop .45s cubic-bezier(.2,1.6,.4,1) 1s forwards}.row .chev{color:#7d95a5;font-weight:900}.row.selected{background:linear-gradient(180deg,#3f9ed8,#2578b5);color:#fff}.row.selected .row-meta,.row.selected .best-score,.row.selected .chev{color:#cfe9fa}.row.selected .best-badge{background:#e9f4f8}.row.locked .row-title{color:#8ba2b0;letter-spacing:.2em}.row.locked .stars-mini{opacity:.5}.row.lit .row-title{color:#1f6f5c;text-shadow:0 0 8px rgba(62,240,176,.45)}.row.selected.lit .row-title{color:#fff;text-shadow:0 0 10px rgba(190,255,230,.9)}.settings-credits{padding:10px 12px 6px;font-size:var(--fs-meta);font-weight:600;color:#7d95a5;letter-spacing:.04em}.reset-warning{padding:10px 12px 8px;border-bottom:1px solid #b9cfda;background:#ffeeddb8;color:#6d3d32;line-height:1.3}.reset-warning strong,.reset-warning span{display:block}.reset-warning strong{margin-bottom:2px;font-size:var(--fs-body);font-weight:900}.reset-warning span{font-size:var(--fs-meta);font-weight:600}.reset-list{height:auto}.xr-panel{height:100%;display:flex;flex-direction:column;gap:7px;padding:10px 12px;color:#2b4656;overflow-y:auto;scrollbar-width:none}.xr-panel::-webkit-scrollbar{display:none}.xr-check{display:flex;align-items:center;gap:8px;font-size:var(--fs-body);font-weight:600;color:#8a6d3b}.xr-check.ok{color:#2e7d55}.xr-dot{width:9px;height:9px;border-radius:50%;background:#d9a441;flex:none;animation:blink 1.4s ease-in-out infinite}.xr-check.ok .xr-dot{background:#2e9e6b;animation:none}.xr-note{font-size:var(--fs-meta);line-height:1.4;color:#517182;border-top:1px solid #b9cfda;border-bottom:1px solid #b9cfda;padding:6px 0}.xr-dive{margin-top:auto;border-radius:10px}.help{padding:8px 14px;display:flex;flex-direction:column;gap:4px;color:#2b4656;font-size:var(--fs-body);height:100%;overflow-y:auto;touch-action:pan-y;scrollbar-width:none}.help::-webkit-scrollbar{display:none}.help-goal{font-size:var(--fs-meta);line-height:1.4;color:#517182;padding-bottom:3px;border-bottom:1px solid #b9cfda}.help-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.help-row b{font-weight:700}.help-row span{display:inline-flex;gap:4px}.glyph{font-style:normal;font-size:10px;font-weight:800;letter-spacing:.04em;padding:1px 5px;border-radius:6px;background:#3b5666;color:#e8f2f8}.glyph.ga{background:#2e9e6b}.glyph.key{background:#e9f1f5;color:#3b5666;border:1px solid #b9cfda}.help-pearls{font-size:var(--fs-meta);font-weight:600;color:#517182;text-align:center;padding-top:2px;border-top:1px solid #b9cfda}.help-invert{margin-top:2px;font-size:var(--fs-meta);font-weight:600;color:#517182;padding:6px;border-radius:8px;background:#3f9ed81f;width:100%;text-align:center}.help-invert:hover{background:#3f9ed838}.results{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:16px 12px;color:#2b4656;overflow-y:auto;touch-action:pan-y;scrollbar-width:none}.results-summary{display:flex;flex-direction:column;align-items:center;gap:7px}.results::-webkit-scrollbar{display:none}.results-grade{font-size:var(--fs-hero);font-weight:900;line-height:1;animation:boot-bounce .7s ease}.grade-S{color:#d4a017;text-shadow:0 0 18px rgba(255,210,62,.6)}.grade-A{color:#2e9e6b}.grade-B{color:#2578b5}.grade-C{color:#7d6bb5}.grade-D{color:#8d8d8d}.results-line{font-size:var(--fs-meta);color:#517182;opacity:0;animation:rise-in .4s ease .35s forwards}.results-score{font-size:var(--fs-loud);font-weight:900;font-variant-numeric:tabular-nums}.results-stats{display:flex;flex-direction:column;gap:2px;width:100%;padding:4px 14px 0}.results-stats .stat{display:flex;justify-content:space-between;font-size:var(--fs-meta);font-weight:600;color:#45636f;border-bottom:1px solid #cfdfe8;padding:3px 0;opacity:0;animation:rise-in .35s ease forwards}.results-stats .stat b{font-weight:700;color:#5f7d8d}.results-stats .stat:nth-child(1){animation-delay:.5s}.results-stats .stat:nth-child(2){animation-delay:.62s}.results-stats .stat:nth-child(3){animation-delay:.74s}.results-stats .stat:nth-child(4){animation-delay:.86s}.new-best{font-size:var(--fs-meta);font-weight:800;background:#ffd23e;color:#5c4400;border-radius:6px;padding:2px 8px;letter-spacing:.06em;opacity:0;animation:best-pop .45s cubic-bezier(.2,1.6,.4,1) 1s forwards}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes best-pop{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.wheel{margin:22px auto 0;width:200px;height:200px;-webkit-tap-highlight-color:transparent;border-radius:50%;background:linear-gradient(155deg,#696b6e,#44474a 48%,#2d2f32);box-shadow:inset 0 2px 6px #ffffff38,inset 0 -3px 8px #00000061,0 2px 7px #00000085;position:relative;touch-action:none}.wheel button{-webkit-tap-highlight-color:transparent}.wheel-label{position:absolute;font-size:var(--fs-body);font-weight:900;letter-spacing:.1em;color:#f6f8f9e6;min-width:56px;min-height:44px;display:grid;place-items:center}.wheel-label:active{color:#d5f5ff}.wheel-menu{top:2px;left:50%;transform:translate(-50%)}.wheel-prev{left:2px;top:50%;transform:translateY(-50%)}.wheel-next{right:2px;top:50%;transform:translateY(-50%)}.wheel-play{bottom:2px;left:50%;transform:translate(-50%)}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;background:linear-gradient(155deg,#202326,#08090a 72%);box-shadow:inset 0 2px 5px #ffffff1f,inset 0 -2px 5px #000000a6,0 1px #ffffff2e}.wheel-center:hover{filter:brightness(1.04)}.wheel-center:active{background:linear-gradient(155deg,#17191b,#020303 72%)}.menu-footer{color:#ffffffd9;font-size:var(--fs-body);font-weight:600;letter-spacing:.03em;text-shadow:0 2px 8px rgba(0,20,40,.6);min-height:20px;text-align:center;padding:0 16px}.footer-flash{color:var(--golden);animation:pop .4s ease}#hud{position:absolute;inset:0;color:#fff}#hud .score{position:absolute;top:max(18px,env(safe-area-inset-top));right:max(26px,env(safe-area-inset-right));font-size:var(--fs-hud);font-weight:900;letter-spacing:.02em;font-variant-numeric:tabular-nums;text-shadow:0 3px 0 var(--ink),0 6px 18px rgba(0,20,40,.5)}#hud .score.pop{animation:pop .25s ease}@keyframes pop{40%{transform:scale(1.14)}}#hud .combo{position:absolute;top:calc(max(18px,env(safe-area-inset-top)) + 64px);right:26px;text-align:right;color:var(--accent);text-shadow:0 3px 0 var(--ink),0 6px 18px rgba(0,20,40,.5)}#hud .combo .combo-mult{display:block;font-size:var(--fs-hud);font-weight:900;line-height:1}#hud .combo .combo-streak{display:block;font-size:var(--fs-meta);font-weight:700;letter-spacing:.08em;opacity:.9}#hud .combo.pop{animation:pop .22s ease}#hud .combo.dropped{color:#ff7d7d}#hud.combo-drop .combo{animation:shake .35s ease}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}#hud .combo-big{position:absolute;top:14%;left:50%;transform:translate(-50%);font-size:clamp(34px,7vw,64px);font-weight:800;letter-spacing:.04em;color:#ffd23e;text-shadow:0 2px 0 rgba(64,38,4,.85),0 0 26px rgba(255,210,62,.45);pointer-events:none;white-space:nowrap}#hud .combo-big.pop{animation:combo-big-pop .3s ease}@keyframes combo-big-pop{0%{transform:translate(-50%) scale(1.28)}to{transform:translate(-50%) scale(1)}}#hud .combo-big.chrome{background:linear-gradient(100deg,#b8860b,#fff3c4 22%,#a1720a 40%,#ffe680,#c9992e 70%,#fff0b0 88%,#a8790f);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 2px rgba(40,24,2,.8)) drop-shadow(0 0 18px rgba(255,220,110,.5));animation:chrome-sheen 1.6s linear infinite}#hud .combo-big.chrome.pop{animation:chrome-sheen 1.6s linear infinite,combo-big-pop .3s ease}#hud .run-mode{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;z-index:4;transform:translate(-50%);padding:5px 9px;border:1px solid rgba(255,224,125,.38);border-radius:999px;color:#fff2b5;background:#132b327a;box-shadow:0 4px 16px #000c181f;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;pointer-events:none}#hud.ring-boost-confirm .meters{animation:ring-boost-confirm-panel .36s ease-out}#hud.ring-boost-confirm .boost-meter{border-color:#ffe066f2;box-shadow:0 0 20px #ffd23ebf,inset 0 1px 4px #ffffff80}#hud.ring-boost-confirm .boost-fill{filter:brightness(1.45) saturate(1.2)}@keyframes ring-boost-confirm-panel{0%{transform:translate(-50%) scale(1)}32%{transform:translate(-50%) scale(1.045)}to{transform:translate(-50%) scale(1)}}@keyframes chrome-sheen{0%{background-position:0% 0}to{background-position:220% 0}}@media (max-width: 480px){#hud .combo-big{top:19%;font-size:clamp(26px,9vw,40px)}#hud .run-mode{top:auto;bottom:calc(max(12px,env(safe-area-inset-bottom)) + 90px);max-width:184px;padding:4px 7px;overflow:hidden;font-size:7px;letter-spacing:.06em;text-overflow:ellipsis}}@media (prefers-reduced-motion: reduce){#hud .combo-big.chrome,#hud .combo-big.chrome.pop,#hud.ring-boost-confirm .meters{animation:none}}#hud .flight-feel{position:absolute;z-index:24;top:max(92px,calc(env(safe-area-inset-top) + 74px));left:50%;width:min(560px,calc(100vw - 32px));padding:18px;transform:translate(-50%);border:1px solid rgba(255,255,255,.42);border-radius:22px;color:#f7fcff;background:#031928b8;box-shadow:0 18px 56px #000e1a52;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;pointer-events:auto}.flight-feel-kicker{color:#fff0a8;font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.flight-feel-title{margin-top:5px;font-size:clamp(20px,3.2vw,30px);font-weight:950;line-height:1.05}.flight-feel-hint{margin-top:7px;color:#f2fbffc2;font-size:13px;font-weight:750}.flight-feel-trials{display:flex;justify-content:center;gap:10px;margin-top:14px}.flight-feel-trials span{min-width:92px;padding:9px 13px;border:1px solid rgba(255,255,255,.24);border-radius:999px;color:#ffffff9e;background:#ffffff14;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.flight-feel-trials span.done{border-color:#ffefa0c2;color:#08283c;background:#fff0a8}.flight-feel-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:15px}.flight-feel-choice{min-height:64px;padding:10px 12px;border:1px solid rgba(255,255,255,.34);border-radius:16px;color:#f6fbff;background:#ffffff1a;cursor:pointer;font:inherit}.flight-feel-choice strong,.flight-feel-choice span{display:block}.flight-feel-choice strong{font-size:14px;font-weight:950;letter-spacing:.04em;text-transform:uppercase}.flight-feel-choice span{margin-top:3px;color:#ffffff94;font-size:11px;font-weight:750}.flight-feel-choice:hover,.flight-feel-choice:focus-visible{border-color:#fff0a8;background:#fff0a82e;outline:none}.flight-feel-choice:active{transform:scale(.98)}.flight-feel-skip{margin-top:10px;padding:6px 12px;border:0;border-radius:999px;color:#ffffff9e;background:transparent;cursor:pointer;font:inherit;font-size:11px;font-weight:800}body:has(#hud.flight-feel-on) .sound-toggle,body:has(#hud.tutorial-ring-boost) .sound-toggle{display:none}@media (max-width: 480px){#hud .flight-feel{top:max(74px,calc(env(safe-area-inset-top) + 58px));width:calc(100vw - 18px);padding:10px 13px 11px;border-radius:16px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title trials" "hint skip" "choices choices";align-items:center;justify-items:start;gap:3px 10px;text-align:left}.flight-feel-kicker{display:none}.flight-feel-title{grid-area:title;margin:0;font-size:20px}.flight-feel-hint{grid-area:hint;margin:0;font-size:11.5px;line-height:1.25}.flight-feel-trials{grid-area:trials;margin:0;gap:6px}.flight-feel-trials span{min-width:62px;padding:5px 8px;font-size:11px}.flight-feel-skip{grid-area:skip;justify-self:end;margin:0;padding:4px 2px}.flight-feel-choices{grid-area:choices;width:100%;margin-top:8px;gap:7px}.flight-feel-choice{min-height:54px;padding:8px}.flight-feel-choice strong{font-size:12px}}@media (max-height: 500px){#hud .flight-feel{top:max(58px,calc(env(safe-area-inset-top) + 48px));padding:10px 14px 8px}.flight-feel-title{font-size:18px}.flight-feel-hint{margin-top:3px}.flight-feel-trials,.flight-feel-choices{margin-top:8px}.flight-feel-choice{min-height:48px}.flight-feel-skip{margin-top:4px;padding-block:3px}}#hud .flow{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:260px;height:14px;border-radius:8px;background:#0418288c;border:2px solid rgba(255,255,255,.35);overflow:visible}#hud .flow-fill{height:100%;width:0%;border-radius:6px;background:linear-gradient(90deg,var(--accent),#ffffff);transition:width .15s linear}#hud .flow-fill.gained{animation:flow-gain .25s ease}@keyframes flow-gain{40%{filter:brightness(1.7)}}#hud .flow-label{position:absolute;top:-22px;width:100%;text-align:center;font-size:var(--fs-meta);font-weight:900;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,20,40,.6);opacity:.9}#hud.flow-near .flow-fill{animation:flow-tease .5s ease-in-out infinite alternate}@keyframes flow-tease{0%{filter:brightness(1)}to{filter:brightness(1.6)}}#hud.groove .flow-fill{background:linear-gradient(90deg,#ff5d8f,#ffd23e,#37f0c4,#54baff);background-size:300% 100%;animation:rainbow 1.2s linear infinite}#hud.groove .flow-label{color:var(--golden);animation:blink .6s ease-in-out infinite}#hud.groove-ending .flow-label{animation-duration:.22s}@keyframes rainbow{to{background-position:300% 0}}#hud .boost-meter{position:absolute;bottom:calc(max(22px,env(safe-area-inset-bottom)) + 40px);left:50%;transform:translate(-50%);width:170px;height:9px;border-radius:6px;background:#0418288c;border:2px solid rgba(255,255,255,.3);overflow:visible;transition:opacity .3s ease}#hud .boost-fill{height:100%;width:100%;border-radius:4px;background:linear-gradient(90deg,var(--golden),#fff4c8);transition:width .12s linear}#hud .boost-fill.gained{animation:flow-gain .25s ease}#hud .boost-meter .boost-label{position:absolute;top:-15px;width:100%;text-align:center;font-size:10px;font-weight:900;letter-spacing:.24em;text-transform:uppercase;text-shadow:0 2px 6px rgba(0,20,40,.6);opacity:.75}#hud .boost-meter.low .boost-fill{animation:flow-tease .4s ease-in-out infinite alternate}#hud .boost-meter.empty{opacity:.4}#hud .tutor{position:absolute;left:50%;bottom:160px;transform:translate(-50%);max-width:92vw;display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 20px;border-radius:14px;background:#04182899;border:2px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);text-align:center}.tutor-copy{display:flex;flex-direction:column;align-items:center;gap:3px}.tutor-kicker,.tutor-action-hint,.tutor-action-orb{display:none}#hud .tutor.ring-practice{top:max(92px,calc(env(safe-area-inset-top) + 76px));bottom:auto;width:min(430px,calc(100vw - 36px));max-width:none;transform:translate(-50%);display:grid;grid-template-columns:62px minmax(0,1fr);column-gap:14px;row-gap:5px;padding:13px 17px 10px;border-radius:18px;background:#041828c7;border-color:#acf0ffb3;box-shadow:0 18px 70px #000c1c61,inset 0 0 30px #56dbff14;backdrop-filter:blur(12px)}#hud .tutor.ring-practice .tutor-action-orb{display:grid;grid-row:1;place-items:center;width:58px;height:58px;border-radius:50%;color:#062436;background:#d8f7ff;border:4px solid rgba(255,255,255,.62);box-shadow:0 0 #76e7ff80,0 8px 24px #000e2059;animation:ring-ready-pulse 1.1s ease-in-out infinite}.tutor-action-control{font-size:13px;font-weight:950;letter-spacing:.06em}#hud .tutor.ring-practice .tutor-copy{align-items:flex-start;text-align:left}#hud .tutor.ring-practice .tutor-kicker,#hud .tutor.ring-practice .tutor-action-hint{display:block}#hud .tutor.ring-practice .tutor-kicker{margin-bottom:3px;color:#9cecff;font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}#hud .tutor.ring-practice .tutor-text{font-size:clamp(15px,2vw,19px);line-height:1.1}#hud .tutor.ring-practice .tutor-action-hint{color:#e1f7ffb8;font-size:11px;font-weight:700;letter-spacing:.04em}#hud .tutor.ring-practice .tutor-skip{grid-column:1 / -1;justify-self:center}@keyframes ring-ready-pulse{0%{transform:scale(1.12);box-shadow:0 0 0 12px #76e7ff00,0 8px 24px #000e2059}18%{transform:scale(1);box-shadow:0 0 0 2px #76e7ff61,0 8px 24px #000e2059}to{transform:scale(.96);box-shadow:0 0 #76e7ff00,0 8px 24px #000e2059}}@media (max-width: 480px){#hud .tutor{bottom:232px;padding:9px 15px;max-width:calc(100vw - 22px)}.tutor-text{font-size:14px;line-height:1.32}#hud .tutor.ring-practice{top:max(78px,calc(env(safe-area-inset-top) + 62px));width:min(350px,calc(100vw - 28px));grid-template-columns:54px minmax(0,1fr);column-gap:11px;padding:10px 13px 8px}#hud .tutor.ring-practice .tutor-action-orb{width:50px;height:50px;border-width:4px}}@media (max-height: 500px){#hud .tutor.ring-practice{top:max(56px,calc(env(safe-area-inset-top) + 44px));width:min(500px,calc(100vw - 32px));grid-template-columns:48px minmax(0,1fr);padding:8px 13px 6px}#hud .tutor.ring-practice .tutor-action-orb{width:44px;height:44px}}#hud .tutor.pop{animation:pop .3s ease}.tutor-text{font-size:var(--fs-row);font-weight:800;letter-spacing:.04em}.tutor-skip{font-size:var(--fs-meta);font-weight:700;color:#ffffffa6;text-align:center;padding:2px 10px;border-radius:8px;background:#ffffff1f}.tutor-skip:hover{background:#ffffff38}#hud .run-stars{position:absolute;top:calc(max(18px,env(safe-area-inset-top)) + 58px);right:26px;font-size:15px;font-style:normal;color:#fff6;text-shadow:0 2px 6px rgba(0,20,40,.5);letter-spacing:2px}#hud .run-stars i{font-style:normal}#hud .run-stars i.earned{color:#ffd23e;text-shadow:0 0 8px rgba(255,210,62,.8)}#hud .run-stars.pop{animation:pop .3s ease}#hud .best-pace{position:absolute;top:calc(max(18px,env(safe-area-inset-top)) + 40px);right:26px;font-size:var(--fs-meta);font-weight:700;letter-spacing:.08em;color:#ffffffa6;text-shadow:0 2px 6px rgba(0,20,40,.5);display:flex;gap:6px;font-variant-numeric:tabular-nums}#hud .best-pace.passed{color:var(--golden)}#hud .toasts{position:absolute;left:50%;bottom:110px;transform:translate(-50%);display:flex;flex-direction:column-reverse;align-items:center;gap:4px}.toast{font-size:var(--fs-loud);font-weight:900;letter-spacing:.06em;white-space:nowrap;max-width:94vw;overflow:hidden;text-overflow:ellipsis;text-shadow:0 3px 0 var(--ink),0 6px 16px rgba(0,20,40,.5);animation:toast-float var(--toast-lifetime, 1.4s) ease forwards}.toast-beat{color:var(--accent)}.toast-style{color:#ff8fd0}.toast-groove{color:var(--golden);font-size:var(--fs-hud)}.toast-dim{color:#ffffffbf;font-size:var(--fs-row);font-weight:700;text-shadow:0 2px 0 var(--ink),0 4px 10px rgba(0,20,40,.5)}#hud.tutoring .toasts{bottom:236px}@keyframes toast-float{0%{transform:translateY(14px) scale(.7);opacity:0}15%{transform:translateY(0) scale(1.08);opacity:1}30%{transform:scale(1)}75%{opacity:1}to{transform:translateY(-26px);opacity:0}}#hud .chip{position:absolute;left:max(22px,env(safe-area-inset-left));top:max(18px,env(safe-area-inset-top));display:flex;align-items:center;gap:10px;padding:8px 14px 12px;border-radius:16px;background:#0418288c;border:2px solid rgba(255,255,255,.45);font-size:var(--fs-body);font-weight:600;letter-spacing:.03em;backdrop-filter:blur(6px);overflow:hidden;transition:transform .1s ease,border-color .15s ease}#hud .chip:hover{border-color:#ffffffbf}#hud .chip:active{transform:scale(.965);border-color:var(--accent)}.chip-pause{display:inline-flex;gap:3px;align-items:center;padding:5px 7px;border-radius:8px;background:#ffffff29;flex:none}.chip-pause i{display:block;width:3px;height:12px;border-radius:1.5px;background:#ffffffe6}.chip-text{display:flex;flex-direction:column;line-height:1.25;min-width:0}.chip-title{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:800}.chip-sub{font-size:var(--fs-meta);font-weight:600;color:#ffffffa6;white-space:nowrap}.chip-sub.pop{animation:pop .3s ease}.chip-time{font-size:var(--fs-meta);font-weight:700;font-variant-numeric:tabular-nums;color:#ffffffbf}.chip-progress{position:absolute;left:0;right:0;bottom:0;height:4px;background:#ffffff24}.chip-progress-fill{display:block;height:100%;width:0%;background:linear-gradient(90deg,#3f9ed8,var(--accent))}.eq{display:inline-flex;align-items:flex-end;gap:2px;height:14px}.eq i{width:3px;height:4px;background:var(--accent);border-radius:2px}#hud .ring-arrow{position:absolute;left:0;top:0;font-size:var(--fs-loud);color:var(--accent);text-shadow:0 0 12px var(--accent);will-change:transform;opacity:0;transition:opacity .18s ease}#hud .ring-arrow.shown{opacity:1}.ring-arrow-glyph{display:inline-block;animation:arrow-pulse var(--beat-dur) ease-in-out infinite}@keyframes arrow-pulse{0%{transform:scale(1.15)}40%{transform:scale(1)}}.moment-flash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#ffe2828c,#ffd23e2e 45%,#ffd23e00 75%);animation:moment-flash .7s ease-out forwards}@keyframes moment-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}.moment-flash.red{background:radial-gradient(ellipse at 50% 55%,#ff3c3c80,#c8141e38 45%,#a0000a00 75%)}@media (prefers-reduced-motion: reduce){.moment-flash{animation-duration:.35s;background:radial-gradient(ellipse at 50% 55%,#ffe28240,#ffd23e00 70%)}.moment-flash.red{background:radial-gradient(ellipse at 50% 55%,#ff505040,#c8141e00 70%)}}#hud .stick-base{position:fixed;left:0;top:0;width:88px;height:88px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#04182840;pointer-events:none;will-change:transform}.stick-nub{position:absolute;left:50%;top:50%;margin:-16px 0 0 -16px;width:32px;height:32px;border-radius:50%;background:#ffffff8c;box-shadow:0 2px 8px #00142866;will-change:transform}#hud .touch-controls{position:fixed;inset:0;pointer-events:none}#hud .touch-btn{position:fixed;pointer-events:auto;border-radius:50%;border:2px solid rgba(255,255,255,.45);background:#0418286b;color:#fff;font-weight:900;font-family:inherit;text-transform:uppercase;letter-spacing:.1em;font-size:11px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;touch-action:none;text-shadow:0 2px 5px rgba(0,20,40,.7)}#hud .touch-btn.held{background:#ffffff47;border-color:#fff}#hud .boost-btn{right:max(18px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 46px);width:92px;height:92px;font-size:14px;border-color:var(--golden, #ffd23e)}#hud .boost-btn.held{background:#ffd23e4d}#hud .spin-r{right:max(16px,env(safe-area-inset-right));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 158px);width:62px;height:62px}#hud .spin-l{left:max(16px,env(safe-area-inset-left));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 158px);width:62px;height:62px}#hud .look-btn{left:max(16px,env(safe-area-inset-left));bottom:calc(max(24px,env(safe-area-inset-bottom)) + 58px);width:62px;height:62px;line-height:1.05;text-align:center}#hud.is-paused .touch-btn{display:none}.roster-now{font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--golden, #ffd23e)}.roster-ready{color:var(--golden, #ffd23e);opacity:.9}.roster-lock{opacity:.4}#hud .dread{position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .5s ease;background:radial-gradient(ellipse at 50% 45%,#0000 38%,#02081299 70%,#01030aeb)}#hud.dread-hot .dread{background:radial-gradient(ellipse at 50% 45%,#0000 34%,#5a040c8c 68%,#8c000ee6)}#hud.dread-hot .dread:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#0000 45%,#ff1e2857);animation:dread-pulse .62s ease-in-out infinite}@keyframes dread-pulse{0%,to{opacity:.15}30%{opacity:1}45%{opacity:.35}60%{opacity:.85}}@media (prefers-reduced-motion: reduce){#hud.dread-hot .dread:after{animation:none;opacity:.6}}.unlock-veil{position:fixed;inset:0;z-index:40;pointer-events:auto;display:flex;align-items:center;justify-content:center;background:#020a14b8;animation:unlock-in .25s ease}@keyframes unlock-in{0%{opacity:0}}.unlock-card{max-width:340px;margin:0 22px;padding:26px 28px;border-radius:18px;background:#061a2ceb;border:2px solid rgba(255,255,255,.3);text-align:center;box-shadow:0 18px 60px #00081299}.unlock-card .unlock-title{font-size:22px;font-weight:900;letter-spacing:.02em;color:#fff;animation:blink 1.1s ease-in-out infinite}.unlock-card .unlock-sub{margin-top:10px;font-size:13px;line-height:1.5;opacity:.8}#hud .pause{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#020e1a8c;backdrop-filter:blur(4px);pointer-events:auto}.pause-panel{width:280px;border-radius:16px;background:linear-gradient(180deg,#cfe4ee,#e9f4f8 30%,#dcebf2);border:4px solid #2b3138;overflow:hidden;color:#2b4656;box-shadow:0 24px 60px #000a148c}.pause-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:linear-gradient(180deg,#9fb6c4,#c3d5df);border-bottom:2px solid #7d95a5;font-size:var(--fs-body);font-weight:900;letter-spacing:.14em;color:#26414f}.pause-stats{padding:9px 14px 10px;font-size:var(--fs-meta);font-weight:700;color:#5f7d8d;border-bottom:1px solid #b9cfda;font-variant-numeric:tabular-nums}.pause-stat-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:8px}.pause-stat{display:flex;flex-direction:column;gap:1px;min-width:0}.pause-stat b{font-size:14px;font-weight:900;line-height:1.1;color:#23414f;white-space:nowrap}.pause-stat span{font-size:10px;font-weight:700;letter-spacing:.04em;color:#7a97a6}.pause-row{display:block;width:100%;padding:11px 14px;font-weight:600;font-size:var(--fs-row);color:#2b4656}.pause-row:hover:not(.selected){background:#3f9ed829}.pause-row.selected{background:linear-gradient(180deg,#3f9ed8,#2578b5);color:#fff}.pause-row .row-hint{display:block;font-size:10px;font-weight:500;opacity:.7}.pause-row .volume-label,.pause-row .invert-label{font-weight:800}.pause-help{display:flex;flex-direction:column;gap:4px;margin-top:8px;padding:10px 14px 4px;border-top:1px solid #b9cfda;font-size:var(--fs-meta);color:#2b4656}.pause-help .help-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.settings-pad{padding:2px 12px 8px;font-size:10px;font-weight:600;color:#93a9b5;letter-spacing:.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-hint{position:fixed;left:50%;bottom:max(20px,env(safe-area-inset-bottom));transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 16px;border-radius:999px;background:#04182880;color:#ffffffe6;font-size:var(--fs-meta);font-weight:700;letter-spacing:.04em;transition:opacity .6s ease;pointer-events:auto;z-index:5}.photo-hint.faded{opacity:.18}.photo-hint:hover{opacity:1}.photo-done,.photo-save{font-size:var(--fs-meta);font-weight:800;padding:3px 12px;border-radius:999px;background:#fff3;cursor:pointer}.photo-save{background:var(--golden, #ffd23e);color:#10202c}.photo-saved{color:var(--golden);font-weight:900;animation:pop .4s ease}#hud.is-paused .flow-fill,#hud.is-paused .flow-label,#hud.is-paused .boost-fill,#hud.is-paused .ring-arrow-glyph{animation-play-state:paused}@media (max-height: 700px){.ipod{--ipod-scale: .85}#menu{gap:0}}@media (max-width: 720px){.chip-title{max-width:96px}#hud .flow{bottom:68px;width:210px}#hud .boost-meter{bottom:104px;width:140px}#hud .toasts{bottom:152px}}@media (pointer: coarse){.row{padding:9px 12px}.pause-row{padding:14px}}@media (max-width: 480px){#hud .score{font-size:26px}#hud .flow{width:150px;left:calc(50% - 30px)}#hud .boost-meter{width:128px;left:calc(50% - 30px)}#hud .combo .combo-mult{font-size:26px}.toast{font-size:17px}.toast-groove{font-size:22px}#hud .chip{gap:7px;padding:6px 10px 10px}.chip-title{max-width:80px}.chip-time{display:none}}@media (max-height: 500px){.ipod{--ipod-scale: .55}#menu{gap:0}.menu-footer{margin-top:-84px}}@media (prefers-reduced-motion: reduce){#hud.flow-near .flow-fill{animation:flow-tease .5s ease-in-out infinite alternate}@keyframes flow-tease{0%{filter:brightness(1)}to{filter:brightness(1.6)}}#hud.groove .flow-fill{animation:none;background:linear-gradient(90deg,var(--golden),#ffffff)}#hud.groove .flow-label,.off-hint,.ring-arrow-glyph,#hud .score.pop,#hud .combo.pop,.chip-sub.pop{animation:none}.toast{animation:toast-fade 1.4s ease forwards}@keyframes toast-fade{0%{opacity:0}15%{opacity:1}75%{opacity:1}to{opacity:0}}.ipod,.manta-mark{animation:none}}.brief-overlay{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#030a0ed1;backdrop-filter:blur(10px)}.brief-overlay.hidden{display:none}.brief-card{width:min(400px,100%);display:grid;gap:10px;padding:22px 22px 18px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:#08141af0;box-shadow:0 30px 80px #0000008c;text-align:left}.brief-kicker{color:#d6ecf48c;font-size:11px;font-weight:900;letter-spacing:.22em;text-transform:uppercase}.brief-title{color:#f2fbff;font-size:24px;font-weight:900;line-height:1.1}.brief-goal{margin-bottom:4px;color:#d6ecf4b8;font-size:13px;line-height:1.45}.brief-rows{display:grid;gap:6px}.brief-card .help-row b{color:#ebfaffeb;font-size:14px}.brief-card .glyph{font-size:12px;padding:3px 8px}.brief-start{min-height:52px;margin-top:8px;color:#06231d;border:none;border-radius:10px;background:#58e6bd;font-size:17px;font-weight:900;letter-spacing:.14em;text-align:center;text-transform:uppercase;cursor:pointer}.brief-start:hover{background:#7df0cd}.brief-hint{color:#d6ecf480;font-size:11px;text-align:center}@media (max-width: 480px){.brief-card{padding:16px 16px 14px}.brief-title{font-size:20px}}.sound-toggle.offstage{display:none}.sound-toggle{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;min-height:30px;padding:5px 12px;color:#dff3f7;border:1px solid rgba(255,255,255,.28);border-radius:15px;background:#061218b8;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;backdrop-filter:blur(8px)}.sound-toggle:hover{border-color:#ffffff8c}.sound-toggle.muted{color:#dff3f78c;background:#06121880;border-style:dashed}@media (max-width: 480px){.sound-toggle{top:max(76px,calc(env(safe-area-inset-top) + 66px));left:50%;transform:translate(-50%)}body:has(#menu:not(.hidden)) .sound-toggle{top:max(10px,env(safe-area-inset-top))}}.sound-toggle,.brief-start{touch-action:manipulation;-webkit-tap-highlight-color:transparent}.sound-toggle:active{transform:translate(-50%) scale(.94);background:#58e6bd40;border-color:#58e6bdb3}@media (max-width: 480px){.sound-toggle:active{transform:translate(-50%) scale(.94)}}.brief-start:active{transform:scale(.97);background:#8df5d2}#hud.story-quiet .score,#hud.story-quiet .best-pace,#hud.story-quiet .run-stars,#hud.story-quiet .combo,#hud.story-quiet .combo-big,#hud.story-quiet .boost-meter,#hud.story-quiet .flow,#hud.story-quiet .ring-arrow{display:none}.credits-card{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:9vh 0 7vh;pointer-events:auto;background:linear-gradient(to bottom,rgba(1,10,20,.28),transparent 32%,transparent 62%,rgba(1,10,20,.4));animation:credits-in 1.1s ease-out both}.credits-bottom{text-align:center;color:#eef7fa;text-shadow:0 2px 14px rgba(0,8,16,.8),0 0 2px rgba(0,8,16,.9)}@keyframes credits-in{0%{opacity:0}to{opacity:1}}.credits-thanks{font-size:36px;font-weight:700;letter-spacing:.06em;color:#eef7fa;text-shadow:0 2px 14px rgba(0,8,16,.8),0 0 2px rgba(0,8,16,.9)}.credits-made{margin-top:10px;font-size:15px;letter-spacing:.08em;opacity:.85}.credits-hint{margin-top:26px;font-size:12px;letter-spacing:.1em;opacity:0;animation:credits-hint-in .8s ease-out 1.6s both}@keyframes credits-hint-in{0%{opacity:0}to{opacity:.7}}@media (max-width: 480px){.credits-thanks{font-size:26px}.credits-made{font-size:13px}}.credits-signed{margin-top:7px;font-size:13px;letter-spacing:.14em;opacity:.75}.cast-card{position:fixed;inset:0;z-index:56;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;pointer-events:auto;animation:credits-in .7s ease-out both}.cast-panel{width:min(92vw,640px);margin-bottom:5vh;padding:18px 18px 16px;border-radius:18px;background:#02122294;border:1px solid rgba(255,255,255,.16);text-align:center;color:#eef7fa;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.cast-title{font-size:24px;font-weight:800;letter-spacing:.05em}.cast-sub{margin-top:6px;font-size:13px;opacity:.8}.cast-row{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:14px 0 4px}.cast-slot{flex:1 1 100px;max-width:118px;padding:10px 6px;border-radius:12px;border:2px solid rgba(255,255,255,.22);background:#ffffff12;color:#eef7fa;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;gap:4px;-webkit-tap-highlight-color:transparent}.cast-slot .cast-name{font-weight:800;font-size:14px}.cast-slot .cast-line{font-size:10.5px;opacity:.7}.cast-slot.selected{border-color:var(--golden, #ffd23e);background:#ffd23e29}.cast-play{margin-top:12px;padding:12px 34px;border-radius:999px;border:none;background:#8df5d2;color:#062534;font-family:inherit;font-weight:800;font-size:16px;letter-spacing:.06em;cursor:pointer}.cast-play:active{transform:scale(.97)}.cast-menu{display:block;margin:10px auto 0;padding:8px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:none;color:#eef7fad9;font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.06em;cursor:pointer}.cast-menu:active{transform:scale(.97)}@media (max-width: 480px){.cast-title{font-size:19px}.cast-slot{flex:1 1 30%}}.screen-crack{opacity:.7;transition:opacity .2s ease}.ipod-screen:has(.menu-list,.results,.help,.xr-panel) .screen-crack{-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 15%,rgba(0,0,0,.32) 23%,rgba(0,0,0,.32) 84%,#000 92%,#000 100%);mask-image:linear-gradient(to bottom,#000 0% 15%,#00000052 23% 84%,#000 92% 100%)}.wheel-label{color:#f6f8f9e6}.wheel-label:hover{color:#fff}.level-status,.level-lock{font-size:9px;font-weight:900;letter-spacing:.1em;text-transform:uppercase;color:#5f7d8d}.row.selected .level-status,.row.selected .level-lock{color:#fffc}.level-scroll-cue{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:16px 0 4px;color:#456777;background:linear-gradient(to bottom,#deeef500,#deeef5fa 58%);font-size:9px;font-weight:900;letter-spacing:.12em;text-align:center;text-transform:uppercase;pointer-events:none}.results-accomplishment{padding:3px 10px;border-radius:999px;color:#245a50;background:#ccefe3;font-size:var(--fs-meta);font-weight:900;letter-spacing:.1em;text-transform:uppercase;animation:best-pop .45s cubic-bezier(.2,1.6,.4,1) both}.results-accomplishment,.results-medal{line-height:1.15}.results-medal{padding:1px 9px}.results-next,.results-substat{line-height:1.05}.results-actions{margin-top:0}.results-score-row{color:#2b4656;line-height:1}.results-score-unit{color:#6d8795;font-size:var(--fs-meta);font-weight:700}#hud .hud-score-cluster{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));z-index:2;min-width:116px;display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding:5px 8px 6px;border:1px solid rgba(255,255,255,.18);border-radius:12px;background:linear-gradient(135deg,#02122080,#04223457);box-shadow:0 6px 18px #000c181f;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}#hud .hud-score-cluster .score,#hud .hud-score-cluster .best-pace,#hud .hud-score-cluster .run-stars{position:static}#hud .hud-score-cluster .score{line-height:1;text-shadow:0 2px 0 rgba(0,20,40,.85),0 4px 14px rgba(0,12,24,.8)}#hud .hud-score-cluster .best-pace{color:#ffffffc7}#hud .hud-score-cluster .run-stars{color:#ffffffad;text-shadow:0 1px 3px rgba(0,12,24,.9)}#hud .hud-score-cluster .run-stars i.earned{color:#ffd95a}#hud .combo{top:calc(max(18px,env(safe-area-inset-top)) + 94px)}#hud .meters{position:absolute;left:50%;bottom:max(16px,env(safe-area-inset-bottom));width:min(260px,40vw);transform:translate(-50%);display:flex;flex-direction:column;gap:16px;padding:19px 10px 10px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:#0212206b;box-shadow:0 7px 20px #000c1824;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none}#hud .meters .boost-meter,#hud .meters .flow{position:relative;inset:auto;width:100%;transform:none;background:#000a148a;border:2px solid rgba(255,255,255,.38);box-shadow:inset 0 1px 4px #00000073}#hud .meters .boost-meter{height:10px}#hud .meters .flow{height:14px}#hud .meters .boost-label,#hud .meters .flow-label{top:-18px;font-size:10px;opacity:1;text-shadow:0 2px 5px rgba(0,8,16,.95)}#hud .toasts{bottom:132px}#hud.story-quiet .hud-score-cluster,#hud.story-quiet .meters{display:none}.sound-toggle{top:calc(max(18px,env(safe-area-inset-top)) + 64px);left:max(22px,env(safe-area-inset-left));min-height:27px;transform:none;opacity:.72;animation:sound-yield .55s ease 3s both}.sound-toggle:hover,.sound-toggle:focus-visible{animation:none;opacity:1}.sound-toggle:active{animation:none;transform:scale(.94)}@keyframes sound-yield{to{opacity:.46}}body:has(.credits-card) .sound-toggle,body:has(.cast-card) .sound-toggle{display:none}#hud .boost-btn{right:max(16px,env(safe-area-inset-right));bottom:calc(max(18px,env(safe-area-inset-bottom)) + 38px);width:84px;height:84px}#hud .spin-r,#hud .spin-l{bottom:calc(max(18px,env(safe-area-inset-bottom)) + 138px);width:58px;height:58px}html,body{touch-action:pinch-zoom}@media (max-width: 720px){#hud .meters{width:190px}}@media (max-width: 480px){#hud .hud-score-cluster{right:max(10px,env(safe-area-inset-right));min-width:100px;padding:5px 7px 6px}#hud .combo{top:calc(max(18px,env(safe-area-inset-top)) + 86px);right:max(14px,env(safe-area-inset-right))}#hud .meters{bottom:max(12px,env(safe-area-inset-bottom));width:156px;gap:15px;padding:18px 9px 9px}#hud .meters .boost-meter{height:9px}#hud .meters .flow{height:13px}#hud .toasts{bottom:116px}.sound-toggle{top:calc(max(18px,env(safe-area-inset-top)) + 62px);left:max(14px,env(safe-area-inset-left));transform:none}.sound-toggle:active{transform:scale(.94)}}.title-card{position:fixed;inset:0;z-index:80;display:flex;flex-direction:column;align-items:center;padding:max(20px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:linear-gradient(170deg,#06294a,#03203a 42%,#010b18);pointer-events:auto;animation:title-in .5s ease-out both}@keyframes title-in{0%{opacity:0}to{opacity:1}}.title-close{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#eef7fa8c;cursor:pointer;transition:color .15s ease-out,background .15s ease-out}.title-close:hover{color:#eef7fa;background:#ffffff14}.title-close:active{transform:scale(.94)}.title-body{flex:1;width:100%;display:flex;align-items:center;justify-content:center}.title-stack{width:min(100%,34rem);text-align:center;color:#eef7fa}.title-stack-devices{align-self:flex-start;margin-top:clamp(48px,14vh,150px)}.title-mark{color:#fff;line-height:0;animation:title-float 7s ease-in-out infinite}@keyframes title-float{0%,to{transform:translateY(-4px)}50%{transform:translateY(4px)}}.title-word{margin:26px 0 0;font-size:40px;font-weight:800;line-height:1.02;letter-spacing:.055em}.title-beats{margin:40px 0 0;display:flex;flex-direction:column;gap:10px}.title-beat{margin:0;font-size:15px;line-height:1.5;color:#eef7faeb;opacity:0;animation:title-beat-in .52s cubic-bezier(.16,.8,.3,1) both}.title-beat.title-quiet{color:#eef7fa9e}.title-beat[data-beat="1"]{animation-delay:.32s}.title-beat[data-beat="2"]{animation-delay:.56s}@keyframes title-beat-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.about-body{padding:2px 2px 0;text-align:left}.about-head{display:flex;align-items:center;gap:8px}.about-mark{line-height:0;color:#0d2a3a;opacity:.9}.about-mark svg{width:26px;height:26px}.about-name{font-size:19px;font-weight:900;letter-spacing:-.01em;color:#0d2a3a}.about-line{margin:7px 0 0;font-size:11.5px;line-height:1.44;font-weight:650;color:#0d2a3acc}.about-line+.about-line{color:#0d2a3aad}.about-links{display:flex;gap:0;height:auto;align-items:stretch;flex:0 0 auto;overflow:visible;margin-top:10px;border-top:1px solid rgba(13,42,58,.16)}.about-links .row{flex:1 1 0;min-width:0;text-align:center;border-radius:0}.about-links .row+.row{border-left:1px solid rgba(13,42,58,.16)}.about-links .row-lines{align-items:center}.about-links .row-title,.about-links .row-meta{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.about-links .row-meta{font-size:11px}.about-links .row-right{display:none}.screen-body:has(.about-body){overflow-y:auto;scrollbar-width:none;touch-action:pan-y;padding:0 2px}.title-where{margin:0;font-size:20px;font-weight:700;letter-spacing:.01em;color:#eef7fa}.title-devices{list-style:none;margin:120px 0 0;padding:0;display:flex;justify-content:center;align-items:flex-start;gap:52px}.title-device{display:flex;flex-direction:column;align-items:center;gap:14px;color:#eef7fae6;animation:title-beat-in .5s cubic-bezier(.16,.8,.3,1) both}.title-device:nth-child(1){animation-delay:.14s}.title-device:nth-child(2){animation-delay:.22s}.title-device:nth-child(3){animation-delay:.3s}.title-device:nth-child(4){animation-delay:.38s}.title-device-icon{line-height:0}.title-device-name{font-size:13px;letter-spacing:.02em;white-space:nowrap;color:#eef7fa9e}.title-plays{margin-top:100px;animation:title-beat-in .5s cubic-bezier(.16,.8,.3,1) .46s both}.title-plays-head{margin:0;font-size:14px;font-weight:700;letter-spacing:.02em;color:#eef7fac7}.title-devices.title-plays-row{margin-top:32px}.title-plays-row .title-device{animation:none}.title-plays-row .title-device-icon{transition:color .16s ease-out}.title-plays-row .title-device.lit .title-device-icon{color:#8df5d2}.title-footer{display:flex;flex-direction:column;align-items:center;gap:26px;padding-top:32px}.title-start{min-width:240px;min-height:48px;padding:13px 42px;border:none;border-radius:999px;background:#8df5d2;color:#062534;font-family:inherit;font-size:16px;font-weight:800;letter-spacing:.06em;text-align:center;cursor:pointer;transition:transform .12s ease-out,background .15s ease-out}.title-start:hover{background:#a5ffe0}.title-start:active{transform:scale(.97)}.title-start:focus-visible{outline:2px solid #eef7fa;outline-offset:3px}.title-actions{display:flex;flex-direction:column;align-items:center;gap:14px}.title-actions[hidden]{display:none}.title-ghost{min-height:44px;padding:10px 26px;border:1px solid rgba(238,247,250,.28);border-radius:999px;background:none;color:#eef7fad9;font-family:inherit;font-size:14px;font-weight:700;letter-spacing:.04em;text-align:center;cursor:pointer;transition:border-color .15s ease-out,color .15s ease-out,transform .12s ease-out}.title-ghost:hover{border-color:#eef7fa99;color:#eef7fa}.title-ghost:active{transform:scale(.97)}.title-xr-icon{display:inline-block;line-height:0;color:#8df5d2}.title-xr-head{margin-top:26px}.title-xr-sub{margin:12px 0 0;font-size:15px;line-height:1.5;color:#eef7fa9e}.title-dots{display:flex;gap:7px}.title-dots span{width:16px;height:3px;border-radius:2px;background:#eef7fa38;transition:background .3s ease-out}.title-dots span.on{background:#eef7facc}@media (prefers-reduced-motion: reduce){.title-mark{animation:none}.title-beat,.title-device,.title-plays{animation-duration:.01s;animation-delay:0s}}@media (max-width: 480px){.title-word{font-size:30px}.title-mark svg{width:84px;height:84px}.title-beats{margin-top:34px}.title-beat{font-size:14px}.title-where{font-size:18px}.title-devices{gap:18px;margin-top:88px}.title-device{gap:11px}.title-device-name{font-size:12px}.title-device-icon svg{width:25px;height:25px}.title-plays{margin-top:88px}.title-plays-head{font-size:13px}.title-devices.title-plays-row{margin-top:24px}.title-footer{gap:22px;padding-top:26px}.title-start{width:100%;max-width:420px}}@media (max-height: 620px){.title-mark svg{width:62px;height:62px}.title-word{margin-top:16px;font-size:26px}.title-beats{margin-top:22px}.title-stack-devices{margin-top:16px}.title-devices{margin-top:30px}.title-plays{margin-top:34px}.title-footer{padding-top:18px;gap:16px}}.title-card:focus,.title-card:focus-visible{outline:none}.title-card.leaving{opacity:0;transition:opacity .4s ease-in;pointer-events:none}.level-rail{position:absolute;top:max(20px,calc(env(safe-area-inset-top) + 12px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;pointer-events:none;animation:rail-in .45s ease-out both}.level-rail.hidden{display:none}@keyframes rail-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.rail-pips{display:flex;gap:6px}.rail-pip{width:22px;height:4px;border-radius:2px;background:#e9f4f838;transition:background .3s ease-out}.rail-pip.done{background:#e9f4f8cc}.rail-pip.next{background:#8df5d2;box-shadow:0 0 10px #8df5d28c}.rail-line{font-size:12px;font-weight:700;letter-spacing:.05em;color:#e9f4f8d1;text-shadow:0 2px 10px rgba(0,10,20,.75)}@media (max-width: 480px){.rail-pip{width:16px}.rail-line{font-size:11px}}.pause-stats .pause-level{margin-bottom:7px;color:#2b4656;font-weight:800;white-space:nowrap}