:root{--bg:#070916;--panel:#11152a;--line:#283052;--ink:#f1f3ff;--muted:#8d96bd;--cyan:#55e9ff;--pink:#ff4dbe;--yellow:#ffd166;--purple:#9d7bff;--green:#63f4b2}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:'Barlow Condensed',Arial,sans-serif;user-select:none}body{background:radial-gradient(ellipse at 50% 0,#19244d 0,#0b1026 42%,#070916 76%)}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.app-shell{min-height:100%;height:100%;display:flex;flex-direction:column;max-width:1600px;margin:auto;padding:0 clamp(14px,3vw,52px);position:relative}.app-shell:before,.app-shell:after{content:'';position:fixed;pointer-events:none;z-index:0}.app-shell:before{width:50vw;height:50vw;right:-22vw;top:-24vw;background:radial-gradient(circle,#15304d33,transparent 68%)}.app-shell:after{width:35vw;height:35vw;left:-15vw;bottom:-15vw;background:radial-gradient(circle,#4b174044,transparent 68%)}
.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;z-index:5;flex:0 0 auto}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.12em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;color:var(--cyan);font-size:24px;filter:drop-shadow(0 0 8px #55e9ff99)}.brand strong,.brand em{display:block;font-style:normal;font-size:16px;line-height:13px}.brand em{font-size:11px;color:var(--muted);letter-spacing:.25em}.top-actions{display:flex;gap:8px;align-items:center}.hud{display:flex;align-items:center;gap:clamp(10px,2.5vw,40px);position:absolute;left:50%;transform:translateX(-50%)}.hud-item{display:flex;flex-direction:column;align-items:center;min-width:54px}.hud .label{font:700 9px 'Space Mono',monospace;letter-spacing:.16em;color:#7c87b1}.hud b{font:700 17px 'Space Mono',monospace;letter-spacing:.03em}.combo-box b{color:var(--pink);text-shadow:0 0 10px #ff4dbe88}.lives b{color:var(--cyan);font-size:13px;letter-spacing:3px;text-shadow:0 0 7px #55e9ff99;white-space:nowrap}.orbit-hud b{color:#687398}.orbit-hud b.orbit-live{color:var(--yellow);text-shadow:0 0 12px #ffd16699}.power-hud b{color:#63f4b2;letter-spacing:-.04em}.power-hud b.power-live{text-shadow:0 0 10px #63f4b299}.icon-button{width:39px;height:39px;border:1px solid #374268;border-radius:50%;background:#151a35b3;color:var(--cyan);font:700 16px 'Space Mono';transition:.2s}.icon-button:hover{background:#26315c;box-shadow:0 0 20px #55e9ff44}
.game-wrap{z-index:1;display:flex;flex:1;min-height:0;flex-direction:column;align-items:center;position:relative}.canvas-frame{position:relative;flex:0 1 auto;width:min(100%,1120px,calc(150vh - 213px));aspect-ratio:3/2;max-height:none;border:1px solid #263159;box-shadow:0 0 0 1px #0c1331,0 18px 90px #0008,0 0 42px #172e6640;overflow:hidden;background:#090d20;border-radius:5px}.canvas-frame:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;border:1px solid #ffffff0a;border-radius:5px}.canvas-frame canvas{display:block;width:100%;height:100%;touch-action:none}.scanlines{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.12;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#fff 4px);mix-blend-mode:overlay}.screen{position:absolute;inset:0;display:none;z-index:4;place-items:center;background:linear-gradient(90deg,#070916d9,#0a0d1dcc);backdrop-filter:blur(3px);overflow:auto}.screen.active{display:grid}.screen-card{position:relative;text-align:center}.hero-card{width:min(480px,90%);padding:22px 26px 18px;background:linear-gradient(150deg,#121735e8,#090d20ea);border:1px solid #3b497d;box-shadow:0 14px 55px #0008}.hero-card:before,.small-card:before{content:'';position:absolute;inset:7px;border:1px solid #ffffff0b;pointer-events:none}.eyebrow{font:700 10px 'Space Mono',monospace;letter-spacing:.22em;color:var(--cyan);margin-bottom:12px}.pulse-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);margin-right:7px;box-shadow:0 0 9px var(--cyan);animation:blink 1.2s infinite}.hero-card h1{margin:0;font-size:clamp(54px,8vw,92px);line-height:.76;letter-spacing:-.035em;font-weight:900;color:#f8f9ff;text-shadow:4px 4px 0 #202955,0 0 35px #55e9ff28}.hero-card h1 span,.small-card h2 span{color:var(--cyan);text-shadow:0 0 20px #55e9ff88}.tagline{margin:17px 0 20px;color:#9da7d0;font-size:17px;line-height:1.2;letter-spacing:.02em}.tagline b{color:#e9ecff;font-weight:600}.primary-btn{position:relative;min-width:198px;padding:12px 24px;background:var(--cyan);color:#091322;font:800 14px 'Space Mono',monospace;letter-spacing:.09em;box-shadow:0 0 24px #55e9ff42;transition:.2s;clip-path:polygon(0 0,94% 0,100% 50%,94% 100%,0 100%,5% 50%)}.primary-btn span{font-size:21px;line-height:10px;margin-left:14px;vertical-align:-2px}.primary-btn:hover{background:#a1f5ff;transform:translateY(-2px);box-shadow:0 7px 30px #55e9ff7a}.micro-copy{margin-top:13px;font:700 9px 'Space Mono';color:#697397;letter-spacing:.16em}.onboarding{display:flex;flex-direction:column;gap:3px;margin:10px auto 0;max-width:340px;color:#9da7d0;font:10px/1.2 'Space Mono',monospace}.onboarding strong{color:var(--yellow);letter-spacing:.08em}.best-line{margin-top:15px;border-top:1px solid #313a60;padding-top:10px;color:#6e79a3;font:10px 'Space Mono';letter-spacing:.14em}.best-line strong{color:#c5caff;margin-left:10px}.special-legend{display:flex;justify-content:center;gap:36px;width:min(540px,92%);padding:12px 4px 0;color:#8993b6;text-align:left;font:9px/1.45 'Space Mono',monospace}.special-legend>div{display:grid;grid-template-columns:auto;min-width:155px}.special-legend b{color:#c7cbea;letter-spacing:.14em;margin-bottom:3px}.special-legend span{white-space:nowrap}.legend-mark{display:inline-grid;place-items:center;width:17px;height:14px;margin-right:3px;border:1px solid currentColor;font-style:normal;font-size:9px}.angle-mark{color:var(--cyan)}.speed-mark{color:var(--yellow)}.phase-mark{color:var(--purple)}.split-mark{color:var(--green)}.plasma-mark{color:var(--pink)}.over-mark{color:var(--yellow)}.how-to{display:flex;justify-content:center;gap:clamp(16px,4vw,56px);width:100%;padding:12px 4px 0;color:#9fa8cc;text-align:center}.how-to>div{min-width:115px}.how-icon{display:block;height:27px;color:var(--pink);font-size:21px;line-height:22px;text-shadow:0 0 12px #ff4dbe88}.how-to b{display:block;font:700 10px 'Space Mono';color:#c7cbea;letter-spacing:.08em}.how-to small{display:block;margin-top:6px;font-size:12px;line-height:1.1;color:#737da4}.small-card{width:min(380px,90%);padding:38px 32px;background:#10152deF;border:1px solid #3b497d;box-shadow:0 14px 55px #000b}.small-card h2{font-size:57px;line-height:.85;letter-spacing:-.02em;margin:0 0 21px;text-shadow:0 0 25px #55e9ff55}.small-card p{color:#9ba5ca;margin:0 0 25px;font-size:17px}.text-btn{display:block;margin:17px auto 0;background:none;color:#8f9bc3;font:700 10px 'Space Mono';letter-spacing:.12em}.text-btn:hover{color:var(--ink)}.danger{color:var(--pink)}.success{color:var(--green)}.final-score{border-top:1px solid #334064;border-bottom:1px solid #334064;padding:12px 0 14px;margin:0 0 22px}.final-score span{display:block;color:#727da7;font:10px 'Space Mono';letter-spacing:.14em}.final-score strong{display:block;color:var(--yellow);font:700 28px 'Space Mono';margin-top:4px;text-shadow:0 0 15px #ffd16666}.victory-card h2{color:var(--ink)}
.control-hint{font:9px 'Space Mono';color:#5f6a91;letter-spacing:.08em;height:39px;display:flex;gap:9px;align-items:center}.control-hint span:nth-child(2n){color:#8993b6}.hint-sep{color:#374161!important}.mobile-controls{display:none}footer{height:30px;flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;color:#4d577c;font:9px 'Space Mono';letter-spacing:.1em}footer i{font-style:normal;color:#727ba1}.footer-center{color:#596486}@keyframes blink{50%{opacity:.3;transform:scale(.7)}}.toast{position:absolute;left:50%;top:70px;transform:translate(-50%,-10px);opacity:0;z-index:7;pointer-events:none;padding:9px 15px;background:#101a38dd;border:1px solid #55e9ff66;color:var(--cyan);font:700 10px 'Space Mono',monospace;letter-spacing:.1em;white-space:nowrap;transition:.25s;text-shadow:0 0 9px #55e9ff88}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:650px){
  .app-shell{padding:0 10px}.topbar{height:61px}.brand{gap:6px}.brand strong{font-size:13px}.brand em{font-size:9px}.brand-mark{font-size:20px;width:23px}.top-actions{gap:4px}.hud{gap:5px}.hud-item{min-width:34px}.hud .label{font-size:7px;letter-spacing:.08em}.hud b{font-size:11px}.lives b{font-size:9px;letter-spacing:1px}.icon-button{width:33px;height:33px;font-size:13px}.game-wrap{justify-content:flex-start}.canvas-frame{width:min(100%,calc(150vh - 277px));aspect-ratio:3/2;max-height:none;border-radius:4px}.special-legend{gap:8px;padding-top:6px;font-size:7px;line-height:1.25;width:96%}.special-legend>div{min-width:0;flex:1}.legend-mark{width:13px;height:11px;font-size:7px}.how-to{display:none}.hero-card{padding:10px 10px 8px}.hero-card:before{inset:4px}.eyebrow{font-size:7px;margin-bottom:6px}.hero-card h1{font-size:clamp(38px,11vw,44px)}.tagline{font-size:11px;margin:9px 0 10px}.primary-btn{min-width:145px;padding:8px 15px;font-size:10px}.primary-btn span{font-size:15px;margin-left:8px}.micro-copy{margin-top:8px;font-size:7px}.onboarding{font-size:7px;max-width:260px;margin-top:5px;transform:translateY(-4px)}.best-line{margin-top:7px;padding-top:6px;font-size:7px}.control-hint{display:none}.mobile-controls{display:flex;position:static;flex:0 0 88px;width:min(100%,420px);pointer-events:none;justify-content:space-between;align-items:center;padding:0 10px}.stick-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.stick-label{font:700 8px 'Space Mono',monospace;letter-spacing:.18em;color:#6f7da9}.stick{width:76px;height:76px;border-radius:50%;position:relative;pointer-events:auto;touch-action:none}.stick-ring{position:absolute;inset:3px;border-radius:50%;border:1px solid #55e9ff44;background:#55e9ff0a;box-shadow:inset 0 0 22px #55e9ff13}.stick-ring:after{content:'';position:absolute;inset:12px;border-radius:50%;border:1px dashed #55e9ff26}.stick-knob{position:absolute;width:33px;height:33px;left:21px;top:21px;border-radius:50%;background:#55e9ff5c;border:1px solid #8ff3ff;box-shadow:0 0 16px #55e9ff55;transition:transform .08s}.touch-pause{pointer-events:auto;background:#151a35be;border:1px solid #374268;border-radius:50%;color:var(--cyan);width:37px;height:37px;font:700 14px 'Space Mono'}.screen{backdrop-filter:blur(2px)}footer{height:22px;font-size:7px}.footer-center{display:none}
}
@media(max-width:400px){.hud{gap:2px}.hud-item{min-width:29px}.hud .label{font-size:6px}.hud b{font-size:9px}.power-hud b{font-size:8px;letter-spacing:-.1em}.orbit-hud{display:none}.canvas-frame{max-height:calc(100vh - 180px)}.mobile-controls{flex-basis:76px}.special-legend{font-size:6.5px}.onboarding{font-size:6.5px}}
@media(min-width:651px) and (max-height:760px){.topbar{height:61px}.canvas-frame{max-height:calc(100vh - 107px)}footer{height:22px}.control-hint{height:24px}.hero-card{padding:17px 22px 13px}.hero-card h1{font-size:67px}.tagline{margin:12px 0 14px}.best-line{margin-top:12px}.special-legend{padding-top:7px}.how-to{padding-top:7px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}
@media(max-width:650px){.screen{scrollbar-width:none}.screen::-webkit-scrollbar{display:none}.screen.active{display:grid}.screen#menu.active{display:block}.hero-card{position:absolute;top:4px;left:5%;width:90%}.micro-copy{display:none}.onboarding{margin-top:3px}.onboarding span{display:none}.best-line{display:none}.special-legend{position:absolute;left:2%;bottom:2px;width:96%;padding:3px 5px;background:#090d20e8;border-top:1px solid #2c3960;z-index:2}}
@media(max-width:650px) and (orientation:portrait){
  .game-wrap{overflow:visible}
  .canvas-frame{width:min(100%,calc((100vh - 187px)*.6667));aspect-ratio:2/3;max-height:none}
  .mobile-controls{flex-basis:104px;padding:8px 18px 4px;align-items:center}
  .stick-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}
  .stick-label{font:700 8px 'Space Mono',monospace;letter-spacing:.18em;color:#6f7da9}
  .stick{width:88px;height:88px}
  .stick-knob{width:39px;height:39px;left:24px;top:24px}
  .touch-pause{width:46px;height:46px;font-size:16px}
  .how-to{display:flex;position:absolute;left:5%;right:5%;bottom:76px;width:90%;padding:10px 4px;border-top:1px solid #2c3960;border-bottom:1px solid #2c3960;gap:7px;background:#090d20b8}
  .how-to>div{min-width:0;flex:1}.how-to small{font-size:9px}.how-to b{font-size:8px}.how-icon{font-size:17px;height:22px}
}
@media(max-width:360px) and (orientation:portrait){
  .mobile-controls{flex-basis:96px;padding-left:10px;padding-right:10px}.stick{width:78px;height:78px}.stick-knob{width:35px;height:35px;left:21px;top:21px}.touch-pause{width:42px;height:42px}
  .how-to{bottom:67px}.how-to small{font-size:8px}
}