:root{--ink: #eaf0e7;--muted: #9eada0;--panel: #101922e8;--line: #45615a;--accent: #e5b64b;--ui-scale: 1;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:#0b1116}*{box-sizing:border-box}body{margin:0;min-width:1280px;min-height:720px;background:#0b1116}button,select,input{font:inherit}button{cursor:pointer;border:1px solid #5c756a;padding:.55rem .85rem;color:var(--ink);background:#20322e;border-radius:3px}button:hover:not(:disabled),button:focus-visible{outline:2px solid var(--accent);background:#31483f}button:disabled{cursor:not-allowed;opacity:.48}.primary{background:#9b6d21;color:#fff;font-weight:800;font-size:1.05rem}.menu-shell{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at center,#273a35,#0b1116 72%)}.hero,.setup{width:min(710px,92vw);padding:3.5rem;background:#101922e8;border:1px solid #4b665d;box-shadow:0 30px 90px #0009}.hero h1,.setup h1{margin:0 0 1rem;letter-spacing:.15em;font-size:clamp(2.3rem,7vw,5rem);line-height:.95}.hero h1 span{color:#e8b84a}.eyebrow{letter-spacing:.2em;color:#e8b84a;font-size:.75rem;font-weight:800}.hint{color:var(--muted);margin-top:2rem;font-size:.85rem}.setup{display:grid;gap:1rem}.setup h1{font-size:2.4rem}.setup label{display:grid;gap:.35rem;color:var(--muted)}.setup select,.setup input{border:1px solid #60776e;background:#17231f;color:var(--ink);padding:.55rem}.setup .check{display:block}.map-card{margin:0;border:1px solid #486258;padding:.8rem}.map-card legend{color:var(--accent);font-weight:700;padding:0 .35rem}.map-card label{color:var(--ink);cursor:pointer}.map-card small{display:block;margin:.35rem 0 0 1.55rem;line-height:1.35}.opponent{margin:-.35rem 0 0;color:var(--muted)}.key-bindings{border:1px solid #486258;padding:.8rem;margin:0}.key-bindings legend{color:var(--accent);font-weight:700;padding:0 .35rem}.key-bindings p{margin:0 0 .7rem;color:var(--muted);font-size:.83rem;line-height:1.35}.key-bindings>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.key-bindings label{font-size:.8rem}.key-bindings input{text-align:center;font-weight:800;letter-spacing:.08em;cursor:pointer}.key-bindings button{margin-top:.7rem}#app{height:100vh;overflow:hidden;transform:scale(var(--ui-scale));transform-origin:top left;width:calc(100% / var(--ui-scale))}#top-bar{height:48px;display:flex;align-items:center;gap:clamp(.65rem,1.2vw,1.6rem);padding:0 1rem;background:#101922;border-bottom:1px solid var(--line);font-size:.85rem;white-space:nowrap}.logo{font-weight:900;letter-spacing:.12em;font-size:1rem}.logo i{color:var(--accent);font-style:normal}.logo+span{margin-left:auto}small{color:var(--muted)}#game-area{height:calc(100vh - 228px);display:grid;grid-template-columns:1fr 230px;min-height:380px}#battlefield-host{position:relative;min-width:0;overflow:hidden;cursor:crosshair}#battlefield-host canvas{display:block;width:100%!important;height:100%!important}#event-feed{overflow:auto;padding:.8rem;background:var(--panel);border-left:1px solid var(--line)}h2,h3{margin:0 0 .55rem;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase}#event-feed p{color:#becabe;font-size:.8rem;line-height:1.4;border-bottom:1px solid #30433c;padding-bottom:.5rem}#event-feed p.notice{color:#ffe08a;border-color:#9b6d21;font-weight:700}#command-interface{height:180px;display:grid;grid-template-columns:230px minmax(260px,.8fr) minmax(490px,1.8fr);background:#101922;border-top:1px solid var(--line)}#command-interface section{padding:.9rem;overflow:auto;border-right:1px solid var(--line)}#minimap-panel{background:linear-gradient(135deg,#2e4036,#1c2724);font-size:.78rem;color:#cad6c9}#minimap{display:block;width:100%;cursor:crosshair;border:1px solid #6a8075}.health{width:100%;height:9px;background:#491d1d;border:1px solid #111}.health span{height:100%;display:block;background:#62c47a}.cards{display:flex;flex-wrap:wrap;gap:.45rem}.abilities{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}.abilities button{display:grid;gap:.18rem;text-align:left}.abilities small{font-size:.67rem}.passengers{display:grid;gap:.35rem;margin-top:.65rem}.passengers h3{margin:0;font-size:.8rem}.passengers button{display:grid;gap:.15rem;text-align:left}.passengers small{color:#cad6c9;font-size:.68rem}.card{min-width:145px;flex:1 1 145px;display:grid;gap:.2rem;text-align:left;padding:.48rem;background:#17261f}.card b{font-size:.8rem}.card span{color:#e5b64b;font-size:.75rem}.card small{font-size:.68rem}#modal-layer{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none}.pause-card{pointer-events:auto;min-width:300px;padding:2rem;border:1px solid var(--line);background:#101922f5;box-shadow:0 20px 70px #000b}.pause-card button{display:block;width:100%;margin-top:.6rem}ol{padding-left:1.2rem;margin:.4rem 0;font-size:.8rem}@media(max-width:1400px){#event-feed{display:none}#game-area{grid-template-columns:1fr}#command-interface{grid-template-columns:210px minmax(240px,.8fr) minmax(440px,1.8fr)}}