:root{color:#e9f0ec;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b151b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{color:#edf4ed;cursor:pointer;background:#1b2e36;border:1px solid #3a5057;border-radius:9px;min-width:48px;min-height:48px;padding:8px 12px;font-weight:650}button:hover{background:#2a4249}button:active{transform:translateY(1px)}button:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #f6b862}button:disabled{opacity:.45;cursor:default}button.primary{color:#1d201e;background:#f2ad61;border-color:#f2ad61}button.primary:hover{background:#ffc985}button.danger{color:#ffaaa1;border-color:#995c58}button.selected{color:#b9f3d3;background:#285147;border-color:#8ce0b9;box-shadow:inset 0 0 0 1px #8ce0b9}a{color:#a2e4d0}p{line-height:1.5}.muted{color:#a7b9bd}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#eeb877;font-size:12px;font-weight:750}.hidden,[hidden]{display:none!important}#app{min-height:100dvh}#home{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:radial-gradient(at 70% 20%,#21403980,#0000 60%),linear-gradient(135deg,#101f26,#0b151b);place-items:center;display:grid}.home-card{width:100%;max-width:450px}.brand-mark{color:#a7beb8;letter-spacing:.14em;align-items:center;gap:12px;font-size:12px;display:flex}.emblem{color:#172b2d;clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);background:#f2ad61;place-items:center;width:38px;height:38px;font-size:24px;font-weight:900;display:grid}h1{letter-spacing:-.05em;margin:24px 0 18px;font-size:clamp(44px,12vw,66px);line-height:.96}h1 span{color:#f2ad61}.home-card>p{max-width:350px}.hero-art{background:linear-gradient(#0000,#27423830);border-bottom:1px solid #456052;height:112px;margin:22px 0;position:relative;overflow:hidden}.hero-art svg{width:100%;height:100%}.home-actions{gap:10px;display:grid}.home-actions>button{text-align:left;justify-content:space-between;align-items:center;height:54px;display:flex}.join{gap:8px;margin-top:10px;display:flex}.join input{color:#e9f0ec;text-transform:uppercase;letter-spacing:.13em;background:#10232a;border:1px solid #40575b;border-radius:9px;flex:1;min-width:0;padding:12px}.fine{color:#adbcbb;font-size:13px}.home-footer{color:#8fa3a4;border-top:1px solid #2c4148;justify-content:space-between;margin-top:24px;padding-top:16px;font-size:12px;display:flex}.error{color:#ffc09c;min-height:22px}#game{height:100dvh;padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px, env(safe-area-inset-left));grid-template-rows:76px minmax(0,1fr) 210px;gap:0;max-width:900px;margin:auto;display:grid}.hud{grid-template-rows:48px 24px;grid-template-columns:1fr auto 48px;align-items:center;gap:0 10px;padding:0 2px;display:grid}.funds{white-space:nowrap;font-size:21px;font-weight:800}.funds small{color:#a8d6be;margin-left:6px;font-size:13px;font-weight:500}.clock{text-align:right;font-variant-numeric:tabular-nums;font-weight:700}.clock small{color:#91b0aa;font-size:11px;font-weight:500;display:block}.health-strip{grid-column:1/4;justify-content:space-between;font-size:13px;font-weight:650;display:flex}.health-strip .you{color:#9ee6c3}.health-strip .enemy{color:#ffb19d}.board-area{place-items:center;min-width:0;min-height:0;padding:4px 0;display:grid;position:relative}canvas{touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;display:block;box-shadow:0 0 0 1px #4b6155,0 12px 35px #0004}#controls{grid-template-rows:48px 54px 18px 48px 24px;gap:3px;padding:5px 0 0;display:grid}.row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.row.production{grid-template-columns:repeat(2,minmax(0,1fr))}#controls button{padding:5px 4px;font-size:14px;line-height:1.15}#controls button small{margin-top:3px;font-size:12px;font-weight:500;display:block}.queue{color:#b9cbc9;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex;overflow:hidden}.queue progress{accent-color:#efb472;width:65px;height:5px}.feedback{text-align:center;white-space:nowrap;text-overflow:ellipsis;color:#e8c18f;font-size:13px;line-height:23px;overflow:hidden}.connection-off{color:#ffb19d!important}dialog{color:#edf3ee;background:#12252c;border:1px solid #536b65;border-radius:16px;width:calc(100% - 32px);max-width:420px;max-height:calc(100dvh - 32px);padding:24px;box-shadow:0 24px 90px #0008}dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050d12bb}dialog h2{letter-spacing:-.03em;margin:6px 0 12px;font-size:28px}dialog .dialog-actions{gap:8px;margin-top:20px;display:grid}dialog .code{letter-spacing:.18em;color:#f4ba76;margin:16px 0 8px;font-size:32px;font-weight:800}dialog .invite{color:#adcec3;background:#0e1b21;border:1px solid #3c5656;border-radius:6px;width:100%;padding:12px;font-size:13px}dialog .seat-row{color:#acd2c4;justify-content:space-between;margin:12px 0;display:flex}.result-mark{color:#f2ad61;margin:0;font-size:40px}.rules{padding-left:18px;font-size:14px;line-height:1.55}.rules li{margin:8px 0}@media (aspect-ratio>=6/5){#game{max-width:1200px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));grid-template-rows:80px minmax(0,1fr);grid-template-columns:minmax(0,1fr) 320px;gap:0 16px}.board-area{grid-area:1/1/3;padding:8px 0}.hud{grid-area:1/2}#controls{grid-area:2/2;grid-template-rows:48px 54px 20px 48px 26px;align-self:center;gap:8px;padding:0}}@media (height<=600px) and (aspect-ratio<=6/5){#game{grid-template-rows:72px minmax(0,1fr) 210px}.home-card h1{margin:14px 0;font-size:42px}.hero-art{height:62px;margin:12px 0}.home-footer{margin-top:14px}.home-card>p{margin:10px 0}}@media (prefers-reduced-motion:reduce){button:active{transform:none}}@media (height<=700px){#lobby{padding:16px}#lobby h2{margin:4px 0 8px;font-size:24px}#lobby>.muted{margin:8px 0;font-size:14px}#lobby .code{margin:8px 0}#lobby .fine{margin:8px 0;font-size:12px}#lobby .dialog-actions{grid-template-columns:1fr 1fr;margin-top:12px}#lobby #leave-lobby{grid-column:1/-1}}@media (height<=480px){dialog{max-width:640px;padding:16px}dialog h2{margin:4px 0 8px;font-size:24px}dialog p{margin:8px 0}dialog .dialog-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px}#match-menu .rules{max-height:72px;margin:8px 0;overflow:auto}#match-menu .dialog-actions,#lobby .dialog-actions{grid-template-columns:repeat(3,minmax(0,1fr))}#match-menu .dialog-actions button{font-size:13px}#lobby[open]{grid-template-columns:1fr 1fr;column-gap:16px;display:grid}#lobby .eyebrow,#lobby h2,#lobby .seat-row,#lobby .fine,#lobby .dialog-actions{grid-column:1/-1}#lobby>.muted{display:none}#lobby .invite{align-self:center}#lobby #leave-lobby{grid-column:auto}}