:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color-scheme:dark;--cyan:#31d8f5;--orange:#ffa316;--navy:#050b1e}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--navy);touch-action:none;user-select:none}.game{position:relative;width:100%;height:100%;min-height:480px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#102b4c,#050b1e 60%)}canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.hud{position:absolute;z-index:3;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:18px 18px 0;background:linear-gradient(rgba(3,8,21,.78),transparent)}.hud>div:first-child{text-align:left}.hud>div:last-child{text-align:right}.hud span{display:block;color:#7690aa;font:700 8px Consolas,monospace;letter-spacing:.15em}.hud strong{display:block;margin-top:3px;color:#f7fbff;font:800 20px Consolas,monospace}.brand{text-align:center;line-height:.8}.brand b{font-size:14px;letter-spacing:.14em}.brand i{display:block;margin-top:7px;color:var(--cyan);font:800 8px Arial,sans-serif;letter-spacing:.42em;font-style:normal}.energy{position:absolute;z-index:3;top:68px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.energy span{width:22px;height:6px;border-radius:9px;background:var(--cyan);box-shadow:0 0 10px rgba(49,216,245,.65);transition:.2s}.energy span.empty{background:#26384e;box-shadow:none}.lane-hint{position:absolute;z-index:3;left:50%;bottom:85px;transform:translateX(-50%);padding:7px 10px;border:1px solid rgba(49,216,245,.2);border-radius:6px;background:rgba(4,11,29,.65);color:#9bcddd;font:700 7px Consolas,monospace;letter-spacing:.12em;opacity:0;transition:.3s;white-space:nowrap}.lane-hint.show{opacity:1}.start-card,.result-card{position:absolute;z-index:5;left:20px;right:20px;top:50%;transform:translateY(-50%);padding:27px 24px;border:1px solid rgba(49,216,245,.28);border-radius:18px;background:linear-gradient(150deg,rgba(8,28,56,.96),rgba(3,10,26,.97));box-shadow:0 30px 85px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.06);text-align:center;backdrop-filter:blur(8px)}.start-card>span,.result-card>span{color:var(--cyan);font:700 8px Consolas,monospace;letter-spacing:.16em}.start-card h1,.result-card h2{margin:14px 0 12px;color:#f8fbff;font-size:30px;line-height:1;letter-spacing:-.055em}.start-card h1 em{color:var(--cyan);font-style:normal}.start-card p,.result-card p{margin:0 auto 20px;max-width:280px;color:#aebed1;font-size:12px;line-height:1.55}.start-card button,.result-card button{width:100%;min-height:48px;border:0;border-radius:9px;background:var(--cyan);color:#061326;font-weight:900;letter-spacing:.08em;cursor:pointer}.start-card button i,.result-card button i{margin-left:10px;font-style:normal}.start-card small{display:block;margin-top:12px;color:#667c98;font-size:8px}.result-card>div{display:grid;margin:20px 0}.result-card strong{color:var(--cyan);font:900 46px/1 Consolas,monospace}.result-card small{color:#6f849e;font:700 8px Consolas,monospace;letter-spacing:.16em}.controls{position:absolute;z-index:4;left:50%;bottom:42px;transform:translateX(-50%);display:flex;gap:12px}.controls button{width:58px;height:38px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(4,13,31,.74);color:#d7eff7;font-size:17px;cursor:pointer;backdrop-filter:blur(6px)}.controls button:active{border-color:var(--cyan);background:rgba(49,216,245,.15)}footer{position:absolute;z-index:3;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;color:#58708d;font:700 6px Consolas,monospace;letter-spacing:.1em}footer i{color:var(--orange);font-style:normal}[hidden]{display:none!important}@media(max-height:560px){.start-card,.result-card{padding:18px}.start-card h1{font-size:25px}.start-card p{margin-bottom:13px}.controls{bottom:33px}.lane-hint{bottom:72px}}