:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#e7ece6;background:#10191e;font-synthesis:none;font-weight:500;--blue:#67c9f4;--red:#ed796d;--muted:#98a5a7;--line:#35464d}*{box-sizing:border-box}body{margin:0;overflow:hidden}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation}button:focus-visible{outline:2px solid #f3d291;outline-offset:3px}button,img{-webkit-user-select:none;user-select:none}button{border-radius:3px}#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.topbar{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;gap:20px;border-bottom:1px solid #415159;background:#142127;z-index:1}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:900;letter-spacing:3px}.brand-mark{display:grid;place-items:center;border:1px solid #69808a;width:31px;height:34px;font-size:23px;color:#cee4dc;box-shadow:inset 3px 0 #7cb8c0}.brand small{display:block;font-size:8px;color:#8da3a9;letter-spacing:2px;margin-top:4px}.objective-strip{display:flex;align-items:center;gap:28px;font-family:Consolas,monospace;font-size:12px;font-weight:700;letter-spacing:1.1px}.team-blue{color:var(--blue)}.team-red{color:var(--red)}#objective-status{color:#c2cbbb;font-size:10px}.quiet-button{background:#1c2b31;border:1px solid var(--line);padding:8px 12px;font-size:11px;letter-spacing:1px;color:#b9c4c6}#arena{flex:1;min-height:0;position:relative;border-bottom:2px solid #536269}#game{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}#game canvas{display:block;image-rendering:pixelated}.field-label{position:absolute;top:9px;font-family:Consolas,monospace;font-size:9px;font-weight:700;letter-spacing:2px;pointer-events:none;opacity:.6}.field-label.left{left:10%;color:#d0e8e4}.field-label.right{right:10%;color:#eed3bd}#toast{position:absolute;bottom:15px;left:50%;transform:translate(-50%,8px);background:#112229ee;border:1px solid #617982;padding:10px 18px;white-space:nowrap;font-size:12px;opacity:0;transition:opacity .18s,transform .18s;pointer-events:none;box-shadow:0 4px 20px #0005}#toast.visible{opacity:1;transform:translate(-50%)}.command-deck{display:grid;grid-template-columns:160px minmax(0,1fr);grid-template-rows:112px 28px;gap:0 14px;padding:14px 22px 0;background:linear-gradient(#213038,#131e24);flex-shrink:0;box-shadow:0 -3px 15px #0003;z-index:1}.energy-panel{padding:13px 13px 10px;border:1px solid #40545d;background:#101c23;align-self:stretch}.eyebrow{font-size:10px;font-family:Consolas,monospace;letter-spacing:2px;color:#a9bec4}.energy-number{display:flex;align-items:baseline;gap:5px;margin:5px 0 11px;color:var(--blue)}.energy-number strong{font-size:30px;line-height:1}.energy-number span{font-size:13px;color:#a0b0b6}.energy-number small{font-size:8px;margin-left:auto}.energy-track{height:9px;background:#2e3b40;overflow:hidden}.energy-track>div{height:100%;background:repeating-linear-gradient(90deg,#62c5ef 0,#62c5ef calc(10% - 2px),#2d718f calc(10% - 2px),#2d718f 10%);transition:width .1s linear}.cards{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:7px;min-width:0}.deploy-card{position:relative;overflow:hidden;background:linear-gradient(145deg,#2e414b,#17262d);border:1px solid #48616e;box-shadow:inset 0 0 0 3px #16262d;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:6px 3px 9px;transition:border-color .1s,background .1s}.deploy-card:hover{background:#344b57}.deploy-card.selected{border:2px solid #78d9ff;background:linear-gradient(#284d61,#16374a);box-shadow:inset 0 0 0 2px #192e38,0 0 12px #53c8ff22}.deploy-card img{height:66px;max-width:92%;width:90px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 1px #0005)}.card-key{position:absolute;top:6px;left:7px;font-family:Consolas,monospace;font-size:9px;color:#869ba6}.cost{position:absolute;top:5px;right:7px;z-index:1;font:700 14px Consolas,monospace;color:#c9eeff}.cost i{font-style:normal;color:#66c5ec;font-size:12px}.card-name{font-family:Consolas,monospace;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.2px;white-space:nowrap}.unavailable img{opacity:.48}.unavailable .cost{color:#7f949d}.cooldown:not(:empty){position:absolute;top:23px;right:0;bottom:22px;left:0;display:grid;place-items:center;background:#10202bcc;font:700 18px Consolas,monospace;color:#e2eef3}.selection-info{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;color:#afbdbe}.keyboard-tip{font:9px Consolas,monospace;letter-spacing:.8px;color:#728b94;white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:center;justify-content:center;background:#081318cf;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:20px}.hidden{display:none!important}.briefing{width:690px;max-height:100%;overflow:auto;padding:34px 42px 25px;background:linear-gradient(135deg,#24383f,#15252c 65%);border:1px solid #56717a;box-shadow:0 25px 100px #0009;position:relative}.briefing:before{content:"";position:absolute;top:0;left:0;width:90px;height:3px;background:#7bd1e5}.briefing-kicker{color:#b5a77f;font-size:10px}.briefing h1{font-size:clamp(40px,5.5vw,65px);line-height:1;font-weight:900;letter-spacing:-2px;margin:15px 0 12px}.briefing h1 span{color:#8dc4ca}.intro{font-size:14px;line-height:1.6;color:#a9bec2;margin:0 0 24px}.match-config{display:grid;grid-template-columns:1fr 1fr;gap:22px}fieldset{margin:0;padding:0;border:0;min-width:0}legend{font-family:Consolas,monospace;font-size:10px;letter-spacing:1px;width:100%;color:#dce5e4;margin-bottom:10px}legend span{font-size:8px;color:#728f99;float:right;letter-spacing:.6px}.country-options{display:flex;gap:7px}.country{width:50%;text-align:left;background:#13242c;border:1px solid #425860;padding:14px 10px;font-family:Consolas,monospace;font-size:18px;font-weight:700;color:#93a8b0}.country small{display:block;font-size:7px;letter-spacing:.1px;margin-top:8px;white-space:nowrap;font-weight:400}.country.active{color:#bceaff;background:#213e4b;border-color:#76bbd6;box-shadow:inset 0 -2px #76bbd6}#enemy-options .country.active{color:#f5bbb0;background:#3a3030;border-color:#c7877e;box-shadow:inset 0 -2px #c7877e}.briefing-rules{display:flex;justify-content:space-between;margin:24px 0;color:#bdcccd;font-size:10px;gap:10px}.briefing-rules b{color:#82989b;font:10px Consolas,monospace;margin-right:4px}.primary-button{border:1px solid #b7d8d7;background:#b7d8d7;color:#152a30;font-family:Consolas,monospace;font-size:13px;font-weight:700;letter-spacing:1.5px;width:100%;padding:16px 20px;text-align:left}.primary-button:hover{background:#d2ece7}.primary-button span{float:right;font-size:18px;line-height:15px}.briefing-foot{font-family:Consolas,monospace;font-size:8px;letter-spacing:1px;color:#7f9ba2;text-align:center;margin-top:15px}.compact-dialog{width:440px;padding:32px;background:#1b3038;border:1px solid #56717a;box-shadow:0 20px 80px #0007;max-height:100%;overflow:auto}.compact-dialog h2{font-size:36px;margin:14px 0;color:#d2e6df}.compact-dialog p{font-size:13px;line-height:1.7;color:#aec0c3}.secondary-button{margin-top:9px;border:1px solid #4b636d;background:transparent;width:100%;padding:13px;font-family:Consolas,monospace;font-size:11px;letter-spacing:1px}.rotate-prompt{display:none}@media(max-width:1050px){.topbar{padding:0 15px;gap:10px;height:50px}.brand{font-size:14px}.brand small{font-size:7px}.objective-strip{gap:14px;font-size:10px}.command-deck{grid-template-columns:110px minmax(0,1fr);grid-template-rows:94px 25px;padding:9px 12px 0;gap:0 9px}.energy-panel{padding:10px}.energy-number{flex-wrap:wrap;gap:3px;margin:6px 0}.energy-number strong{font-size:24px}.energy-number small{font-size:7px}.cards{gap:4px}.deploy-card img{height:52px;width:70px}.card-name{font-size:8px}.cost{font-size:12px}.keyboard-tip{display:none}}@media(max-height:550px)and (orientation:landscape){.topbar{height:37px;padding:0 12px}.brand{font-size:12px;letter-spacing:2px;gap:7px}.brand-mark{height:23px;width:22px;font-size:17px}.brand small{display:none}.quiet-button{padding:5px 9px;font-size:9px}.objective-strip{font-size:9px;gap:13px}#objective-status{font-size:8px}.command-deck{grid-template-columns:88px minmax(0,1fr);grid-template-rows:68px 20px;padding:5px 8px 0;gap:0 6px}.energy-panel{padding:6px}.eyebrow{font-size:8px}.energy-number{margin:3px 0 5px}.energy-number strong{font-size:21px}.energy-number span{font-size:10px}.energy-number small{font-size:6px}.energy-track{height:5px}.deploy-card{padding:2px 1px 5px}.deploy-card img{height:40px;width:58px}.card-name{font-size:7px}.card-key{font-size:7px;left:4px;top:4px}.cost{font-size:10px;top:3px;right:4px}.cost i{font-size:9px}.selection-info{font-size:8px}.field-label{font-size:7px;top:5px}.cooldown:not(:empty){top:14px;right:0;bottom:15px;left:0;font-size:14px}.overlay{padding:12px}.briefing{width:690px;padding:18px 28px 15px}.briefing h1{font-size:38px;margin:7px 0 4px}.briefing-kicker{font-size:8px}.intro{font-size:11px;line-height:1.35;margin-bottom:13px}.intro br{display:none}.intro br:after{content:" "}.match-config{gap:20px}.country{padding:8px 10px;font-size:15px}.country small{margin-top:4px;font-size:7px}legend{margin-bottom:6px;font-size:9px}.briefing-rules{margin:13px 0;font-size:9px}.primary-button{padding:11px 16px;font-size:11px}.briefing-foot{margin-top:9px;font-size:7px}.compact-dialog{padding:20px 28px}.compact-dialog h2{font-size:28px;margin:8px 0}.compact-dialog p{font-size:11px;line-height:1.5}}@media(orientation:portrait)and (max-width:700px){.rotate-prompt{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#14272f;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.rotate-prompt>span{font-size:70px;color:#8ecbd6}.rotate-prompt h2{font-size:26px;margin-bottom:3px}.rotate-prompt p{font-size:14px;line-height:1.7;color:#aec1c7}}#game canvas,.deploy-card img{image-rendering:auto}