:root{color-scheme:dark;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#020617;color:#e5e7eb}body{position:relative}canvas#game{display:block;width:100vw;height:100vh;background:#020617}#ui-root{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.top-bar{position:absolute;top:8px;left:50%;transform:translate(-50%);padding:6px 14px;background:#0f172aeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;border:1px solid rgba(148,163,184,.6);display:inline-flex;align-items:center;gap:12px;font-size:13px;pointer-events:auto}.top-bar span{white-space:nowrap}.top-bar label{display:inline-flex;align-items:center;gap:4px;font-size:12px}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:120px;height:4px;border-radius:999px;background:#0f172a;outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:#38bdf8;border:2px solid #0f172a;box-shadow:0 0 0 2px #38bdf866;margin-top:-5px}input[type=range]::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#38bdf8;border:2px solid #0f172a}.overlay-menu{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.overlay-menu h1,.overlay-menu h2{display:none}.overlay-menu p{margin:0 0 18px;font-size:13px;color:#cbd5f5}.role-buttons,.team-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.role-buttons button,.team-buttons button{pointer-events:auto;padding:10px 18px;min-width:140px;border-radius:999px;border:1px solid rgba(148,163,184,.8);background:radial-gradient(circle at top,#0f172a,#020617);color:#e5e7eb;font-size:13px;font-weight:500;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease;box-shadow:0 8px 20px #0f172acc}.role-buttons button:hover,.team-buttons button:hover{transform:translateY(-1px);background:radial-gradient(circle at top,#1e293b,#020617);border-color:#38bdf8;box-shadow:0 12px 30px #0f172ae6}.role-buttons button:active,.team-buttons button:active{transform:translateY(1px) scale(.99);box-shadow:0 4px 14px #0f172ae6}#btnPlane{border-color:#4ade80b3}#btnShip{border-color:#3b82f6b3}#btnRocket{border-color:#f97316b3}#btnCruiser{border-color:#a855f7b3}#btnCarrier{border-color:#fcd34db3}#btnTorpedo{border-color:#60a5fab3}#btnBomber{border-color:#f8fafcb3}#btnAntares{border-color:#f87171cc}#btnUrsa{border-color:#facc15cc}#btnOrion{border-color:#38bdf8cc}#btnHydrus{border-color:#3b82f6cc}#status{color:#e5e7eb}