@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Inter:wght@400;500;600&display=swap";:root{--panel: rgba(16, 19, 17, .78);--panel-solid: #141714;--edge: rgba(214, 196, 150, .22);--edge-strong: rgba(214, 196, 150, .5);--text: #e9e4d6;--muted: #a39d8c;--accent: #d9b45a;--good: #3ad06a;--warn: #e8c33a;--bad: #e0402e;--mine: #43d5e8;--ally: #f0963a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#0b0d0b;color:var(--text);font:13px/1.35 Inter,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#view{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}#ui{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}#ui>*{pointer-events:auto}.hud-font,h1,h2,h3,.btn,.stat b{font-family:Barlow Condensed,Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase}.panel{background:var(--panel);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 8px 30px #00000073,inset 0 1px #ffffff0a;border-radius:4px}#infobar{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;gap:2px;padding:0;pointer-events:none}#infobar .stat{padding:6px 14px;display:flex;flex-direction:column;align-items:center;min-width:74px}#infobar .stat span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}#infobar .stat b{font-size:19px;font-weight:600;color:var(--text)}#infobar .stat+.stat{border-left:1px solid var(--edge)}#infobar .mode b{color:var(--accent)}#minimap{position:absolute;left:12px;bottom:12px;padding:6px}#minimap canvas{display:block;image-rendering:auto;cursor:crosshair;border-radius:2px}#minimap .title{font:600 11px Barlow Condensed;letter-spacing:.14em;color:var(--muted);text-transform:uppercase;margin:0 0 5px 2px;display:flex;justify-content:space-between}#selection{position:absolute;left:50%;bottom:12px;transform:translate(-50%);display:flex;gap:4px;padding:6px;min-height:64px;align-items:center}#selection:empty{display:none}.sel-card{width:58px;text-align:center;padding:4px 2px;border:1px solid var(--edge);border-radius:3px;background:#00000040;cursor:pointer}.sel-card canvas{width:50px;height:30px;display:block;margin:0 auto 2px}.sel-card .n{font:600 12px Barlow Condensed}.sel-card .hp{height:3px;background:#ffffff1f;margin-top:3px}.sel-card .hp i{display:block;height:100%;background:var(--good)}#console{position:absolute;left:12px;top:12px;width:460px;pointer-events:none;font-size:13px;text-shadow:0 1px 2px #000}#console div{padding:2px 8px;margin-bottom:2px;background:linear-gradient(90deg,#0000008c,#0000);border-left:2px solid var(--accent);animation:fadein .2s}#console div.chat{border-color:#8fb0d8}#console div.team{border-color:var(--ally)}#console div.power{border-color:#b884ff;color:#e2cfff;font-weight:600}#chatbox{position:absolute;left:12px;bottom:236px;width:460px;display:none;padding:6px}#chatbox.open{display:flex;gap:6px;align-items:center}#chatbox input{flex:1;background:#0006;border:1px solid var(--edge);color:var(--text);padding:7px 9px;font:inherit;outline:none;border-radius:3px}#chatbox label{font:600 12px Barlow Condensed;color:var(--accent);letter-spacing:.1em}@keyframes fadein{0%{opacity:0;transform:translateY(-3px)}}.olabel{position:absolute;transform:translate(-50%,-100%);padding:5px 9px;white-space:nowrap;pointer-events:none;font-size:12px}.olabel h4{margin:0;font:600 14px Barlow Condensed;letter-spacing:.06em;text-transform:uppercase}.olabel .owner{color:var(--muted)}.olabel .prod{color:var(--accent)}.olabel .bar{height:3px;background:#ffffff1f;margin-top:4px}.olabel .bar i{display:block;height:100%;background:var(--accent)}.window{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0;min-width:380px}.window header{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--edge)}.window header h2{margin:0;font-size:20px;font-weight:600}.window .body{padding:12px 14px}.btn{background:#ffffff0a;color:var(--text);border:1px solid var(--edge-strong);padding:6px 12px;font-size:14px;cursor:pointer;border-radius:3px}.btn:hover{background:#d9b45a26;border-color:var(--accent)}.btn.on{background:#3ad06a2e;border-color:var(--good);color:#c9f5d7}.btn.danger:hover{background:#e0402e33;border-color:var(--bad)}.row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.row .lbl{color:var(--muted);min-width:90px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.unit-grid{display:grid;grid-template-columns:repeat(5,76px);gap:6px;margin:10px 0}.unit-btn{border:1px solid var(--edge);background:#0000004d;border-radius:3px;padding:4px;cursor:pointer;text-align:center}.unit-btn:hover{border-color:var(--accent)}.unit-btn.active{border-color:var(--good);box-shadow:inset 0 0 0 1px var(--good)}.unit-btn canvas{width:66px;height:40px;display:block}.unit-btn div{font:600 12px Barlow Condensed;text-transform:uppercase;letter-spacing:.05em}.unit-stats{min-height:112px;border-top:1px solid var(--edge);padding-top:8px}.unit-stats .sbar{display:grid;grid-template-columns:100px 1fr;gap:6px;align-items:center;margin:3px 0;font-size:12px;color:var(--muted)}.unit-stats .sbar div{height:6px;background:#ffffff14}.unit-stats .sbar i{display:block;height:100%;background:linear-gradient(90deg,#a07d32,var(--accent))}.progress{height:6px;background:#ffffff14;flex:1}.progress i{display:block;height:100%;background:var(--accent)}table.rank{border-collapse:collapse;width:100%;font-size:14px}table.rank th{text-align:left;font:600 12px Barlow Condensed;letter-spacing:.12em;color:var(--muted);text-transform:uppercase;padding:6px 10px;border-bottom:1px solid var(--edge)}table.rank td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.04)}table.rank tr.me td{background:#43d5e814}.flag{display:inline-block;width:18px;height:12px;vertical-align:-1px;margin-right:8px;border-radius:1px;box-shadow:inset 0 0 0 1px #0006}#join{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0a0c0a59,#050605e6)}#join .window{position:static;transform:none;width:440px}#join h1{margin:0;font-size:52px;line-height:1;letter-spacing:.08em}#join h1 small{display:block;font-size:14px;color:var(--muted);letter-spacing:.3em;margin-top:6px}#join input{width:100%;background:#0006;border:1px solid var(--edge-strong);color:var(--text);padding:10px 12px;font:16px Inter;outline:none;border-radius:3px}.flags{display:grid;grid-template-columns:repeat(8,1fr);gap:6px}.flags button{height:30px;border:2px solid transparent;border-radius:3px;cursor:pointer}.flags button.sel{border-color:#fff}#endround h1{font-size:46px;margin:0 0 4px}#help kbd{font:600 12px Barlow Condensed;background:#ffffff14;border:1px solid var(--edge);padding:1px 6px;border-radius:2px}#help .cols{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px;font-size:13px}#help .cols div{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.04)}#dragbox{position:absolute;border:1px solid #9fe8f2;background:#43d5e814;pointer-events:none;display:none}#hint{position:absolute;right:12px;bottom:12px;color:var(--muted);font-size:12px;pointer-events:none;text-align:right}#banner{position:absolute;top:90px;left:50%;transform:translate(-50%);font:600 30px Barlow Condensed;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);text-shadow:0 2px 12px #000;pointer-events:none;opacity:0;transition:opacity .3s}#banner.show{opacity:1}.hidden{display:none!important}#loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0b0d0b;font:600 22px Barlow Condensed;letter-spacing:.2em;color:var(--muted)}body.c-move #view{cursor:crosshair}body.c-target #view{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><circle cx='16' cy='16' r='9' fill='none' stroke='%23ff5a3a' stroke-width='2'/><path d='M16 2v8M16 22v8M2 16h8M22 16h8' stroke='%23ff5a3a' stroke-width='2'/></svg>") 16 16,crosshair}body.c-grey #view{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><circle cx='16' cy='16' r='9' fill='none' stroke='%23999' stroke-width='2'/><path d='M16 2v8M16 22v8M2 16h8M22 16h8' stroke='%23999' stroke-width='2'/></svg>") 16 16,crosshair}body.c-select #view{cursor:pointer}body.c-noentry #view{cursor:not-allowed}body.c-ally #view{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path d='M8 16l6 6 10-12' fill='none' stroke='%23f0963a' stroke-width='3'/></svg>") 16 16,pointer}#view{touch-action:none}html,body{overscroll-behavior:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}#minimap canvas{touch-action:none}#tbar,#tmenu,#rotate,body.touch #hint{display:none}body.touch #tbar{position:absolute;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));display:flex;gap:4px;padding:4px;align-items:center}body.touch #tbar button,body.touch #tmenu button{font:600 14px Barlow Condensed,sans-serif;letter-spacing:.05em;text-transform:uppercase;color:var(--text);background:#ffffff0d;border:1px solid var(--edge-strong);border-radius:4px;min-width:46px;min-height:44px;padding:0 9px;touch-action:manipulation}body.touch #tbar button.on,body.touch #tmenu button.on{background:#3ad06a38;border-color:var(--good);color:#c9f5d7}body.touch #tbar button.fire.on{background:#e0402e47;border-color:var(--bad);color:#ffd4cc}body.touch #tbar button.grp{min-width:38px}body.touch #tbar button.flash{background:#d9b45a66}body.touch #tbar .sep{width:1px;align-self:stretch;background:var(--edge);margin:0 2px}body.touch #tmenu:not(.hidden){position:absolute;right:max(8px,env(safe-area-inset-right));bottom:66px;display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;width:min(380px,70vw);max-height:calc(100vh - 140px);overflow:auto}body.touch #tmenu button{text-align:left}body.touch #selection{left:max(8px,env(safe-area-inset-left));bottom:auto;top:54px;transform:none;min-height:0;padding:3px;gap:3px;flex-wrap:nowrap;overflow-x:auto;max-width:52vw;scrollbar-width:none}body.touch #selection::-webkit-scrollbar{display:none}body.touch .sel-card{width:44px;flex:none;padding:2px 1px}body.touch .sel-card canvas{width:36px;height:20px}body.touch .sel-card .n{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.touch #help .cols{font-size:12px;gap:0 18px}body.touch #help .cols div{padding:2px 0;align-items:center}body.touch #help .cols div span:last-child{white-space:nowrap}body.touch #infobar{top:max(4px,env(safe-area-inset-top))}body.touch #infobar .stat{padding:3px 9px;min-width:0}body.touch #infobar .stat span{font-size:9px}body.touch #infobar .stat b{font-size:15px;white-space:nowrap}body.touch #console{width:min(360px,42vw);font-size:11px;top:auto;bottom:58px;left:auto;right:max(8px,env(safe-area-inset-right))}body.touch #minimap{left:max(8px,env(safe-area-inset-left));bottom:max(8px,env(safe-area-inset-bottom));padding:4px}body.touch #minimap .title{display:none}body.touch #chatbox{left:50%;transform:translate(-50%);top:8px;bottom:auto;width:min(460px,92vw);z-index:5}body.touch .window{min-width:0;max-width:96vw;max-height:92vh;overflow:auto}body.touch .unit-grid{grid-template-columns:repeat(5,minmax(0,76px))}body.touch .olabel{font-size:10px;padding:3px 6px}body.touch .olabel h4{font-size:12px}body.touch .btn{min-height:40px}body.touch #join .window{width:min(440px,94vw)}body.touch #dragbox{border-width:2px}@media(orientation:portrait){body.touch #rotate{display:grid;position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;place-items:center;background:#0b0d0b;color:var(--muted);font:600 20px Barlow Condensed,sans-serif;letter-spacing:.12em;text-transform:uppercase;text-align:center;padding:24px}}@media(max-height:480px){body.touch .window header{padding:6px 10px}body.touch .window header h2{font-size:16px}body.touch .window .body{padding:8px 10px}body.touch .unit-stats{min-height:0}}#tip{position:absolute;display:none;pointer-events:none;padding:6px 10px;font-size:12px;line-height:1.45;color:var(--text);z-index:6;max-width:280px}#tip b{font:600 14px Barlow Condensed,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mine)}body.c-base #view{cursor:pointer}body.c-rally #view{cursor:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path d='M9 29V4' stroke='%2343d5e8' stroke-width='2.5'/><path d='M10 4l14 5-14 5z' fill='%2343d5e8'/></svg>") 9 29,crosshair}body.touch #tip{display:none!important}#join .install{margin-top:12px;padding-top:12px;border-top:1px solid var(--edge);color:var(--muted);font-size:13px;line-height:1.5}#join .install b{color:var(--text)}body:has(#join) #tbar,body:has(#join) #tmenu,body:has(#join) #minimap{display:none!important}body.touch #join{overflow-y:auto;padding:8px;z-index:20}body.touch #join .window{margin:auto}body.touch #join h1{font-size:34px}@media(max-height:480px){body.touch #join .body{padding:8px 12px}body.touch #join .row{margin-bottom:6px}}