:root{color:#e8eee9;font-synthesis:none;text-rendering:optimizelegibility;background:#06101b;font-family:Arial Narrow,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,input:focus-visible{outline-offset:4px;outline:2px solid #b9f4f2}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}#app{isolation:isolate;background:radial-gradient(circle at 55% 45%,#10293a,#06101b 65%);width:100%;height:100svh;min-height:630px;position:relative;overflow:hidden}#scene-root{z-index:0;touch-action:none;position:absolute;inset:0}#scene-root canvas{width:100%;height:100%;display:block}#scene-root canvas:focus-visible{outline-offset:-3px;outline:2px solid #b9f4f2}.atmosphere{pointer-events:none;z-index:1;opacity:.45;background:repeating-linear-gradient(0deg,#0000 0 3px,#00000024 4px 5px),radial-gradient(circle at 54% 39%,#0000 20%,#0000008c 100%);position:absolute;inset:0}.atmosphere:after{content:"";opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' seed='8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:5;background:linear-gradient(#030b14b8,#0000);border-bottom:1px solid #9bd6e224;justify-content:space-between;align-items:flex-start;gap:20px;min-height:78px;padding:20px 34px;display:flex;position:absolute;top:0;left:0;right:0}.station-id{letter-spacing:.22em;align-items:center;gap:12px;display:flex}.station-mark{color:#a4e8eb;text-shadow:0 0 18px #42c8d3;font-size:31px;line-height:1}.station-id strong,.station-id small{display:block}.station-id strong{color:#e5f5ef;font-size:11px}.station-id small{color:#8aa8b0;letter-spacing:.25em;margin-top:5px;font-size:8px}.top-actions{align-items:center;gap:9px;display:flex}.strength{border-right:1px solid #a6dadf33;align-items:center;gap:8px;min-width:150px;margin-right:5px;padding:7px 14px 7px 0;display:flex}.strength-label{letter-spacing:.18em;color:#8aa8b0;font-size:8px}.strength-track{background:#294251;width:48px;height:3px}.strength-track div{background:#9ce7e8;width:0%;height:100%;transition:width .45s;box-shadow:0 0 10px #75d8e2}.strength strong{text-align:right;color:#c4d7d8;min-width:29px;font-size:9px;font-weight:500}.icon-button{color:#aec9cb;letter-spacing:.15em;background:#0819249e;border:1px solid #a2d8e13b;height:31px;padding:0 10px;font-size:9px}.icon-button:hover:not(:disabled){color:#fff;border-color:#8ddce3}.stage{z-index:2;pointer-events:none;position:absolute;inset:79px 0 35px}.narrative{width:min(380px,31vw);position:absolute;top:16%;left:clamp(28px,4.5vw,78px)}.eyebrow,.overlay-index{letter-spacing:.23em;color:#85bbc4;font-size:9px;font-weight:700}.eyebrow{white-space:nowrap;align-items:center;gap:8px;display:flex}.red-dot{background:#de8c81;border-radius:50%;width:5px;height:5px;box-shadow:0 0 12px #e79385}h1,h2,p{margin-top:0}h1{color:#eaf3ee;letter-spacing:-.055em;text-shadow:0 4px 30px #00000073;margin:18px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(45px,4.8vw,72px);font-weight:400;line-height:1.05}h1 em{color:#aadadd;font-weight:400}.overlay-card{z-index:9;pointer-events:auto;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(145deg,#0c212ff5,#040f1bf5);border:1px solid #95dbdb73;width:min(400px,100vw - 36px);padding:32px;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);box-shadow:0 26px 90px #000000a6,inset 0 1px #ffffff12}.overlay-card:before{content:"";background:#a3eee9;width:80px;height:2px;position:absolute;top:-1px;left:30px;box-shadow:0 0 18px #73d9e0}.overlay-card h2,.complete-card h2{letter-spacing:-.06em;margin:18px 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,4vw,59px);font-weight:400;line-height:.96}.overlay-card#intro-panel h2{letter-spacing:-.04em;margin:0 0 27px;font-size:clamp(27px,2.8vw,38px);line-height:1.14}.overlay-card.compact{width:min(310px,100vw - 36px)}.primary-button{color:#102b35;letter-spacing:.16em;background:#b2eee7;border:1px solid #b0ede7;justify-content:space-between;align-items:center;width:100%;margin-top:15px;padding:15px 16px;font-size:10px;font-weight:800;transition:background .2s,transform .2s;display:flex}.primary-button:hover{background:#dafbf5;transform:translateY(-2px)}.primary-button span:last-child{font-size:18px;font-weight:400;line-height:.6}.complete-card{z-index:4;pointer-events:auto;width:min(390px,37vw);padding:14px 0;animation:.75s both arrive;position:absolute;top:17%;left:clamp(28px,4.5vw,78px)}.complete-card .overlay-index{max-width:260px;line-height:1.5;display:block}.complete-card h2{color:#e8f4ec;font-size:clamp(40px,4.4vw,62px)}.dance-label{color:#f4c8fa;letter-spacing:.15em;background:#48175670;border:1px solid #d578ea7a;align-items:center;gap:9px;margin:12px 0 3px;padding:8px 10px;font-size:9px;font-weight:700;display:inline-flex}.dance-indicator{background:#ef7eea;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ef7eea}.dance-label.is-ended .dance-indicator{opacity:.3!important}.track-picker{z-index:6;gap:6px;width:min(275px,100vw - 68px);display:grid;position:absolute;bottom:56px;right:34px}.track-picker button{color:#9fbfc7;text-align:left;letter-spacing:.07em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071723d6;border:1px solid #b2dee138;align-items:center;gap:12px;min-height:36px;padding:8px 11px;display:flex}.track-picker button:hover{color:#eef7f5;border-color:#a9e0e2}.track-picker button[aria-pressed=true]{color:#fbddfa;background:#411b4abf;border-color:#d891e0;box-shadow:inset 2px 0 #e8a7ed,0 0 22px #c160d129}.track-number{opacity:.65;font-size:8px}.track-name{font-size:10px;font-weight:700}.dance-mode .bottom-note{justify-content:flex-end}.dance-mode .bottom-note>span{display:none}.dance-mode .strength-track div{background:#e89ef0;box-shadow:0 0 11px #dc6be8}.dance-mode .atmosphere{opacity:.27}@keyframes arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.bottom-note{z-index:5;color:#64808c;letter-spacing:.15em;justify-content:space-between;align-items:center;font-size:8px;display:flex;position:absolute;bottom:8px;left:30px;right:30px}.bottom-note button{color:#7eabb1;font-size:inherit;letter-spacing:inherit;background:0 0;border:0;padding:0}.bottom-note button:hover{color:#d4f0ee}.unsupported{z-index:20;color:#fff;text-align:center;background:#06101b;place-items:center;padding:30px;line-height:1.5;display:grid;position:absolute;inset:0}@media (width<=900px){.narrative{width:min(300px,40vw);top:12%}h1{font-size:clamp(41px,6vw,58px)}}@media (width<=650px){#app{min-height:680px}.topbar{min-height:58px;padding:13px 14px}.station-mark{font-size:23px}.station-id{gap:7px}.station-id strong{font-size:9px}.station-id small{font-size:6px}.strength{display:none}.top-actions{gap:5px}.icon-button{height:27px;padding:0 6px;font-size:7px}.stage{inset:59px 0 35px}.narrative{width:calc(100% - 34px);top:11px;left:17px}.eyebrow{font-size:7px}h1{margin:9px 0 0;font-size:38px;line-height:1.07}.overlay-card{padding:22px;top:55%}.overlay-card h2{margin:13px 0;font-size:43px}.overlay-card#intro-panel h2{margin:0 0 22px;font-size:29px}.complete-card{width:calc(100% - 34px);padding:0;top:18px;left:17px}.complete-card h2{margin:9px 0;font-size:39px}.dance-label{margin:4px 0 0;padding:6px 8px;font-size:8px}.track-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:auto;bottom:42px;left:13px;right:13px}.track-picker button{flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;min-height:46px;padding:5px 6px}.track-number{font-size:7px}.track-name{font-size:8px;line-height:1.15}.bottom-note{font-size:7px;bottom:8px;left:13px;right:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}