:root{font-family:Arial,Helvetica,sans-serif;color:#d6dce7;background:#08111f;color-scheme:dark;--accent:#9ad7da}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a,select{touch-action:manipulation}button,input,select{font:inherit}button,a,select{color:inherit}button{cursor:pointer;border:0;background:transparent}a{text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover,a:hover{color:#fff}button:disabled{opacity:.5}button{min-height:40px}p,h1{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#playfield{position:fixed;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.back{position:fixed;left:35px;top:27px;font-size:12px;letter-spacing:.01em;z-index:2;padding:10px 0}.back span{margin-left:9px}.theme-tools{position:fixed;top:26px;right:32px;display:flex;gap:20px;align-items:center;font-size:11px;z-index:2}.theme-tools select{background:#0d1523;border:1px solid #77829d3a;border-radius:22px;padding:10px 14px;max-width:125px}.theme-tools button{padding:0}.indicator{display:inline-block;width:5px;height:5px;border-radius:50%;margin-left:6px;background:#667081}[aria-pressed=true] .indicator{background:#a2d5cd;box-shadow:0 0 10px #a2d5cd50}
.intro{position:fixed;left:11%;top:28%;pointer-events:none;transition:opacity 1.3s,transform 1.3s}.eyebrow{font-size:9px;letter-spacing:.24em;color:#a3b1c6;margin-bottom:25px}h1{font-size:clamp(40px,5.6vw,86px);line-height:1.04;letter-spacing:-.065em;font-weight:400}h1 em{font-family:Georgia,serif;font-weight:400;color:#c0ccd9}.instructions{font-size:12px;line-height:1.9;color:#98a9bc;margin-top:28px}.has-played .intro{opacity:0;transform:translateY(-8px)}.session-hint{position:fixed;left:50%;bottom:125px;transform:translateX(-50%);color:#8999ac;font-size:10px;letter-spacing:.03em;text-align:center;pointer-events:none;white-space:nowrap}.toolbar{position:fixed;left:50%;bottom:37px;transform:translateX(-50%);display:flex;align-items:center;gap:16px;padding:10px 20px;border:1px solid #8fa5c42e;border-radius:40px;background:#111a29ed;box-shadow:0 16px 60px #0003;z-index:4;white-space:nowrap}.toolbar button{font-size:11px;padding:0 2px}.toolbar button span[aria-hidden]{color:#99c3d5;font-size:17px;margin:0 3px}.divider{width:1px;height:17px;background:#97adcc30}.volume{display:flex;align-items:center;gap:9px}.volume span{color:#a6bbcf;font-size:12px}.volume input{width:66px;accent-color:#a1becd;cursor:pointer;height:30px}.toolbar [aria-pressed=true]{color:#a6dfcf}
.music-panel{position:fixed;bottom:110px;right:35px;width:370px;max-width:calc(100% - 32px);background:#101928f7;border:1px solid #91a5c53d;border-radius:18px;padding:16px;z-index:5;box-shadow:0 20px 80px #0007}.panel-heading{display:flex;align-items:center;justify-content:space-between;font-size:15px;margin-bottom:8px}.panel-heading button{font-size:23px;width:35px}.music-panel iframe{border:0;width:100%;height:166px;border-radius:8px;background:#202838}.music-panel #music-status{font-size:11px;line-height:1.6;color:#b2bfd2;margin:12px 0;min-height:35px}#track-form{display:flex;gap:8px}#track-url{min-width:0;flex:1;background:#09121f;border:1px solid #7689a53d;border-radius:7px;padding:10px;color:#b9c6d8;font-size:11px}#track-form button{font-size:11px;background:#24354b;padding:0 12px;border-radius:7px}.track-footer{display:flex;justify-content:space-between;gap:12px;font-size:9px;line-height:1.7;margin-top:12px}.track-footer span{color:#8797af}.track-footer a{color:#a4cbd8}.no-js{position:fixed;top:50%;left:10%;background:#111;padding:20px}
@media(max-width:700px){.back{left:20px;top:15px;font-size:10px}.theme-tools{right:17px;top:14px;gap:11px;font-size:10px}.theme-tools select{padding:8px;max-width:100px}.intro{left:9%;top:29%}h1{font-size:clamp(39px,10vw,65px)}.eyebrow{font-size:8px;margin-bottom:22px}.instructions{font-size:11px;margin-top:25px}.toolbar{width:calc(100% - 30px);bottom:max(20px,env(safe-area-inset-bottom));border-radius:23px;justify-content:center;gap:8px 17px;flex-wrap:wrap;padding:10px 14px;max-width:440px}.toolbar button{font-size:10px;min-height:35px}.toolbar .divider{display:none}.volume input{width:58px}.session-hint{bottom:135px;font-size:9px;white-space:normal;width:85%;line-height:1.7}.music-panel{right:15px;bottom:125px;max-height:calc(100dvh - 205px);overflow:auto}.track-footer{font-size:8px}}
@media(max-height:580px){.intro{top:22%}.intro h1{font-size:42px}.instructions{margin-top:16px}.eyebrow{margin-bottom:15px}.toolbar{bottom:14px}.session-hint{bottom:96px}.music-panel{bottom:90px;max-height:calc(100dvh - 150px);overflow:auto}}
@media(prefers-reduced-motion:reduce){.intro{transition:none}}