:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#eef2f8;--text:#142033;--muted:#64748b;--line:#dbe3ef;--accent:#5b5cf0;--accent-2:#7c3aed;--glow:rgba(91,92,240,.22);--danger:#ef4444;--success:#10b981;--shadow:0 20px 55px rgba(15,23,42,.10)}
html[data-theme="dark"]{--bg:#070b14;--surface:#0f1625;--surface-2:#151e30;--text:#eef4ff;--muted:#91a0b8;--line:#23304a;--accent:#8b7cff;--accent-2:#5eead4;--glow:rgba(139,124,255,.25);--shadow:0 22px 65px rgba(0,0,0,.35)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,var(--glow),transparent 28%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh;transition:background .25s,color .25s}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent-2));display:grid;place-items:center;color:white;box-shadow:0 8px 24px var(--glow)}.brand strong{font-family:"Space Grotesk";font-size:14px;letter-spacing:.08em;display:block}.brand small{font-size:10px;color:var(--muted);display:block;margin-top:2px}.top-actions,.socials{display:flex;align-items:center;gap:8px}.socials{padding-right:8px;border-right:1px solid var(--line)}.socials a,.icon-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);background:var(--surface);text-decoration:none;cursor:pointer;font-size:16px}.socials a:hover,.icon-btn:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:48px 0 32px}.intro{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--accent);text-transform:uppercase}.intro h1{font-family:"Space Grotesk";font-size:clamp(34px,4vw,54px);line-height:1.02;margin:10px 0 12px;letter-spacing:-.04em}.intro h1 span{color:var(--muted)}.intro p{max-width:720px;color:var(--muted);line-height:1.65;margin:0;font-size:14px}.previous-version{font-size:12px;color:var(--muted);text-decoration:none;white-space:nowrap;margin-bottom:5px}.previous-version:hover{color:var(--accent)}.game-layout{display:grid;grid-template-columns:300px 1fr;gap:18px;align-items:start}.control-panel,.game-column{background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.control-panel{padding:18px;position:sticky;top:90px}.panel-heading{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:13px;margin-bottom:14px}.panel-heading i{color:var(--muted)}.mode-group{display:grid;gap:9px}.mode-card{width:100%;display:grid;grid-template-columns:36px 1fr 18px;gap:10px;align-items:center;text-align:left;padding:12px;border-radius:14px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);cursor:pointer}.mode-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--line))}.mode-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--glow);background:color-mix(in srgb,var(--accent) 7%,var(--surface))}.mode-icon{width:34px;height:34px;border-radius:10px;background:var(--surface);display:grid;place-items:center;color:var(--accent)}.mode-card strong{font-size:12px;display:block}.mode-card small{font-size:10px;color:var(--muted);line-height:1.35;display:block;margin-top:3px}.mode-card .check{color:var(--accent);font-size:14px}.how-to{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:16px 0;padding:14px 0}.how-to>strong{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.how-to>div{display:flex;justify-content:space-between;gap:6px;margin:10px 0 8px;font-size:10px;color:var(--muted)}kbd{font:600 9px Inter;padding:3px 5px;border-radius:5px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);margin-right:2px}.how-to p{font-size:10px;line-height:1.5;color:var(--muted);margin:0}.primary-btn,.overlay-btn{width:100%;border:0;border-radius:12px;padding:12px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:800;font-size:12px;cursor:pointer;box-shadow:0 10px 25px var(--glow)}.primary-btn:hover,.overlay-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.best-score{text-align:center;color:var(--muted);font-size:10px;margin:10px 0 0}.game-column{padding:12px;overflow:hidden}.hud{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:4px 4px 12px}.hud>div{text-align:center;border-right:1px solid var(--line)}.hud>div:last-child{border:0}.hud small{display:block;font-size:8px;letter-spacing:.1em;color:var(--muted);font-weight:700}.hud strong{font-family:"Space Grotesk";font-size:15px;display:block;margin-top:2px}.lives{color:#fb7185!important;letter-spacing:2px!important}#main-play-area{height:500px;width:100%;position:relative;overflow:hidden;border-radius:16px;background:#02040a url("../../img/space.png") center/cover no-repeat;outline:none;isolation:isolate;box-shadow:inset 0 0 70px rgba(0,0,0,.7)}#main-play-area:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,7,18,.1),transparent 45%,rgba(91,92,240,.08));pointer-events:none;z-index:1}.stars{position:absolute;inset:0;background-image:radial-gradient(#fff 1px,transparent 1px);background-size:48px 48px;opacity:.22;animation:stars 12s linear infinite;pointer-events:none}.stars-b{background-size:83px 83px;opacity:.14;animation-duration:20s}@keyframes stars{to{transform:translateX(-83px)}}.player-shooter{position:absolute;width:72px;height:auto;left:28px;top:220px;z-index:6;filter:drop-shadow(0 0 12px rgba(94,234,212,.45));transition:top .07s linear}.laser{position:absolute;width:42px;height:28px;z-index:5;filter:drop-shadow(0 0 8px #60a5fa)}.alien{position:absolute;width:68px;height:58px;z-index:4;filter:drop-shadow(0 0 10px rgba(139,124,255,.35))}.dead-alien{position:absolute;width:68px;height:58px;z-index:4}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:rgba(2,4,10,.64);backdrop-filter:blur(3px);z-index:20;color:white;padding:20px}.game-overlay.hidden{display:none}.overlay-icon{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#8b7cff,#5eead4);display:grid;place-items:center;font-size:23px;box-shadow:0 0 35px rgba(139,124,255,.38)}.game-overlay h2{font-family:"Space Grotesk";font-size:24px;margin:14px 0 6px}.game-overlay p{font-size:12px;color:#bac5d6;max-width:370px;line-height:1.55;margin:0 0 16px}.overlay-btn{width:auto;padding:11px 20px}.pause-badge{display:none;position:absolute;z-index:25;top:16px;left:50%;transform:translateX(-50%);padding:8px 12px;border-radius:99px;background:rgba(15,23,42,.8);color:#fff;font-size:11px}.pause-badge.show{display:block}.game-hint{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;padding:10px 4px 0}.game-hint button{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:10px}.game-hint button:disabled{opacity:.35;cursor:default}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.features article{display:flex;gap:12px;padding:15px 16px;border:1px solid var(--line);background:var(--surface);border-radius:16px}.features article>i{color:var(--accent);margin-top:2px}.features strong{font-size:11px}.features p{font-size:10px;color:var(--muted);line-height:1.45;margin:4px 0 0}footer{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:22px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:10px}footer a{color:var(--muted);text-decoration:none}dialog{width:min(560px,calc(100% - 30px));border:1px solid var(--line);border-radius:22px;padding:28px;background:var(--surface);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.45)}dialog::backdrop{background:rgba(2,6,23,.72);backdrop-filter:blur(5px)}dialog h2{font-family:"Space Grotesk";font-size:26px;margin:8px 0 12px}dialog p{color:var(--muted);font-size:12px;line-height:1.65}.modal-close{position:absolute;right:16px;top:16px;border:0;background:var(--surface-2);color:var(--muted);width:32px;height:32px;border-radius:9px;cursor:pointer}.modal-links{display:flex;gap:10px;margin-top:18px}.modal-links a{font-size:11px;font-weight:700;color:var(--accent);text-decoration:none}
@media(max-width:900px){.page-shell{padding-top:32px}.intro{align-items:flex-start;flex-direction:column}.game-layout{grid-template-columns:1fr}.control-panel{position:static}.mode-group{grid-template-columns:1fr 1fr}.how-to{display:none}.control-panel .primary-btn{max-width:260px}.best-score{text-align:left}.features{grid-template-columns:1fr}.hud{grid-template-columns:repeat(3,1fr);row-gap:10px}.hud>div:nth-child(3){border:0}#main-play-area{height:440px}}
@media(max-width:600px){.topbar{padding:0 14px}.brand small{display:none}.socials a:first-child{display:none}.page-shell{width:min(100% - 20px,1180px);padding-top:24px}.intro h1{font-size:34px}.mode-group{grid-template-columns:1fr}.control-panel .primary-btn{max-width:none}#main-play-area{height:390px}.hud strong{font-size:13px}.game-column{padding:8px}.features{display:none}footer{width:calc(100% - 20px);flex-direction:column;gap:8px}.modal-links{flex-direction:column}}
/* Galactic Assault evolution */
#main-play-area{background:#01030a;box-shadow:inset 0 0 90px rgba(0,0,0,.9),inset -90px 0 120px rgba(91,33,182,.10)}
#main-play-area:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-85px;background:radial-gradient(circle at 35% 35%,#6b7c9d 0 4%,#24304a 28%,#0c1428 62%,#030711 72%);box-shadow:0 0 70px rgba(124,58,237,.18);z-index:0;opacity:.85}
#main-play-area:after{background:linear-gradient(90deg,rgba(3,7,18,.05),transparent 45%,rgba(124,58,237,.13))}
.player-shooter{width:98px;filter:drop-shadow(-10px 0 10px rgba(94,234,212,.28));transition:none}.player-shooter.hit{animation:shipHit .3s linear}@keyframes shipHit{0%,100%{opacity:1}25%,75%{opacity:.15}50%{opacity:.8}}
.alien{height:auto;filter:drop-shadow(7px 0 9px rgba(244,114,182,.22));transform:scaleX(-1)}
.laser{position:absolute;width:52px;height:4px;border-radius:99px;background:linear-gradient(90deg,#d8ffff,#5eead4 35%,rgba(94,234,212,0));box-shadow:0 0 7px #5eead4,0 0 14px rgba(94,234,212,.75);z-index:5}
.dead-alien{position:absolute;width:64px;height:64px;display:grid;place-items:center;color:#fff;font-size:54px;line-height:1;text-shadow:0 0 8px #fff,0 0 18px #f59e0b,0 0 30px #ef4444;z-index:8;animation:boom .26s ease-out forwards}@keyframes boom{from{transform:scale(.2);opacity:1}to{transform:scale(1.8);opacity:0}}
.stars-a{animation-duration:7s}.stars-b{animation-duration:15s}.lives{color:#5eead4!important}