:root{
  --bg:#060815; --panel:rgba(13,18,42,.74); --line:rgba(125,249,255,.24);
  --cyan:#70f7ff; --pink:#ff4fd8; --gold:#ffd166; --green:#62ff9c; --red:#ff4267;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
}
*{box-sizing:border-box} body{margin:0;min-height:100vh;color:#eef7ff;background:radial-gradient(circle at 20% 10%,#18265f 0,#060815 36%,#02030a 100%);overflow-x:hidden}
.bg-orbs span{position:fixed;width:34vw;height:34vw;border-radius:50%;filter:blur(70px);opacity:.36;animation:float 12s ease-in-out infinite;pointer-events:none}.bg-orbs span:nth-child(1){background:#00e5ff;left:-8vw;top:8vh}.bg-orbs span:nth-child(2){background:#ff31c6;right:-10vw;top:18vh;animation-delay:-4s}.bg-orbs span:nth-child(3){background:#7cff6b;left:34vw;bottom:-18vw;animation-delay:-7s}@keyframes float{50%{transform:translateY(35px) scale(1.08)}}
.shell{width:min(1420px,96vw);margin:24px auto 40px}.panel{background:linear-gradient(145deg,rgba(16,24,54,.82),rgba(9,12,30,.58));border:1px solid var(--line);box-shadow:0 24px 80px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(22px);border-radius:28px}.hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:28px 34px;margin-bottom:22px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;inset:auto -20% -85% 25%;height:160%;background:conic-gradient(from 130deg,transparent,var(--cyan),var(--pink),transparent);opacity:.14;animation:spin 16s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:var(--cyan);font-size:12px;font-weight:800}.hero h1{font-size:clamp(42px,7vw,92px);line-height:.88;margin:8px 0 14px;letter-spacing:-.07em}.hero h1 span{color:transparent;background:linear-gradient(90deg,var(--cyan),var(--pink),var(--gold));-webkit-background-clip:text;background-clip:text}.tagline{max-width:760px;color:#bdd1ee;font-size:18px}.controls-card{display:grid;gap:12px;min-width:250px;z-index:1}.controls-card div{padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.controls-card b{display:block;color:white}.controls-card span{color:#9eb4d6;font-size:13px}.game-grid{display:grid;grid-template-columns:260px minmax(440px,720px) 290px;gap:22px;align-items:stretch}.stats,.logbook{padding:22px}.stat{display:flex;justify-content:space-between;align-items:end;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.stat span,.meter span{color:#99acd0;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.stat strong{font-size:38px;text-shadow:0 0 24px currentColor}.meter{margin:20px 0}.meter i{display:block;height:12px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden;margin-top:8px}.meter b{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--cyan),var(--pink));box-shadow:0 0 18px var(--cyan);transition:width .2s ease}button{width:100%;border:0;border-radius:16px;padding:15px 18px;margin-top:12px;color:#031018;background:linear-gradient(135deg,var(--cyan),var(--green));font-weight:900;letter-spacing:.04em;cursor:pointer;box-shadow:0 12px 30px rgba(112,247,255,.2);transition:.2s transform,.2s filter}button:hover{transform:translateY(-2px);filter:saturate(1.2)}button.ghost{background:rgba(255,255,255,.07);color:#dff9ff;border:1px solid rgba(255,255,255,.12);box-shadow:none}.arena-wrap{position:relative;padding:12px}canvas{width:100%;aspect-ratio:1;background:radial-gradient(circle at 50% 50%,rgba(16,29,70,.94),rgba(3,5,16,.98));border-radius:21px;display:block;box-shadow:inset 0 0 90px rgba(0,229,255,.08)}.overlay{position:absolute;inset:12px;display:grid;place-content:center;text-align:center;padding:40px;border-radius:21px;background:linear-gradient(160deg,rgba(3,4,13,.82),rgba(13,20,48,.72));backdrop-filter:blur(8px)}.overlay.hidden{display:none}.overlay h2{font-size:56px;margin:0 0 8px}.overlay p{max-width:540px;color:#bdd1ee}.overlay button{max-width:220px;margin:18px auto}.logbook h3{margin-top:0}.logbook ul{list-style:none;padding:0;margin:0;display:grid;gap:13px;color:#c3d2ee}.dot{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:9px;box-shadow:0 0 14px currentColor}.cyan{color:var(--cyan);background:var(--cyan)}.gold{color:var(--gold);background:var(--gold)}.pink{color:var(--pink);background:var(--pink)}.red{color:var(--red);background:var(--red)}.purple{color:#9b6dff;background:#9b6dff}.mission{margin-top:28px;padding:18px;border-radius:20px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09)}.mission b{display:block;color:var(--gold);margin-bottom:6px}.mission span{color:#b8c8e7}@media(max-width:1050px){.game-grid{grid-template-columns:1fr}.hero{flex-direction:column;align-items:flex-start}.controls-card{width:100%;grid-template-columns:repeat(3,1fr)}}@media(max-width:620px){.shell{width:100vw;margin:0}.panel{border-radius:0}.hero{padding:22px}.controls-card{grid-template-columns:1fr}.stats,.logbook{padding:18px}.arena-wrap{padding:6px}.overlay{inset:6px}.overlay h2{font-size:38px}}