@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Barlow:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#090f18;--panel:#111d2a;--line:#283749;--muted:#a0b0c4;--cyan:#7cdbec;--red:#f46348}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f0f4f8;font:16px/1.45 Barlow,system-ui,sans-serif}button,a,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{border:1px solid var(--line);background:#172435;border-radius:7px;padding:10px 17px;cursor:pointer;min-height:44px}button:hover:not(:disabled){border-color:var(--cyan);background:#233448}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}[hidden]{display:none!important}#lab{max-width:1500px;margin:auto;padding:0 24px 24px}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:72px;gap:12px}.brand{font:800 26px 'Barlow Condensed',sans-serif;letter-spacing:1px}.brand span{font:500 13px Barlow,sans-serif;color:var(--muted);margin-left:12px;letter-spacing:2px}.top-actions{display:flex;align-items:center;gap:20px;font-size:14px}.brief{display:flex;align-items:center;gap:28px;padding:19px 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--cyan)}h1{font:700 38px/1 'Barlow Condensed',sans-serif;margin:3px 0 0}.brief p{color:var(--muted);font-size:15px}.prototype{margin-left:auto;border:1px solid #745446;color:#eda684;border-radius:4px;font-size:12px;letter-spacing:1px;padding:6px 10px}#battle{position:relative;height:clamp(330px,57vh,680px);min-height:330px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#101c29}#canvasHost{position:absolute;inset:0}canvas{width:100%;height:100%;display:block;touch-action:none}.map-header,.map-footer{position:absolute;display:flex;justify-content:space-between;align-items:center;left:20px;right:20px;font-size:12px;letter-spacing:1.5px;pointer-events:none}.map-header{top:15px}.map-header span{background:#0a1425c9;padding:6px 10px;border-radius:3px}#phase{color:var(--cyan)}.map-footer{bottom:12px;color:#b3c5d4}.map-footer button{pointer-events:auto;font-size:13px;padding:4px 12px;min-height:32px}.unit-badges{position:absolute;left:20px;right:20px;top:58px;display:flex;justify-content:space-between;pointer-events:none}.unit-tag{background:#0b1520c9;border-left:2px solid var(--cyan);padding:8px 14px;border-radius:4px;display:grid}.unit-tag.enemy{border-color:var(--red);text-align:right}.unit-tag span{font-size:11px;letter-spacing:1.3px;color:var(--muted)}.unit-tag strong{font:600 26px 'Barlow Condensed',sans-serif}.unit-tag small{font:500 12px Barlow,sans-serif;color:var(--muted)}#loading{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#0c1623;z-index:5;text-align:center;padding:22px}#loading p{color:var(--muted);max-width:450px}.loader{width:30px;height:30px;border:2px solid var(--line);border-top-color:var(--cyan);border-radius:50%;margin-bottom:16px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.command-bar{display:flex;align-items:center;gap:24px;background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-top:10px;padding:15px 20px}.ap{min-width:126px}.ap>span,.loadout label{display:block;color:var(--muted);font-size:11px;letter-spacing:1.5px}.ap strong{font:700 32px 'Barlow Condensed',sans-serif;color:var(--cyan)}.ap small{font:500 16px Barlow,sans-serif;color:var(--muted)}#apPips{display:flex;gap:3px;margin-top:4px}#apPips i{width:7px;height:5px;background:#2a3e51;border-radius:1px}#apPips i.on{background:var(--cyan)}.orders{display:flex;gap:8px;flex:1}.orders button{min-width:115px;flex:1;font-weight:600;text-align:left}.orders small{display:block;color:#aebed0;font-size:12px;font-weight:400;margin-top:3px}.orders .selected{border-color:#74c4d8;background:#224255}.accent{background:#cf4935;border-color:#f47958}.accent:hover:not(:disabled){background:#e65d45}.accent small{color:#ffe1d8}.loadout select{max-width:250px;background:#0b1622;border:1px solid var(--line);padding:9px 7px;margin-top:6px;border-radius:5px;min-height:44px}.comms{display:flex;align-items:center;gap:16px;padding:18px 4px;border-bottom:1px solid var(--line)}.comms img{width:58px;height:58px;border-radius:10px;object-fit:cover}.comms p{margin:3px 0;font-size:16px}.comms>div{flex:1}.comms>span{font-size:12px;letter-spacing:1.4px;white-space:nowrap;color:var(--muted)}.lower{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:13px;color:var(--muted);padding-top:8px}.lower>p{flex:1;min-width:180px}.lower button{font-size:13px;padding:6px 12px}.lower details{width:100%;max-width:820px}.lower summary{cursor:pointer}.lower details p{font-size:14px}.lower details p:last-child{color:#889bb1}#damageCallout{position:absolute;top:42%;width:100%;text-align:center;pointer-events:none;font:700 clamp(24px,5vw,46px) 'Barlow Condensed',sans-serif;text-shadow:0 2px 16px #000;color:#ffb486;letter-spacing:1px}#skip{position:absolute;bottom:54px;right:20px;background:#0a1623d9;font-size:14px}#result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08121bcc;text-align:center;padding:20px;z-index:4}#result h2{font:700 46px 'Barlow Condensed',sans-serif;margin:8px}#result p{color:#b5c5d6;max-width:440px}#result button{min-width:170px}.cinematic .unit-badges{opacity:0}.cinematic .map-footer>span{opacity:0}
@media(max-width:920px){#lab{padding:0 12px 16px}.topbar{min-height:60px}.brand{font-size:22px}.brand span{display:none}.top-actions{gap:12px}.top-actions button{font-size:13px;padding:6px 10px}.brief{gap:10px;padding:14px 0}.brief p{display:none}h1{font-size:32px}.prototype{font-size:10px;padding:5px 7px}#battle{height:49svh;min-height:340px}.command-bar{gap:10px;padding:12px;flex-wrap:wrap}.ap{min-width:88px}.orders{gap:5px}.orders button{min-width:0;padding:8px;font-size:14px}.orders small{font-size:11px}.loadout{width:100%;display:flex;align-items:center;gap:12px}.loadout select{flex:1;max-width:none;margin:0}.comms{gap:10px}.comms img{width:48px;height:48px}.comms>span{display:none}.comms p{font-size:14px}.comms .eyebrow{font-size:10px}.unit-badges{left:12px;right:12px}.unit-tag{padding:6px 8px}.unit-tag span{font-size:9px}.map-header,.map-footer{left:12px;right:12px;font-size:10px}.map-footer>span:first-child{display:none}}
@media(orientation:landscape) and (max-height:550px){#lab{padding:0 12px}.topbar{min-height:46px}.brief{padding:7px 0}.brief h1{font-size:24px}.brief .eyebrow{display:none}#battle{height:62svh;min-height:240px}.command-bar{padding:6px 12px;flex-wrap:nowrap;gap:12px}.loadout{width:auto;display:block}.loadout select{max-width:190px;min-height:36px}.orders button{min-height:40px;padding:5px 10px}.comms{padding:8px 0}.comms img{height:38px;width:38px}.ap strong{font-size:24px}}
@media(prefers-reduced-motion:reduce){.loader{animation:none}}

.fire-hint{margin:8px 4px 0;color:var(--muted);font-size:14px;min-height:21px}.orders,.loadout{min-width:0}.loadout select{width:100%;min-width:0}
@media(max-width:480px){.command-bar{gap:12px}.ap{display:flex;align-items:center;gap:12px;width:100%}.ap>span{font-size:12px}.ap strong{font-size:26px}.orders{width:100%;flex-basis:100%}.orders small{font-size:12px}.orders button{min-height:60px}.map-header{letter-spacing:.5px}.unit-tag span{font-size:10px}.fire-hint{font-size:14px}.loadout select{font-size:16px}.map-footer button{min-height:44px}}

#battle{isolation:isolate;background:#101c29 url("media/red-alert-hangar/poster.webp") center/cover no-repeat}.deck-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:.7;filter:brightness(.75) saturate(.8)}#canvasHost{z-index:1}.map-header,.map-footer,.unit-badges,#skip,#damageCallout{z-index:2}#result{z-index:4}#loading{z-index:5}@media(prefers-reduced-motion:reduce){.deck-video{display:none}#battle{background-image:url("media/red-alert-hangar/poster.webp")}}

.action-panel{margin-top:12px;padding:16px 20px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.action-panel label{font-size:12px;letter-spacing:1.5px;color:var(--muted)}#attackOptions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}#targetPart{min-height:44px;max-width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:#0b1622;color:#f0f4f8}#hitChance{color:var(--cyan);font-size:15px}#actionHelp{color:#b5c5d6;margin:12px 0}.confirm-buttons{display:flex;gap:10px;flex-wrap:wrap}.orders button[aria-pressed=true]{border-color:var(--cyan);background:#224255}@media(max-width:640px){#attackOptions{align-items:stretch;flex-direction:column;gap:8px}.confirm-buttons button{flex:1}#deploy{width:100%}}