@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#f7f6ff;--muted:#9494b7;--bg:#080a20;--panel:#111438;--pink:#ff4fb3;--yellow:#ffe45b;--cyan:#5cecff;--purple:#8c63ff}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:'Space Grotesk',sans-serif;touch-action:manipulation;overscroll-behavior:none}
body,button,.canvas-wrap,canvas{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
body{background-image:radial-gradient(ellipse at 50% -20%,#302264 0,transparent 52%),radial-gradient(circle at 15% 80%,#17285b 0,transparent 28%);overflow-x:hidden}
.shell{width:min(980px,100%);margin:auto;padding:28px 22px 18px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.brand{display:flex;align-items:center;gap:10px;font-size:11px;line-height:.9;letter-spacing:.14em;color:var(--cyan)}.brand b{color:var(--ink);font-size:15px;letter-spacing:.08em}.brand-orb{width:29px;height:29px;border:2px solid var(--cyan);border-radius:50%;position:relative;box-shadow:0 0 18px #5cecff88}.brand-orb:after{content:'';width:7px;height:7px;background:var(--pink);border-radius:50%;position:absolute;top:7px;left:13px;box-shadow:0 0 12px var(--pink)}
.status{display:flex;gap:25px;color:var(--muted);font:500 11px 'DM Mono',monospace;letter-spacing:.08em}.status b{color:var(--yellow);margin-left:4px}
.game-card{background:#0e1031c9;border:1px solid #383568;border-radius:22px;padding:13px;box-shadow:0 22px 80px #0008, inset 0 1px #ffffff12}.hud{display:flex;align-items:center;justify-content:space-between;padding:7px 15px 14px;font-family:'DM Mono',monospace}.hud div{display:flex;flex-direction:column;gap:3px}.hud small{font-size:9px;color:var(--muted);letter-spacing:.12em}.hud strong{font-size:18px;letter-spacing:.07em;color:var(--ink)}.combo strong{color:var(--pink)}.lives strong{color:var(--cyan);font-size:13px;letter-spacing:3px}
.canvas-wrap{height:min(67vw,640px);min-height:430px;position:relative;overflow:hidden;border-radius:14px;background:#080a25;border:1px solid #30346b}.canvas-wrap:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 50%,#ffffff03 50%);background-size:100% 4px;z-index:2;mix-blend-mode:screen}.canvas-wrap:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 100px #080a25, inset 0 0 20px #000;z-index:2}
canvas{display:block;width:100%;height:100%;touch-action:none}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:4;background:#080a25aa;backdrop-filter:blur(3px);touch-action:manipulation}.hidden{display:none}.eyebrow{font:500 10px 'DM Mono',monospace;color:var(--cyan);letter-spacing:.25em;margin-bottom:14px}h1,h2{font-size:clamp(42px,8vw,78px);line-height:.82;margin:0 0 17px;letter-spacing:-.06em;text-shadow:5px 5px 0 #ff4fb344}h1 span,h2 span{color:var(--pink);text-shadow:5px 5px 0 #5cecff33}h2{font-size:70px}p{color:#b8b9d1;margin:0 0 25px;font-size:13px}p b{color:var(--yellow);font:500 18px 'DM Mono',monospace}
button{border:0;font:600 13px 'Space Grotesk',sans-serif;letter-spacing:.1em;color:#10112e;background:var(--yellow);padding:15px 24px;border-radius:999px;cursor:pointer;box-shadow:0 0 25px #ffe45b55;transition:.2s}button:hover{transform:translateY(-2px);box-shadow:0 0 35px #ffe45b99}button i{font-style:normal;font-size:18px;margin-left:12px}.hint{color:#77799d;font:10px 'DM Mono',monospace;margin-top:20px}.toast{position:absolute;top:40%;font-size:20px;color:var(--yellow);font-weight:700;letter-spacing:.08em;text-shadow:0 0 20px var(--yellow);opacity:0;transition:.2s;z-index:5}.toast.show{opacity:1;transform:translateY(-10px)}
.mobile-controls{display:none;justify-content:center;gap:16px;padding-top:14px;touch-action:none}.control{height:51px;width:75px;padding:0;background:#1b2052;color:var(--ink);border:1px solid #454a8a;box-shadow:none;font-size:24px;touch-action:none}.control.fire{color:var(--pink);background:#321b50;border-color:#8b3a88}
footer{display:flex;justify-content:space-between;color:#666991;font:10px 'DM Mono',monospace;letter-spacing:.1em;padding:15px 6px}.legend{display:flex;align-items:center;gap:7px}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-left:8px}.pink{background:var(--pink);box-shadow:0 0 8px var(--pink)}.yellow{background:var(--yellow);box-shadow:0 0 8px var(--yellow)}.cyan{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}
@media(max-width:600px){.shell{padding:16px 10px}.topbar{margin-bottom:10px}.canvas-wrap{min-height:490px;height:calc(100vh - 205px);max-height:650px}.hud{padding:5px 7px 10px}.hud strong{font-size:14px}.lives strong{font-size:11px}.mobile-controls{display:flex}.hint{font-size:9px}.status{gap:9px;font-size:9px}footer{font-size:8px;padding:12px 2px}.legend{gap:2px}.brand b{font-size:13px}}