:root{color:#d7e9f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 18% 0,#25597a6b,#0000 34%),radial-gradient(circle at 100% 22%,#7d252d47,#0000 38%),#04070d;font:16px/1.45 system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}#root{min-height:100svh}.shell{flex-direction:column;gap:18px;min-height:100svh;padding:18px;display:flex}.battle-shell{gap:0;padding:0}.topbar,.battle-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.eyebrow{color:#6ee7ff;letter-spacing:0;margin:0 0 4px;font-size:12px;font-weight:700}h1,h2{color:#f7fbff;letter-spacing:0;margin:0}h1{font-size:28px}h2{font-size:20px}button,input,select{font:inherit;border:1px solid #96bedc59;border-radius:6px}button{color:#f7fbff;cursor:pointer;background:#15263ae0;padding:10px 14px}button:disabled{cursor:not-allowed;opacity:.48}input,select{color:#f7fbff;background:#050a12db;width:100%;padding:10px 12px}label{color:#b8c7d6;text-align:left;gap:7px;display:grid}.nav,.segmented{gap:8px;display:flex}.segmented button.active,.primary{color:#071018;background:#e4f75b;font-weight:700}.message{color:#d7e9f8;background:#060e18b8;border:1px solid #96bedc2e;margin:0;padding:10px 12px}.panel,.stage-card,.menu-tile{background:#07101cd1;border:1px solid #96bedc33;border-radius:8px}.auth-panel,.design-panel{gap:16px;width:min(100%,520px);max-width:520px;margin:0 auto;padding:20px;display:grid}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.menu-tile{text-align:center;place-content:center;gap:10px;min-height:150px;display:grid}.menu-tile span{color:#b8c7d6}.menu-tile strong{color:#f7fbff;font-size:24px}.stage-list{gap:12px;display:grid}.stage-card{text-align:left;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.stage-card p:not(.eyebrow){color:#c4d2df;margin:8px 0 0}.stage-intel{gap:6px;margin:12px 0 0;display:grid}.stage-intel div{grid-template-columns:48px 1fr;gap:8px;display:grid}.stage-intel dt{color:#6ee7ff;font-size:12px;font-weight:700}.stage-intel dd{color:#d7e9f8;margin:0}.stage-card.locked{filter:grayscale(.8)}.weapon-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.design-summary{color:#d7e9f8;background:#5c84a629;border:1px solid #96bedc2e;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.slot-map{place-items:center;display:grid}.slot-map-hull{aspect-ratio:2.8;clip-path:polygon(100% 50%,72% 8%,16% 20%,0 50%,16% 80%,72% 92%);background:linear-gradient(90deg,#0000 0 10%,#97dcf42e 10% 78%,#0000 78%),linear-gradient(90deg,#112436f2,#35596fbf);border:1px solid #96bedc52;width:100%;max-width:520px;position:relative}.slot-pin{color:#071018;border:1px solid #ffffffb8;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:inline-flex;position:absolute}.slot-s{background:#9ff5ff}.slot-m{background:#c7f77b}.slot-l{background:#ffd28c}.slot-x{background:#f5ff70;border-radius:6px;width:30px}.slot-p{background:#ff9fb8}.slot-h{clip-path:polygon(50% 0,100% 100%,0 100%);background:#d6b4ff}.battle-screen{min-height:100svh;position:relative}.battle-overlay{z-index:2;background:#040910bd;border:1px solid #96bedc3d;border-radius:8px;padding:10px;position:absolute;top:14px;left:14px}.battle-canvas{height:100svh;min-height:100svh;overflow:hidden}@media (width<=760px){.shell{padding:12px}.topbar,.stage-card{grid-template-columns:1fr;align-items:stretch}.topbar,.nav,.menu-grid,.weapon-grid{flex-direction:column;grid-template-columns:1fr}h1{font-size:22px}.battle-canvas{height:100svh;min-height:100svh}}