:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5fbff;background:#050914;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--cyan: #58ecff;--pink: #ff65cb;--violet: #8c6eff;--amber: #ffd166;--panel: rgba(7, 16, 33, .76);--line: rgba(139, 230, 255, .22)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button{font:inherit}.app{position:relative;display:grid;min-height:100vh;place-items:center;overflow:hidden;padding:clamp(14px,4vw,44px);background:radial-gradient(circle at 18% 12%,rgba(88,236,255,.18),transparent 30%),radial-gradient(circle at 76% 22%,rgba(255,101,203,.16),transparent 29%),linear-gradient(145deg,#040811,#091122 42%,#120d28)}.app-background,.app-background:before,.app-background:after{position:absolute;inset:0;content:"";pointer-events:none}.app-background{background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1px,transparent 1.6px),radial-gradient(circle,rgba(88,236,255,.58) 0 1px,transparent 1.7px);background-position:0 0,36px 58px;background-size:108px 108px,164px 164px;opacity:.55;animation:driftStars 30s linear infinite}.app-background:before{background:linear-gradient(110deg,transparent 0 38%,rgba(88,236,255,.08) 48%,transparent 58%),linear-gradient(62deg,transparent 0 50%,rgba(255,209,102,.08) 57%,transparent 64%);opacity:.7}.app-background:after{background:radial-gradient(ellipse at bottom,rgba(5,232,255,.12),transparent 62%)}.screen-panel{position:relative;z-index:2;width:min(560px,94vw);padding:clamp(26px,6vw,52px);border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#0c1e36e0,#080c1bd6),linear-gradient(135deg,#58ecff1a,#ff65cb14);box-shadow:0 28px 90px #0000006b,inset 0 1px #ffffff14;text-align:center;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.intro-panel:before{position:absolute;inset:-1px;z-index:-1;border-radius:inherit;background:linear-gradient(120deg,rgba(88,236,255,.55),transparent,rgba(255,101,203,.48));content:"";filter:blur(18px);opacity:.6}.title-mark{display:grid;width:74px;height:74px;place-items:center;margin:0 auto 20px;border:1px solid rgba(88,236,255,.44);border-radius:50%;color:#06111f;background:linear-gradient(135deg,var(--cyan),#f4fbff 48%,var(--pink));box-shadow:0 0 32px #58ecff6b;font-weight:900;letter-spacing:0}.eyebrow{margin:0 0 10px;color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow.danger{color:#ff8ab5}h1,h2{margin:0;line-height:.94;letter-spacing:0}h1{font-size:clamp(3rem,10vw,5.7rem)}h2{font-size:clamp(2.4rem,9vw,4.4rem)}.screen-copy{max-width:44ch;margin:22px auto 0;color:#e5f5ffc7;font-size:clamp(.98rem,2vw,1.1rem);line-height:1.65}.control-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:28px 0}.control-grid span,.hud-center span{display:grid;min-height:36px;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0f;color:#f5fbffe0;font-size:.86rem;font-weight:750}.menu-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.primary-button,.icon-button,.hud-button,.sound-toggle{min-height:44px;border:0;border-radius:7px;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.primary-button{min-width:170px;padding:0 22px;color:#06111f;background:linear-gradient(135deg,var(--cyan),#ffffff 45%,var(--amber));box-shadow:0 12px 32px #58ecff42,0 0 0 1px #ffffff3d inset;font-weight:900}.icon-button,.hud-button,.sound-toggle{padding:0 14px;border:1px solid rgba(88,236,255,.28);color:#f5fbffe6;background:#081224b8}.primary-button:hover,.icon-button:hover,.hud-button:hover,.sound-toggle:hover{transform:translateY(-2px)}.game-shell{position:relative;z-index:1;display:grid;width:min(1120px,96vw);gap:12px}.hud{display:grid;grid-template-columns:minmax(92px,1fr) auto minmax(92px,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#060e1db8;box-shadow:0 18px 70px #00000042;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hud-stat{display:grid;gap:2px}.hud-stat span{color:#e5f5ff94;font-size:.72rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.hud-stat strong{font-size:clamp(1.35rem,3vw,2rem);line-height:1}.align-right{text-align:right}.hud-center{display:flex;align-items:center;gap:8px}.hud-center span{width:36px;min-height:34px}.game-stage{position:relative;width:100%;aspect-ratio:920 / 560;max-height:min(70vh,680px);overflow:hidden;border:1px solid rgba(88,236,255,.25);border-radius:8px;background:linear-gradient(180deg,#04081440,#0000002e),radial-gradient(circle at 18% 26%,rgba(88,236,255,.13),transparent 24%),radial-gradient(circle at 78% 12%,rgba(255,101,203,.13),transparent 28%),linear-gradient(180deg,#071225,#0b132a 52%,#120c21);box-shadow:0 28px 100px #00000070,inset 0 0 58px #58ecff17;touch-action:manipulation;-webkit-user-select:none;user-select:none}.star-layer{position:absolute;inset:0;background-repeat:repeat;opacity:.8}.stars-far{background-image:radial-gradient(circle,white 0 1px,transparent 1.6px);background-size:78px 78px;animation:stageStars 19s linear infinite;opacity:.45}.stars-near{background-image:radial-gradient(circle,rgba(88,236,255,.95) 0 1.2px,transparent 2px),radial-gradient(circle,rgba(255,209,102,.72) 0 1px,transparent 1.8px);background-position:20px 26px,70px 110px;background-size:154px 154px,220px 220px;animation:stageStars 9s linear infinite;opacity:.55}.nebula{position:absolute;width:32%;aspect-ratio:1;border-radius:50%;filter:blur(30px);opacity:.2;animation:pulseGlow 4.2s ease-in-out infinite alternate}.nebula-one{left:8%;top:8%;background:#52efff}.nebula-two{right:6%;bottom:2%;background:#ff65cb;animation-delay:-1.4s}.planet{position:absolute;right:8%;bottom:8%;width:11%;aspect-ratio:1;border-radius:50%;background:linear-gradient(140deg,rgba(255,255,255,.45),transparent 28%),linear-gradient(135deg,#263c74,#7956a9 50%,#ff8cba);box-shadow:0 0 36px #ff65cb38;opacity:.5}.spaceship{position:absolute;z-index:5;width:clamp(54px,7.1%,78px);height:auto;transform-origin:50% 50%;transition:filter .16s ease;filter:drop-shadow(0 0 18px rgba(88,236,255,.7))}.gate{position:absolute;inset-block:0;z-index:4}.gate-segment{position:absolute;left:0;width:100%;border:1px solid rgba(88,236,255,.42);background:linear-gradient(90deg,#58ecff0f,#58ecff38,#ff65cb1a),repeating-linear-gradient(180deg,rgba(255,255,255,.11) 0 2px,transparent 2px 18px);box-shadow:inset 0 0 22px #58ecff26,0 0 28px #58ecff26}.gate-segment.top{top:0;border-top:0}.gate-segment.bottom{bottom:0;border-bottom:0}.gate-segment span{position:absolute;left:-7px;right:-7px;height:11px;background:linear-gradient(90deg,transparent,var(--cyan),#ffffff,var(--pink),transparent);box-shadow:0 0 20px #58ecffe6,0 0 36px #ff65cb6b}.gate-segment.top span{bottom:-5px}.gate-segment.bottom span{top:-5px}.gate-gap{position:absolute;left:18%;width:64%;border-left:1px dashed rgba(255,255,255,.24);border-right:1px dashed rgba(255,255,255,.24);opacity:.5}.thruster-particle{position:absolute;z-index:3;border-radius:999px;background:linear-gradient(90deg,transparent,#ffd166,#ff65cb);filter:blur(1px);transform:translate(-50%,-50%)}.scanline{position:absolute;inset:0;z-index:6;pointer-events:none;background:repeating-linear-gradient(180deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light;opacity:.4}.pause-banner{position:absolute;z-index:8;inset:0;display:grid;place-items:center;background:#0307106b;color:#f5fbfff5;font-size:clamp(2.4rem,8vw,5rem);font-weight:950;letter-spacing:0;text-shadow:0 0 28px rgba(88,236,255,.56)}.game-over-panel{position:absolute;z-index:10;inset:50% auto auto 50%;width:min(440px,88%);transform:translate(-50%,-50%)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:28px 0}.result-grid div{display:grid;gap:8px;padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#ffffff0f}.result-grid span{color:#e5f5ff9e;font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.result-grid strong{font-size:clamp(2rem,6vw,3.4rem);line-height:1}.explosion{position:absolute;z-index:9;width:120px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,white 0 8%,var(--amber) 9% 22%,var(--pink) 23% 38%,rgba(88,236,255,.28) 39% 62%,transparent 63%);filter:blur(1px);transform:translate(-50%,-50%);animation:burst .6s ease-out both}@keyframes driftStars{0%{transform:translateZ(0)}to{transform:translate3d(-164px,108px,0)}}@keyframes stageStars{0%{transform:translate(0)}to{transform:translate(-240px)}}@keyframes pulseGlow{0%{transform:scale(.95)}to{transform:scale(1.08)}}@keyframes burst{0%{opacity:.95;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.45)}}@media(max-width:760px){body{overflow:auto}.app{align-items:start;padding:12px}.hud{grid-template-columns:1fr 1fr auto;min-height:auto}.hud-center{display:none}.sound-toggle{min-width:68px;padding-inline:10px}.game-stage{aspect-ratio:9 / 13;max-height:none;min-height:520px}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game-over-panel{width:min(360px,92%);padding:24px}}@media(max-width:420px){.screen-panel{padding:24px 18px}.menu-actions{display:grid}.primary-button,.icon-button{width:100%}.hud{gap:8px;padding:8px}.hud-stat span{font-size:.62rem}.sound-toggle{font-size:.78rem}}