:root{--accent:#35e0ff;--accent-dim:#1a8aa0;--danger:#ff5470;--text:#dfe9f5;--panel:#060c18d1;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#000;width:100%;height:100%;overflow:hidden}#game{background:#04060f;display:block}#ui{pointer-events:none;color:var(--text);-webkit-user-select:none;user-select:none;overflow:hidden}.hud{position:absolute;inset:0}.hud-score{letter-spacing:.12em;color:var(--text);text-shadow:0 0 12px #35e0ff59;font-family:Consolas,Cascadia Mono,monospace;font-size:clamp(20px,3vh,30px);font-weight:700;position:absolute;top:18px;left:24px}.hud-mult{color:var(--accent);opacity:0;font-family:Consolas,monospace;font-size:clamp(16px,2.4vh,24px);font-weight:700;transition:opacity .2s;position:absolute;top:18px;left:50%;transform:translate(-50%)}.hud-mult.visible{opacity:1}.hud-lives{gap:8px;display:flex;position:absolute;top:20px;right:24px}.hud-life{clip-path:polygon(50% 0,100% 100%,50% 78%,0 100%);background:var(--accent);filter:drop-shadow(0 0 6px #35e0ff99);width:16px;height:18px}.hud-banner{text-align:center;letter-spacing:.5em;text-transform:uppercase;width:100%;color:var(--text);opacity:0;font-size:clamp(22px,4.5vh,44px);font-weight:200;transition:opacity .4s;position:absolute;top:22%}.hud-banner.visible{opacity:.92}.hud-banner small{letter-spacing:.35em;color:var(--accent);margin-top:10px;font-size:.4em;display:block}.hud-mult.pop{animation:.25s ease-out multpop}@keyframes multpop{0%{transform:translate(-50%)scale(1.7)}to{transform:translate(-50%)scale(1)}}.hud-danger{pointer-events:none;opacity:0;background:radial-gradient(#0000 55%,#ff284647 100%);position:absolute;inset:0}.hud-danger.active{animation:1.1s ease-in-out infinite dangerpulse}@keyframes dangerpulse{0%,to{opacity:.25}50%{opacity:.85}}.settings{letter-spacing:.15em;flex-direction:column;gap:16px;font-size:clamp(14px,2vh,17px);display:flex}.settings label{cursor:pointer;align-items:center;gap:12px;display:flex}.settings input[type=range]{accent-color:var(--accent);width:180px}.settings input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px}.touch-controls{pointer-events:none;position:absolute;inset:0}.touch-cluster{pointer-events:none;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:4%}.touch-cluster.left{left:4%}.touch-cluster.right{right:4%}.touch-btn{pointer-events:auto;width:74px;height:74px;color:var(--text);touch-action:none;-webkit-user-select:none;user-select:none;background:#35e0ff14;border:1px solid #35e0ff66;border-radius:50%;font-size:26px}.touch-btn.small{width:54px;height:54px;font-size:18px}.touch-btn:active{background:#35e0ff40}.hud-bossbar{text-align:center;width:min(420px,44%);position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hud-bossbar-name{letter-spacing:.4em;text-indent:.4em;color:#ffb347;margin-bottom:6px;font-size:clamp(11px,1.5vh,14px)}.hud-bossbar-track{background:#14080499;border:1px solid #ffb34766;height:6px}.hud-bossbar-fill{background:linear-gradient(90deg,#ff4a1a,#ffb347);width:100%;height:100%;transition:width .25s;box-shadow:0 0 12px #ff8c3a99}.screen{pointer-events:auto;background:radial-gradient(#0408128c 0%,#02040aeb 100%);flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;inset:0}.screen h1{letter-spacing:.55em;text-indent:.55em;color:var(--text);text-shadow:0 0 24px #35e0ff80,0 0 80px #35e0ff33;font-size:clamp(40px,9vh,92px);font-weight:100}.screen h2{letter-spacing:.4em;text-indent:.4em;text-transform:uppercase;font-size:clamp(22px,4vh,40px);font-weight:200}.screen .sub{letter-spacing:.25em;color:#8fa3bd;text-transform:uppercase;font-size:clamp(13px,1.8vh,17px)}.screen .big-score{letter-spacing:.1em;color:var(--accent);font-family:Consolas,monospace;font-size:clamp(30px,6vh,60px);font-weight:700}.btn{pointer-events:auto;cursor:pointer;font:inherit;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--text);border:1px solid var(--accent-dim);background:0 0;padding:14px 44px;font-size:clamp(14px,2vh,18px);transition:background .15s,box-shadow .15s}.btn:hover,.btn:focus-visible{background:#35e0ff1f;outline:none;box-shadow:0 0 18px #35e0ff40}.btn.primary{border-color:var(--accent)}.countdown{color:var(--accent);text-shadow:0 0 40px #35e0ff99;font-family:Consolas,monospace;font-size:clamp(70px,16vh,160px);font-weight:100}.name-input{letter-spacing:.35em;text-indent:.35em;text-transform:uppercase;text-align:center;color:var(--accent);border:1px solid var(--accent-dim);background:#35e0ff0f;outline:none;width:min(360px,70vw);padding:10px 18px;font-family:Consolas,monospace;font-size:clamp(24px,4.5vh,42px);font-weight:700}.name-input:focus{border-color:var(--accent);box-shadow:0 0 22px #35e0ff40}.name-error{color:var(--danger)!important}.board-wrap{min-width:min(480px,80vw);max-height:38vh;overflow-y:auto}.board{border-collapse:collapse;width:100%;font-size:clamp(13px,1.8vh,16px)}.board th{color:#8fa3bd;text-transform:uppercase;letter-spacing:.2em;text-align:left;padding:4px 14px;font-size:.75em;font-weight:400}.board td{border-top:1px solid #35e0ff1a;padding:5px 14px;font-family:Consolas,monospace}.board .num{text-align:right}.board tr.me td{color:var(--accent);background:#35e0ff12}.practice{text-align:center}.practice summary{cursor:pointer;padding:6px 0;list-style:none}.practice summary:hover{color:var(--accent)}.zone-list{flex-direction:column;gap:8px;margin-top:10px;display:flex}.zone-btn{padding:9px 30px;font-size:clamp(12px,1.6vh,15px)}.zone-btn[disabled]{opacity:.35;cursor:default}.keys{letter-spacing:.12em;color:#8fa3bd;grid-template-columns:auto auto;gap:6px 26px;font-size:clamp(12px,1.6vh,15px);display:grid}.keys b{color:var(--text);text-align:right;font-weight:600}