:root{--bg:#0d1015;--panel:#10141beb;--panel-solid:#181d26;--panel-inner:#11151c;--border:#2c3442;--border-strong:#46516480;--text:#e6e9ef;--muted:#8b95a7;--blue:#4a90e2;--red:#e05a47;--gold:#f2c14e;--good:#4fbf5e;--bad:#e5534b;--xp:#8a6cf0;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}[hidden]{display:none!important}img.icon{image-rendering:auto;pointer-events:none;flex:none;display:block}button{font:inherit;color:var(--text);border:1px solid var(--border);cursor:pointer;background:#262f3e;border-radius:6px;padding:6px 10px}button:hover:not(:disabled){background:#313c51}button:disabled{opacity:.45;cursor:default}button.primary{background:#2f6fbf;border-color:#3d82d6;font-weight:600}button.primary:hover:not(:disabled){background:#3a7fd3}input{font:inherit;color:var(--text);border:1px solid var(--border);background:#0f1319;border-radius:6px;padding:8px 10px}.muted{color:var(--muted)}.blue{color:var(--blue)}.red{color:var(--red)}.gold{color:var(--gold)}.bad{color:#ff9b94}.badge{color:var(--muted);background:#2c3443;border-radius:4px;padding:1px 5px;font-size:12px;font-weight:600}.badge.host{color:var(--gold);background:#4b3d14}.badge.off{color:#ff9b94;background:#4a1f1f}.screen{position:absolute;inset:0}.card{background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;padding:20px}#fullscreen-btn{z-index:50;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;width:36px;height:36px;padding:0;font-size:18px;display:grid;position:fixed;top:8px;right:8px}#connect{place-items:center;display:grid}.connect-card{width:min(360px,100vw - 32px)}.connect-card h1{margin:0}#connect-form{gap:8px;margin-top:16px;display:grid}#lobby{padding:24px 16px;overflow:auto}.lobby-wrap{gap:16px;max-width:1100px;margin:0 auto;display:grid}.lobby-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;padding-right:44px;display:flex}.lobby-head h1{margin:0}.teams{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.team-col{min-height:200px}.team-col h2{justify-content:space-between;align-items:center;gap:6px;margin:0 0 8px;font-size:18px;display:flex}.team-col.blue-team{border-color:var(--blue)}.team-col.red-team{border-color:var(--red)}.player-row{background:#12161d;border-radius:6px;align-items:center;gap:8px;margin-bottom:4px;padding:5px 8px;display:flex}.player-row.me{outline:1px solid var(--gold)}.player-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.player-row button{padding:2px 6px;font-size:14px}.heroes{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.hero-card{cursor:pointer;text-align:left;gap:8px;padding:14px;display:grid}.hero-card.selected{border-color:var(--gold);background:#24231a}.hero-card-head{align-items:center;gap:12px;display:flex}.hero-card h3{margin:0}.hero-card p{margin:0;font-size:15px}.hero-ability{align-items:flex-start;gap:8px;font-size:15px;display:flex}.lobby-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}#game{background:#000}#canvas-root{position:absolute}#canvas-root canvas{display:block}#hud{pointer-events:none;font-size:15px;position:absolute;inset:0}#hud .panel{pointer-events:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:8px;position:absolute;box-shadow:0 4px 18px #00000059}.bar{background:#0a0d12;border-radius:4px;height:10px;position:relative;overflow:hidden}.bar>div{height:100%;position:absolute;top:0;left:0}.bar>span{z-index:1;text-align:center;text-shadow:0 1px 2px #000;font-size:14px;font-weight:600;line-height:18px;display:block;position:relative}.bar.big{height:18px}.topbar{grid-template-columns:minmax(0,230px) auto minmax(0,230px);align-items:center;gap:14px;width:min(640px,100vw - 120px);display:grid;top:8px;left:50%;transform:translate(-50%)}.core-side{align-items:center;gap:8px;min-width:0;display:flex}.red-side{text-align:right;flex-direction:row-reverse}.core-info{flex:1;min-width:0}.core-label{justify-content:space-between;margin-bottom:3px;font-size:14px;font-weight:600;display:flex}.blue-side .core-bar>div{background:var(--blue)}.red-side .core-bar>div{background:var(--red);left:auto;right:0}.core-sub{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;margin-top:3px;font-size:13px;display:flex}.red-side .core-sub{justify-content:flex-end}.clock{text-align:center;font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.clock small{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:400;display:block}.feed{gap:3px;width:300px;font-size:14px;display:grid;top:8px;left:8px;background:#10141b99!important}.feed-line{align-items:center;gap:6px;display:flex}.players-panel{width:240px;max-height:calc(100vh - 340px);top:52px;right:8px;overflow:auto}.players-panel h3{text-transform:uppercase;letter-spacing:.05em;margin:2px 0 4px;font-size:14px}.pl{align-items:center;gap:6px;padding:2px 0;font-size:14px;display:flex}.pl.me .name{color:var(--gold)}.pl .name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pl.dead{opacity:.55}.pl .respawn{color:#ff9b94;font-variant-numeric:tabular-nums}.talents{gap:2px;display:flex}.talent-slot{border-radius:3px;width:16px;height:16px;overflow:hidden}.talent-slot.empty{border:1px dashed #4a5366}.hero-panel{grid-template-columns:116px auto 96px;align-items:stretch;gap:12px;display:grid;bottom:8px;left:50%;transform:translate(-50%);padding:10px 12px!important}.spectating{color:var(--muted);grid-column:1/-1;padding:14px 18px}.hero-left{align-content:start;justify-items:center;gap:4px;display:grid}.portrait{border:2px solid var(--border-strong);background:var(--panel-inner);border-radius:10px;place-items:center;width:90px;height:90px;display:grid;position:relative;overflow:hidden}.portrait.dead img{filter:grayscale()brightness(.5)}.level-badge{background:var(--xp);color:#fff;border-radius:12px;place-items:center;min-width:24px;height:24px;padding:0 5px;font-size:15px;font-weight:800;display:grid;position:absolute;bottom:2px;right:2px;box-shadow:0 0 0 2px #10141b}.respawn-overlay{color:#ff9b94;align-content:center;place-items:center;gap:2px;font-size:15px;display:grid;position:absolute;inset:0}.hero-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:116px;font-weight:700;line-height:1.1;overflow:hidden}.hero-name small{color:var(--muted);font-size:13px;font-weight:400;display:block}.hero-stats{color:#c9cfda;font-variant-numeric:tabular-nums;grid-template-columns:1fr 1fr;gap:1px 8px;font-size:13px;display:grid}.hero-center{align-content:end;gap:6px;min-width:300px;display:grid}.notices{justify-content:center;gap:6px;min-height:18px;display:flex}.notice{color:#1a1300;background:var(--gold);border-radius:4px;padding:1px 7px;font-size:13px;font-weight:700;animation:1.2s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.65}}.ability-bar{justify-content:center;gap:10px;display:flex}.ability-col{justify-items:center;gap:3px;display:grid}.plus,.plus-spacer{width:26px;height:18px}.plus{color:#1a1300;background:var(--gold);border-color:#ffd97a;border-radius:4px;padding:0;font-weight:800;line-height:1;animation:1.2s ease-in-out infinite pulse}.plus:hover{background:#ffd97a!important}.ability{cursor:pointer;border:2px solid var(--border-strong);background:var(--panel-inner);border-radius:8px;place-items:center;width:62px;height:62px;display:grid;position:relative;overflow:hidden}.ability:hover{border-color:var(--gold)}.ability.passive{cursor:default}.ability.passive:hover{border-color:var(--border-strong)}.ability.disabled img{filter:grayscale()brightness(.5)}.hotkey{min-width:16px;height:16px;color:var(--gold);background:#000000bf;border-radius:3px;place-items:center;padding:0 3px;font-size:13px;font-weight:800;display:grid;position:absolute;top:2px;left:2px}.cd{background:conic-gradient(#000000b8 calc(var(--p) * 360deg), #00000040 0);place-items:center;display:grid;position:absolute;inset:0}.cd b{text-shadow:0 1px 3px #000;font-size:20px}.pips{gap:3px;display:flex}.pips i{background:#333b49;border-radius:1px;width:8px;height:4px}.pips i.on{background:var(--gold)}.hp-bar>div:first-child{background:linear-gradient(#5fd06e,#3c9b4a)}.hp-bar .shield{background:#9fd8ff8c;left:auto;right:0}.xp-bar>div{background:linear-gradient(#a08af7,#6a4fd8)}.hero-right{align-content:end;gap:4px;display:grid}.talent-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);text-align:center;font-size:13px}.talent-row{grid-template-columns:30px 1fr 30px;align-items:center;gap:4px;display:grid}.talent-level{text-align:center;color:var(--muted);font-size:13px;font-weight:700}.talent{border:1px solid var(--border);border-radius:5px;width:30px;height:30px;overflow:hidden}.talent.locked img{filter:grayscale()brightness(.45)}.talent.dim img{filter:grayscale()brightness(.35)}.talent.chosen{border-color:var(--gold);box-shadow:0 0 6px #f2c14e99}.talent.pending{cursor:pointer;border-color:var(--gold);animation:1.2s ease-in-out infinite pulse}.talent.pending:hover{animation:none;transform:scale(1.08)}.queue-strip{gap:4px;max-width:calc(100vw - 600px);display:grid;top:82px;left:50%;transform:translate(-50%);padding:6px 8px!important}.queue-row{align-items:center;gap:4px;min-height:44px;display:flex}.queue-count{text-align:center;font-variant-numeric:tabular-nums;min-width:34px;font-size:14px;font-weight:800}.queue-empty{color:var(--muted);padding:0 6px;font-size:14px}.qitem{cursor:pointer;border:2px solid var(--border-strong);background:var(--panel-inner);border-radius:7px;flex:none;place-items:center;width:44px;height:44px;display:grid;position:relative;overflow:hidden}.qitem.blue.active{border-color:var(--blue)}.qitem.red.active{border-color:var(--red)}.qitem:hover{border-color:var(--bad)!important}.qitem:hover:after{content:"✕";color:#ffb4ae;background:#3c0a0a8c;place-items:center;font-size:22px;font-weight:800;display:grid;position:absolute;inset:0}.qitem:not([data-action]){cursor:default}.qitem:not([data-action]):hover:after{content:none}.clock-overlay{background:conic-gradient(transparent calc(var(--p) * 360deg), #0000009e 0);position:absolute;inset:0}.qlane{text-align:center;letter-spacing:.04em;color:#fff;background:#000000b8;font-size:11px;font-weight:800;line-height:12px;position:absolute;bottom:0;left:0;right:0}.qbuyer{color:var(--muted);background:#000000b3;border-radius:0 0 0 4px;padding:0 3px;font-size:10px;font-weight:800;position:absolute;top:0;right:0}.army-panel{gap:5px;display:grid;bottom:8px;right:8px}.army-head{align-items:center;gap:8px;display:flex}.gold-amount{color:var(--gold);align-items:center;gap:5px;font-size:18px;font-weight:800;display:flex}.enemy-gold{align-items:center;gap:4px;margin-left:auto;display:flex}.lane-row{align-items:center;gap:8px;display:flex}.lane-name{text-transform:uppercase;width:64px;color:var(--muted);align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.buy-buttons{gap:4px;display:flex}.buy{border:1px solid var(--border);background:var(--panel-inner);cursor:pointer;border-radius:6px;place-items:center;width:44px;height:44px;padding-bottom:10px;display:grid;position:relative}.buy:hover{border-color:var(--gold)}.buy .cost,.build .cost{text-align:center;color:var(--gold);background:#0009;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:700;line-height:12px;display:flex;position:absolute;bottom:0;left:0;right:0}.buy.disabled,.build.disabled{opacity:.4;cursor:default}.buy.disabled:hover,.build.disabled:hover{border-color:var(--border)}.minimap-panel{bottom:8px;left:8px;padding:4px!important}.minimap-panel canvas{cursor:pointer;border-radius:6px;display:block}.select-panel{gap:6px;width:262px;display:grid;bottom:166px;left:8px}.select-title{font-weight:700}.build-row{gap:6px;display:flex}.build{border:1px solid var(--border);background:var(--panel-inner);cursor:pointer;border-radius:8px;place-items:center;width:58px;height:58px;padding-bottom:10px;display:grid;position:relative}.build:hover{border-color:var(--gold)}.build.wide{justify-content:flex-start;gap:8px;width:auto;height:40px;padding:0 10px 0 6px;display:flex}.build.wide .cost{background:0 0;margin-left:auto;position:static}.select-tower{align-items:center;gap:8px;font-size:14px;display:flex}.tooltip{z-index:40;pointer-events:none;background:#0b0e13f5;border:1px solid #485267;border-radius:8px;max-width:360px;padding:8px 11px;font-size:14px;line-height:1.4;position:fixed;box-shadow:0 6px 20px #00000080}.tooltip>b{color:var(--gold);margin-bottom:2px;font-size:15px;display:block}.tooltip>div{color:#c9cfda}.tooltip>.tip-card{color:#d3d8e2}.tip-head{align-items:center;gap:10px;display:flex}.tip-head>.icon{background:#1a202a;border-radius:6px}.tip-head b{color:var(--gold);font-size:16px;line-height:1.2;display:block}.tip-head small{color:var(--muted);font-size:13px;display:block}.tip-stats{border-top:1px solid #252c38;flex-wrap:wrap;gap:4px 12px;margin-top:8px;padding:6px 0 2px;display:flex}.tip-stat{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.tip-stat b{color:var(--text)}.tip-stat small{color:var(--muted);font-size:12px}.tip-text{margin:7px 0 0}.tip-list{margin:7px 0 0;padding-left:18px}.tip-list li+li{margin-top:2px}.tip-vs{flex-wrap:wrap;align-items:center;gap:4px 5px;margin-top:7px;display:flex}.tip-vs em{margin-right:2px;font-style:normal;font-weight:600}.tip-vs.good em{color:var(--good)}.tip-vs.bad em{color:#ff9b94}.tip-ref{background:#1a202a;border-radius:4px;align-items:center;gap:4px;padding:1px 6px 1px 2px;font-size:13px;display:inline-flex}.tip-note{color:#c9cfda;flex-basis:100%;font-size:13px}.tip-group{background:#1a202a;border-radius:4px;padding:1px 7px;font-size:13px;font-weight:600}.tip-vs.good .tip-group{color:var(--good)}.tip-recruit{background:#141922;border-radius:6px;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:8px;padding:6px 8px;display:flex}.tip-recruit b{display:block}.tip-recruit small{color:var(--muted);font-size:12px;display:block}.tip-recruit .tip-stats{flex-basis:100%;margin-top:2px;padding-top:4px}.tip-trait{flex-basis:100%;font-size:13px}.tip-trait:before{content:"• ";color:var(--muted)}.tip-foot{color:var(--muted);border-top:1px solid #252c38;margin-top:8px;padding-top:6px;font-size:13px}.ping-wheel{z-index:80;pointer-events:none;filter:drop-shadow(0 6px 14px #000b);width:240px;height:240px;position:fixed;transform:translate(-50%,-50%)}.ping-wheel>svg{width:100%;height:100%;overflow:visible}.ping-wheel path{fill:#11151cf2;stroke:#465164;stroke-width:1px}.ping-wheel .selected path{fill:color-mix(in srgb, var(--ping) 28%, #11151c);stroke:var(--ping);stroke-width:2.5px}.ping-wheel .selected image{filter:drop-shadow(0 0 5px var(--ping))}.ping-wheel-centre{fill:#0d1015ed;stroke:#465164}.ping-wheel-cancel{fill:#aab4c4;font:10px system-ui,sans-serif}.ping-wheel-label{color:var(--text);white-space:nowrap;background:#11151cf5;border:1px solid #465164;border-radius:6px;align-items:center;gap:7px;padding:7px 12px;font-size:15px;display:flex;position:absolute;top:100%;left:50%;transform:translate(-50%)}.ping-feed{color:var(--ping);align-items:center;gap:6px;display:inline-flex}.ping-feed>span{min-width:0}#hud .banner{text-align:center;border-radius:12px;padding:20px 28px;top:32%;left:50%;transform:translate(-50%,-50%)}.banner h2{margin:0 0 8px;font-size:28px}#toast{z-index:30;color:#ffd2cf;pointer-events:none;background:#4a1f1f;border-radius:6px;padding:6px 12px;position:fixed;bottom:210px;left:50%;transform:translate(-50%)}@media (width<=1500px){.buy{width:38px;height:40px}.buy img.icon{width:26px;height:26px}.hero-panel{left:278px;transform:none}}@media (width<=1240px){.players-panel{display:none}.hero-panel{grid-template-columns:96px auto;top:96px;bottom:auto;left:8px}.hero-right{display:none}}.build-menu{z-index:20;pointer-events:auto;background:var(--panel);border:1px solid var(--border);border-radius:10px;justify-items:center;gap:6px;padding:6px;display:grid;position:fixed;transform:translate(-50%,calc(-100% - 34px));box-shadow:0 6px 20px #00000073}.build-menu:after{content:"";background:var(--panel);border-right:1px solid var(--border);border-bottom:1px solid var(--border);width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.bm-row{gap:6px;display:flex}.bm-option{border:1px solid var(--border);background:var(--panel-inner);cursor:pointer;border-radius:8px;place-items:center;width:58px;height:62px;padding-bottom:12px;display:grid;position:relative}.bm-option:hover,.bm-upgrade:hover{border-color:var(--gold)}.bm-option.disabled,.bm-upgrade.disabled{opacity:.4;cursor:default}.bm-key,.bm-key-inline{color:var(--gold);background:#000000b3;border-radius:3px;padding:0 4px;font-size:12px;font-weight:800}.bm-key{position:absolute;top:3px;left:3px}.bm-cost{color:var(--gold);background:#0009;border-radius:0 0 7px 7px;justify-content:center;align-items:center;gap:2px;font-size:13px;font-weight:700;line-height:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.bm-note{align-items:center;gap:6px;max-width:240px;padding:2px 4px;font-size:14px;display:flex}.bm-upgrade{cursor:pointer;border:1px solid var(--border);background:var(--panel-inner);border-radius:8px;align-items:center;gap:6px;padding:6px 10px 6px 6px;font-weight:600;display:flex;position:relative}.bm-upgrade .bm-cost{background:0 0;margin-left:6px;position:static}.queue-row.scouted{opacity:.8;border-top:1px dashed var(--border);padding-top:4px}.queue-row.scouted .qitem{width:36px;height:36px}#sound-btn{z-index:50;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;width:36px;height:36px;padding:0;font-size:16px;display:grid;position:fixed;top:8px;right:50px}.queue-strip .queue-row{gap:10px}.wave-timer{border:3px solid var(--border-strong);background:#2a3242;border-radius:50%;flex:none;place-items:center;width:68px;height:68px;display:grid;position:relative;overflow:hidden}.wave-timer b{z-index:1;font-variant-numeric:tabular-nums;font-size:28px;position:relative}.wave-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700}.pause-btn{vertical-align:middle;margin-left:8px;padding:0 7px;font-size:14px;line-height:22px}.wave-timer.soon{border-color:var(--gold);animation:.6s ease-in-out infinite pulse}.wave-lane{justify-items:start;gap:2px;min-width:44px;display:grid}.qlane-label{letter-spacing:.05em;color:var(--muted);font-size:11px;font-weight:800}.wave-units{align-items:center;gap:3px;min-height:34px;display:flex}.qitem{width:38px!important;height:38px!important}.queue-count.scout{font-size:18px}.buy.locked{filter:grayscale()}.buy.locked:after{content:"🔒";font-size:12px;position:absolute;top:1px;right:2px}.lanes-panel{gap:6px;width:300px;display:grid;top:8px;left:8px}.lanes-head{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;font-size:12px;font-weight:800;display:flex}.lane-line{grid-template-columns:30px 1fr;align-items:center;gap:6px;display:grid}.lane-tag{color:var(--muted);font-size:12px;font-weight:800}.lane-bar{background:#0a0d12;border-radius:4px;height:14px;position:relative;overflow:visible}.lane-fill{opacity:.75;position:absolute;top:0;bottom:0}.lane-fill.blue{background:var(--blue);border-radius:4px 0 0 4px}.lane-fill.red{background:var(--red);border-radius:0 4px 4px 0}.lane-flag{background:#b8b8b8;border:1.5px solid #0a0d12;border-radius:2px;width:10px;height:10px;margin:-5px 0 0 -5px;position:absolute;top:50%;transform:rotate(45deg)}.lane-flag.blue{background:var(--blue)}.lane-flag.red{background:var(--red)}.lane-flag.capturing{box-shadow:0 0 0 2px var(--gold)}.lane-flag.contested{animation:.5s ease-in-out infinite pulse;box-shadow:0 0 0 2px #fff}.feed{top:132px!important}.announcer{z-index:15;pointer-events:none;letter-spacing:.02em;text-shadow:0 2px 6px #000;white-space:nowrap;background:#080a0eb8;border-radius:10px;padding:8px 22px;font-family:Trebuchet MS,system-ui,sans-serif;font-size:26px;font-weight:800;position:absolute;top:24%;left:50%;transform:translate(-50%,-50%)}.announcer.good{color:#8fe39b}.announcer.bad{color:#ff9b94}.announcer.info{color:var(--gold)}.announcer.show{animation:2.4s ease-out forwards announce}@keyframes announce{0%{opacity:0;transform:translate(-50%,-50%)scale(.85)}10%{opacity:1;transform:translate(-50%,-50%)scale(1.04)}18%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0}}.clock .phase{color:#c9cfda;cursor:help;justify-content:center;align-items:center;gap:8px;margin-top:2px;font-size:14px;display:flex}.phase-badge{letter-spacing:.06em;text-transform:uppercase;color:#1a1406;background:var(--gold);border-radius:10px;padding:1px 10px;font-size:14px;font-weight:800}.phase-badge.hot{color:#1f0c05;background:#ff7a4d;box-shadow:0 0 10px #ff7a4d80}.phase-bonus{color:#ffb08a;font-weight:800}.phase-next{color:var(--muted)}#hud .vote-panel{z-index:12;border-color:var(--gold);gap:10px;width:min(760px,100vw - 32px);display:grid;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #0009;padding:16px!important}.vote-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.vote-head b{color:var(--gold);font-size:22px}.vote-options{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;display:grid}.vote-option{cursor:pointer;border:2px solid var(--border);background:var(--panel-inner);border-radius:10px;grid-template-rows:auto 1fr auto;gap:8px;padding:12px;display:grid}.vote-option:hover{border-color:var(--gold)}.vote-option.mine{border-color:var(--gold);background:#2a2616}.vote-text{gap:4px;display:grid}.vote-text b{font-size:16px}.vote-text span{color:#c9cfda;font-size:14px}.voters{flex-wrap:wrap;align-items:center;gap:4px;min-height:22px;display:flex}.voter{background:#33405a;border-radius:10px;padding:2px 6px;font-size:13px;font-weight:700}.voter.me{background:var(--gold);color:#1a1300}.vote-decided{font-size:15px}.vote-foot{font-size:14px}#hud .vote-panel:has(.draft-order){grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(1440px,100vw - 32px);max-height:calc(100vh - 32px);overflow:hidden}.draft-order{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:6px;display:grid}.draft-slot{background:var(--panel-inner);border:2px solid var(--border);border-radius:8px;align-items:center;gap:6px;padding:5px 8px;font-size:14px;font-weight:700;display:flex}.draft-slot.blue{border-color:#3d6fd8}.draft-slot.red{border-color:#d84a3d}.draft-slot.now{box-shadow:0 0 0 2px var(--gold)}.race-levels{gap:3px;margin:4px 0 0;padding:0;font-size:14px;list-style:none;display:grid}.race-levels li{align-items:center;gap:4px;display:flex}.race-levels b{color:var(--gold);min-width:22px}.race-name{letter-spacing:.04em;text-transform:uppercase;font-weight:800}.unlocks{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.unlock{align-items:center;gap:4px;font-size:14px;font-weight:700;display:inline-flex}.vote-races{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.race-chip{background:var(--panel-inner);border:1px solid var(--race);border-radius:10px;align-items:center;gap:4px;padding:2px 8px;font-size:14px;display:inline-flex}.race-chip i{color:var(--race);letter-spacing:1px;font-style:normal}.lane-pick{gap:2px;display:inline-flex}.lane-pick button{padding:1px 5px;font-size:12px;font-weight:700}.lane-pick button.on{background:var(--gold);color:#1a1300;border-color:var(--gold)}.badge.lane{color:#c9d6ee;background:#24324a}.lane-line.mine .lane-tag,.lane-row.mine .lane-name{color:var(--gold)}.breach{margin-left:3px;font-size:13px}.breach.bad{color:#ff7a6e;animation:.8s ease-in-out infinite pulse}.breach.good{color:#8fe39b}.clock small.sanctuary-open{color:var(--gold);font-weight:700;animation:1s ease-in-out infinite pulse}#hud .end-panel{z-index:30;background:var(--bg);font-variant-numeric:tabular-nums;border:0;border-radius:0;grid-template-rows:auto auto minmax(0,1fr);padding:28px 32px 0;display:grid;inset:0;overflow:hidden}.end-head{grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding-bottom:20px;display:grid}.end-head h2{margin:0;font:800 40px Trebuchet MS,system-ui,sans-serif}.end-head p{margin:8px 0 0}.end-result{text-align:center;gap:4px;display:grid}.end-result>b{font-size:36px}.end-result small{color:var(--muted)}.end-tabs{border-bottom:1px solid var(--border);gap:6px;display:flex}.end-tabs button{color:var(--muted);background:0 0;border:0;border-radius:6px 6px 0 0;padding:12px 24px}.end-tabs button.on{color:var(--gold);background:var(--panel-solid);box-shadow:inset 0 -3px var(--gold)}.end-tabs button:focus-visible,.build-marker:focus-visible,.chart-key:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}.end-content{scrollbar-gutter:stable;min-height:0;padding:20px 0 32px;overflow:auto}.awards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.award{background:var(--panel-inner);border:1px solid var(--border);border-radius:8px;gap:2px;padding:8px 10px;display:grid}.award b{color:var(--gold);font-size:15px}.award span{font-weight:700}.award small{color:var(--muted);font-size:13px}.end-teams{gap:24px;margin-top:20px;display:grid}.end-team,.score-team{min-width:0}.end-team h3{margin:0 0 6px}.end-table-wrap{overflow-x:auto}.score-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14px}.score-table th,.score-table td{text-align:right;white-space:nowrap;border-bottom:1px solid var(--border);padding:10px 8px}.score-table th{color:var(--muted);font-weight:500}.score-table th:first-child,.score-table td:first-child{text-align:left}.score-table td{font-weight:400}.score-table strong{color:#fff;font-weight:800}.score-table tfoot{background:var(--panel-solid)}.score-table tr.me{box-shadow:inset 3px 0 var(--gold);background:#f2c14e0e}.overview-table{min-width:1090px}.score-identity{text-align:left;white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.score-identity>span{gap:3px;display:grid}.score-identity small{color:var(--muted);font-size:13px;font-weight:400}.owner-dot{background:var(--owner);border-radius:50%;flex:none;width:7px;height:7px}.end-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-right:100px;display:flex}.unit-mvp,.unit-name{align-items:center;gap:10px;display:flex}.unit-mvp{color:var(--gold);margin-bottom:20px;padding:12px 0}.unit-mvp small{color:var(--muted);margin-top:4px;display:block}.unit-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,540px),1fr));gap:24px;display:grid}.unit-card{background:var(--panel-inner);border:1px solid var(--border);border-radius:8px;min-width:0;padding:16px}.unit-card.me{border-color:var(--gold)}.unit-card h3{margin:0}.unit-card-army{align-items:center;gap:24px;margin:16px 0;display:flex}.summary-board{gap:3px;margin-top:6px;display:grid}.summary-board>span{background:var(--panel-solid);border:1px solid var(--border);border-radius:4px;place-items:center;height:36px;display:grid}.summary-graphs{gap:24px;max-width:1200px;margin:auto;display:grid}.summary-chart{background:var(--panel-inner);border:1px solid var(--border);border-radius:8px;min-width:0;padding:16px}.summary-chart h3{margin:0}.summary-chart svg{width:100%;display:block}.summary-chart text{fill:var(--muted);font-size:14px}.chart-grid{stroke:var(--border);stroke-width:1px}.chart-legend{flex-wrap:wrap;gap:6px;margin-left:6%;display:flex}.chart-key{background:0 0;border-color:#0000;align-items:center;gap:6px;display:inline-flex}.chart-key small{color:var(--muted)}.legend-line{border-top:3px solid var(--owner);width:20px}.legend-line.red{border-top-style:dashed}.player-series.dimmed{opacity:.12}.player-series.highlighted polyline{stroke-width:4px}.build-scroll{overflow-x:auto}.build-timelines{min-width:1000px}.build-player{border-bottom:1px solid var(--border);padding:10px 16px 18px}.build-track{background:repeating-linear-gradient(90deg, var(--border) 0 1px, transparent 1px 25%);margin-top:16px;margin-right:38px;position:relative}.build-marker{justify-content:center;align-items:center;gap:2px;min-width:34px;height:34px;padding:2px;display:flex;position:absolute}.build-marker small{color:var(--text);background:var(--bg);padding:0 2px;position:absolute;bottom:-5px;right:-10px}.build-marker.building{border-color:var(--gold);color:var(--gold);font-weight:800}.build-axis{color:var(--muted);justify-content:space-between;margin-right:38px;padding-top:8px;font-size:13px;display:flex}#hud .scores-panel{z-index:25;background:#0d1015f5;width:min(1100px,100vw - 32px);max-height:calc(100vh - 40px);padding:20px;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.scores-head{flex-wrap:wrap;align-items:baseline;gap:18px;display:flex}.scores-head h2{margin:0}.scores-head>b{color:var(--gold);font-variant-numeric:tabular-nums}.scores-head>span{margin-left:auto}.scores-teams{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.score-team h3{margin-bottom:4px}.score-team p,.score-deploy{color:var(--muted);font-size:13px}.score-deploy{margin:5px 0 0 14px;display:block}.scores-hint{padding-top:4px;font-size:13px}@media (width<=900px){#hud .end-panel{padding:18px 16px 0}.end-head{grid-template-columns:1fr auto;gap:12px}.end-actions{grid-column:1/-1;justify-content:flex-start;padding-right:0}.end-result{margin-right:120px}.scores-teams{grid-template-columns:1fr}}@media (width<=540px){.end-head h2{font-size:30px}.end-head{grid-template-columns:1fr;padding-top:30px}.end-result{text-align:left;flex-wrap:wrap;align-items:center;gap:10px;margin-right:0;display:flex}.end-result>b{font-size:26px}.end-tabs button{padding:12px 14px}.summary-chart{padding:8px;overflow-x:auto}.summary-chart svg{min-width:650px}.end-actions button{font-size:13px}}#help-btn{z-index:50;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;width:36px;height:36px;padding:0;font-size:18px;font-weight:800;display:grid;position:fixed;top:8px;right:92px}#menu-btn{z-index:50;background:var(--panel);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);place-items:center;width:36px;height:36px;padding:0;font-size:18px;display:grid;position:fixed;top:8px;right:134px}#game-menu{z-index:60;background:#05070abf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.game-menu-panel{background:var(--panel-solid);border:1px solid var(--gold);border-radius:12px;gap:14px;width:min(480px,100%);max-height:calc(100vh - 32px);padding:18px 22px 22px;display:grid;overflow:auto}.game-menu-panel>header{justify-content:space-between;align-items:center;display:flex}.game-menu-panel h2{letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:20px}.game-menu-panel .launcher-page{padding:0}.game-menu-panel .launcher-page h1{display:none}.game-menu-actions{gap:8px;display:grid}.game-menu-actions button{padding:10px;font-weight:700}.game-menu-actions .danger{border-color:var(--bad);color:#ffb3ad}.game-menu-actions .danger:hover{background:#4a1f1f}#help-overlay{z-index:60;background:#05070abf;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.help-panel{background:var(--panel-solid);border:1px solid var(--gold);border-radius:12px;max-width:760px;max-height:calc(100vh - 32px);padding:20px 24px;overflow:auto}.help h2{margin:0 0 8px}.help h3{margin:12px 0 6px;font-size:15px}.help-rules{gap:6px;margin:0;padding-left:20px;font-size:14px;line-height:1.45;display:grid}.help-keys{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:4px 12px;font-size:15px;display:grid}kbd{background:#2b3444;border:1px solid #45506a;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:13px;font-weight:700}.help-card{padding:16px 20px}.player-row{flex-wrap:wrap;row-gap:4px}.player-row .name{min-width:80px}.teams{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.army-panel{width:auto;max-width:calc(100vw - 16px)}.base-button{cursor:pointer;justify-self:start;padding:3px 10px;font-weight:700}.base-button kbd{opacity:.7;font-size:12px}.grid-hint{font-size:12px}.wave-lane b{font-variant-numeric:tabular-nums;font-size:16px}.race-actions{flex-wrap:wrap;align-items:center;gap:5px;font-size:14px;font-weight:700;display:flex}.race-act{cursor:pointer;background:var(--panel-inner);border:1px solid var(--border);border-radius:10px;padding:2px 8px}.race-act:hover{border-color:var(--gold)}.race-act.on{border-color:var(--gold);color:var(--gold);background:#2a2616}.held{margin-left:3px;font-size:13px;font-weight:800}.held.blue{color:#7fa6ff}.held.red{color:#ff8a7f}.badge.act{cursor:pointer;color:var(--gold);background:#3a2f12}.badge.act:hover{background:#4b3d14}.badge.bounty{color:var(--gold);background:#4b3d14;animation:1.2s ease-in-out infinite pulse}.race-actions .good{color:#8fe39b}.portrait.team-blue{border-color:var(--blue)}.portrait.team-red{border-color:var(--red)}.portrait[style*=--race]{box-shadow:inset 0 -4px 0 var(--race)}.status{color:#c9cfda;background:#2a3140;border-radius:4px;padding:1px 7px;font-size:13px;font-weight:700}.status.bad{color:#ffb3ad;background:#4a1f1f}.status.good{color:#a8e6b1;background:#1f3a24}.entity-abilities .ability{width:50px;height:50px}.entity-stats{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:4px 12px;font-size:14px;display:flex}.entity-stats b{color:var(--text);font-size:14px}.entity-facts{color:#c9cfda;max-width:380px;font-size:13px;line-height:1.35}.entity-side{align-content:start;justify-items:end}.entity-close{padding:2px 8px;font-size:15px}#hud .spectator-badge{border:2px solid var(--gold);text-align:center;pointer-events:none;justify-items:center;gap:2px;display:grid;top:128px;left:50%;transform:translate(-50%);padding:6px 16px!important}.spectator-badge b{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:18px}.spectator-badge span{color:#c9cfda;font-size:13px}body.spectating-match #hud:after{content:"";pointer-events:none;z-index:5;position:fixed;inset:0;box-shadow:inset 0 0 0 4px #f2c14ebf,inset 0 0 40px #f2c14e40}.draft-body{grid-template-columns:minmax(0,1fr) minmax(340px,540px);align-items:stretch;gap:12px;min-height:0;display:grid}.draft-tiles{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));align-content:start;gap:8px;min-height:0;padding:2px;display:grid;overflow-y:auto}.draft-tile{cursor:pointer;border:2px solid var(--border);border-top:4px solid var(--race);background:var(--panel-inner);border-radius:8px;justify-items:center;gap:4px;padding:10px 6px 8px;display:grid;position:relative}.draft-tile:hover{border-color:var(--gold);border-top-color:var(--race)}.draft-tile.on{border-color:var(--gold);border-top-color:var(--race);box-shadow:0 0 0 1px var(--gold), 0 0 16px #f2c14e40}.draft-tile.mine{background:#2a2616}.draft-tile b{font-size:15px}.draft-tile .voters{justify-content:center;min-height:0}.tile-votes{background:var(--gold);color:#1a1300;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:14px;font-weight:800;display:grid;position:absolute;top:4px;right:4px}.draft-details{background:var(--panel-inner);border:1px solid var(--border);border-top:4px solid var(--race);border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;gap:8px;min-height:0;padding:12px;display:grid}.draft-title{align-items:center;gap:12px;display:flex}.draft-title h3{color:var(--race);margin:0 0 4px;font-size:22px}.draft-title p{color:#c9cfda;margin:0;font-size:14px}.draft-levels{align-content:start;gap:6px;min-height:0;margin:0;padding:0 4px 0 0;list-style:none;display:grid;overflow-y:auto}.draft-levels li{border-top:1px solid var(--border);gap:3px;padding-top:5px;font-size:15px;display:grid}.draft-levels li b{color:var(--gold);min-width:24px;display:inline-block}.draft-levels p{color:#c9cfda;margin:0;font-size:14px}.draft-units{flex-wrap:wrap;gap:6px;display:flex}.draft-unit{background:#1d2330;border-radius:6px;align-items:center;gap:4px;padding:2px 6px 2px 2px;font-size:14px;display:inline-flex}.draft-action button{width:100%;padding:10px;font-size:15px;font-weight:800}.draft-action button.voted{color:var(--gold);border-color:var(--gold);opacity:1;background:#2a2616}@media (width<=760px){.draft-body{grid-template-columns:1fr}#hud .vote-panel:has(.draft-order){grid-template-rows:none;overflow-y:auto}}.my-levels{justify-content:center;gap:6px;display:flex}.my-level{border:1px solid var(--border);background:var(--panel-inner);text-align:center;border-radius:6px;justify-items:center;gap:1px;min-width:64px;max-width:96px;padding:4px 6px;font-size:13px;display:grid}.my-level b{font-size:15px}.my-level span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.my-level.owned{border-color:var(--gold);color:var(--gold)}.my-level.next{border-style:dashed;border-color:#8a7a4a}.my-level.locked{opacity:.5}.player-row-actions{justify-content:center;align-items:center;gap:10px;display:flex}.player-row-actions button{align-items:center;gap:4px;display:flex}.block-info{text-align:center;justify-items:center;font-size:14px}.pl-dot{border-radius:50%;flex:none;width:8px;height:8px}.pl-level{color:var(--gold);min-width:20px;font-weight:700}.pl-slot{color:var(--muted);font-size:12px}.pl-gold{color:var(--gold);font-variant-numeric:tabular-nums;align-items:center;gap:2px;font-size:13px;display:flex}.draft-slot{flex-wrap:wrap}.draft-slot small{color:var(--muted);flex-basis:100%;font-size:12px}.draft-slot.me small{color:var(--gold)}.draft-pick{align-items:center;gap:4px;display:inline-flex}.draft-gold{color:var(--gold);align-items:center;gap:3px;margin-left:auto;font-size:13px;font-weight:700;display:inline-flex}.vote-head:has(.draft-timer){align-items:center}.draft-mine{align-items:center;gap:6px;margin-left:auto;font-size:16px;display:inline-flex}.draft-mine b{color:var(--gold);font-size:20px}.draft-timer{border:2px solid var(--border-strong);background:#10141b;border-radius:10px;justify-items:center;min-width:150px;padding:4px 16px;display:grid}.draft-timer b{font-variant-numeric:tabular-nums;font-size:36px;line-height:1.05;color:var(--gold)!important}.draft-timer small{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px}.draft-timer.soon{border-color:var(--gold);animation:.8s ease-in-out infinite pulse}.draft-timer.late{border-color:var(--bad);background:#2a1414}.draft-timer.late b{color:#ff7a6a!important}.draft-timer.late small{color:#ffb3ad}#hud .formation-panel{z-index:11;border-color:var(--gold);gap:10px;width:min(1040px,100vw - 32px);display:grid;bottom:140px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0009;padding:14px!important}.fm-head{align-items:center;gap:12px;display:flex}.fm-head b{font-size:16px}.fm-head .gold-amount{margin-left:auto}.fm-head .entity-close{position:static}.fm-body{align-items:flex-start;gap:16px;display:flex}.fm-board{justify-items:center;gap:6px;display:grid}.fm-front{color:var(--gold);text-transform:uppercase;letter-spacing:.05em;font-size:13px}.fm-grid{gap:5px;display:grid}.fm-cell{background:var(--panel-inner);-webkit-user-select:none;user-select:none;border:1px dashed #4a5366;border-radius:8px;place-items:center;width:68px;height:68px;display:grid}.fm-cell.full{border:2px solid var(--border-strong);cursor:grab}.fm-cell.open{border-color:var(--gold);cursor:copy}.fm-cell:hover{border-color:#fff}.fm-shop{flex:1;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;display:grid}.fm-unit{cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:var(--panel-inner);text-align:center;border-radius:8px;justify-items:center;gap:2px;padding:6px 4px;font-size:14px;display:grid}.fm-unit:hover{border-color:var(--gold)}.fm-unit.on{box-shadow:0 0 0 2px var(--gold);border-color:#fff}.fm-unit.poor{opacity:.5}.fm-unit b{color:var(--gold);align-items:center;gap:2px;display:flex}.fm-unit.poor b{color:#ff7a6a}.fm-foot{font-size:13px}.fm-ghost{pointer-events:none;z-index:100;opacity:.85;width:60px;height:60px;position:fixed}.block-buttons{gap:4px;display:flex}.block-buttons button{align-items:center;gap:4px;padding:3px 8px;font-weight:700;display:flex}.block-buttons kbd{opacity:.7;font-size:12px}.my-castle{flex-wrap:wrap;justify-content:center;gap:4px;max-width:360px;min-height:30px;display:flex}.my-building{border:1px solid var(--gold);background:#e8dcc0;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.build-wait{font-size:14px}.block-buttons{flex-wrap:wrap;justify-content:center}#hud .town-panel{z-index:11;border-color:var(--gold);gap:10px;width:max-content;max-width:calc(100vw - 32px);max-height:calc(100vh - 80px);display:grid;top:64px;left:50%;overflow:auto;transform:translate(-50%);box-shadow:0 10px 40px #0009;padding:14px!important}.town-may{color:#7fdc7f;font-weight:700}.town-tree{margin:0 auto;position:relative}.town-band{box-sizing:content-box;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-radius:10px;align-items:flex-start;gap:6px;padding:4px 8px;font-size:13px;font-weight:700;display:flex;position:absolute;left:-8px}.town-band.units{background:#f2c14e12;border:1px solid #f2c14e40}.town-band.castle{background:#7ab8ff0d;border:1px solid #7ab8ff2e}.town-lines{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.town-lines path{fill:none;stroke:#5a6272;stroke-width:2px;stroke-dasharray:5 4}.town-lines path.open{stroke:#7fdc7f;stroke-dasharray:none}.town-lines path.built{stroke:#e2b343;stroke-dasharray:none}.town-lines marker path{fill:#5a6272;stroke:none}.town-lines marker path.open{fill:#7fdc7f}.town-lines marker path.built{fill:#e2b343}.town-card{box-sizing:border-box;border:2px solid var(--border);background:var(--panel-inner);-webkit-user-select:none;user-select:none;border-radius:9px;align-content:start;justify-items:center;gap:1px;padding:6px 4px 0;display:grid;position:absolute;overflow:hidden}.town-card.unit{background:linear-gradient(#2a2416,#15130e)}.town-card.castle{background:linear-gradient(#1b2230,#11151c);padding-top:8px}.town-unit{color:#fff;font-size:15px;line-height:1.1}.town-building{color:var(--muted);font-size:12px;line-height:1.1}.town-castle-row{box-sizing:border-box;align-items:center;gap:6px;width:100%;padding:0 4px;display:flex}.town-castle-row span{min-width:0;display:grid}.town-castle-row b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.town-castle-row small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.town-bar{text-align:center;color:#10141a;white-space:nowrap;text-overflow:ellipsis;justify-content:center;align-items:center;gap:2px;padding:3px 4px;font-size:12px;font-weight:700;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.town-card.built .town-bar,.town-key.built{background:linear-gradient(#f7d77a,#c99a2e)}.town-card.ready .town-bar,.town-key.ready{background:linear-gradient(#8fe08f,#3f9a46)}.town-card.blocked .town-bar,.town-key.blocked{background:linear-gradient(#e88a7c,#a63a2e)}.town-card.idle .town-bar,.town-key.idle{background:linear-gradient(#7d8798,#4a5262)}.town-card.idle img{opacity:.55;filter:grayscale(.6)}.town-card.built{border-color:#c99a2e}.town-card.ready{cursor:pointer;border-color:#3f9a46}.town-card.ready:hover{border-color:#fff;box-shadow:0 0 0 2px #7fdc7f}.town-card.blocked img{opacity:.5;filter:grayscale(.7)}.town-card.blocked .town-unit,.town-card.blocked b{color:#c9c3b6}.town-tier{color:var(--gold);font-size:12px;font-weight:800;position:absolute;top:4px;left:6px}.town-cost{color:var(--gold);align-items:center;gap:2px;font-size:12px;display:flex;position:absolute;top:4px;right:5px}.town-card.castle .town-cost{top:2px}.town-key{vertical-align:middle;border-radius:3px;width:18px;height:9px;margin-left:6px;display:inline-block}.fm-unit{position:relative}.fm-unit.empty{opacity:.45}.fm-ready{color:#fff;background:#2b3340;border-radius:8px;min-width:16px;padding:0 3px;font-size:12px;font-weight:700;position:absolute;top:3px;right:5px}.fm-unit.empty .fm-ready{background:#a63a2e}#hud img.stat-icon{vertical-align:middle;display:inline-block}.end-result small,.end-head p,.score-identity>span>small{align-items:center;justify-content:inherit;gap:4px;display:flex}.end-result small{justify-content:center}.stat-head{justify-items:center;gap:1px;display:inline-grid}.stat-head small{font-size:12px;font-weight:600}.award .stat-icon{justify-self:center}.score-totals{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.sig-bar{background:var(--panel-inner);border:1px solid var(--border);border-left:4px solid var(--race);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 8px;display:flex}.sig-name{color:var(--race);cursor:help;font-size:15px;font-weight:800}.sig-gauge{flex:1;align-items:center;gap:5px;min-width:170px;display:flex}.sig-fill{background:#10141b;border:1px solid #2b3444;border-radius:8px;flex:1;height:16px;position:relative;overflow:hidden}.sig-fill>div{background:linear-gradient(90deg, color-mix(in srgb, var(--race) 70%, #000), var(--race));transition:width .2s;position:absolute;inset:0 auto 0 0}.sig-fill span{text-align:center;text-shadow:0 1px 2px #000;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700;line-height:16px;display:block;position:relative}.sig-abilities{gap:5px;display:flex}.sig-ab{border:2px solid var(--border-strong);cursor:pointer;background:#10141b;border-radius:8px;place-items:center;width:44px;height:44px;display:grid;position:relative}.sig-ab:hover{border-color:var(--gold)}.sig-ab.on{box-shadow:0 0 0 2px var(--gold), 0 0 12px #f2c14e80;border-color:#fff}.sig-ab.ready{border-color:var(--race)}.sig-ab.poor img.icon,.sig-ab.cooling img.icon{filter:grayscale(.7)brightness(.65)}.sig-ab.locked{opacity:.4}.sig-ab.owned{border-color:var(--gold)}.sig-ab.owned img.icon{filter:sepia(.6)}.sig-ab kbd{padding:0 4px;font-size:11px;position:absolute;top:-6px;left:-6px}.sig-ab small{background:#1d2330;border:1px solid #45506a;border-radius:6px;align-items:center;gap:1px;padding:0 4px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:-7px;right:-5px}.sig-ab.poor small{color:#ff8a7f}.sig-cd{background:#0000008c;border-radius:6px;place-items:center;font-size:16px;font-weight:800;display:grid;position:absolute;inset:0}.sig-notes{flex-wrap:wrap;gap:6px;font-size:13px;font-weight:700;display:flex}.sig-notes .good{color:#8fe39b}#hud img.icon.sig-inline{vertical-align:-3px;display:inline}.fm-side{flex:1;align-content:start;gap:8px;display:grid}.fm-extra{gap:4px;display:grid}.fm-extra-head{color:var(--gold);font-size:14px;font-weight:800}.fm-extra-head .muted{font-size:13px;font-weight:400}.fm-unit.offer{border-style:dashed}.fm-cell{position:relative}.fm-cell.carve{cursor:crosshair;border-color:var(--gold)}.fm-rune{width:18px;height:18px;box-shadow:0 0 0 1px var(--gold);background:#10141b;border-radius:5px;place-items:center;display:grid;position:absolute;bottom:1px;right:1px}.fm-molts{gap:1px;display:flex;position:absolute;top:2px;left:2px}.fm-unit.molt{cursor:crosshair;border-color:var(--gold)}.fm-mode{border:1px solid var(--gold);border-left:4px solid var(--race);background:#2a2616;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:14px;display:flex}.fm-mode button{margin-left:auto}.draft-signature{border-left:3px solid var(--race);padding-left:8px}.draft-ability{border:1px solid var(--border);background:#10141b;border-radius:8px;align-items:center;gap:4px;padding:2px 8px 2px 2px;font-size:14px;display:inline-flex}.faction-tags{flex-wrap:wrap;align-items:center;gap:4px;margin:2px 0 4px;display:inline-flex}.faction-role{--role:#8aa0c0;color:var(--role);background:color-mix(in srgb, var(--role) 16%, #10141b);border:1px solid color-mix(in srgb, var(--role) 55%, transparent);border-radius:9px;padding:1px 7px;font-size:13px;font-weight:700}.difficulty-pips{vertical-align:middle;gap:3px;margin-left:4px;display:inline-flex}.difficulty-pips i{background:#2b3444;border-radius:50%;width:8px;height:8px;box-shadow:inset 0 0 0 1px #45506a}.difficulty-pips i.on{box-shadow:none;background:#f2c14e}.faction-filter{gap:6px;margin:8px 0 12px;display:grid}.faction-filter-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.faction-filter-label{min-width:70px;color:var(--muted,#98a2b3);text-transform:uppercase;letter-spacing:.05em;font-size:14px;font-weight:700}.faction-chip{--role:#8aa0c0;cursor:pointer;font:inherit;color:#dfe5ee;background:#161b24;border:1px solid #333d50;border-radius:12px;padding:3px 10px;font-size:14px;font-weight:700}.faction-chip small{opacity:.6;margin-left:2px;font-weight:400}.faction-chip:hover{border-color:var(--role)}.faction-chip.on{color:#10141b;background:var(--role);border-color:var(--role)}.faction-chip.difficulty{--role:#f2c14e}.faction-chip.difficulty.on .difficulty-pips i{box-shadow:none;background:#10141b}.faction-chip.difficulty.on .difficulty-pips i:not(.on){background:#ae8d3f}.faction-chip.clear{--role:#ff8a7f;background:0 0}.role-pusher{--role:#e0a050}.role-disabler{--role:#7fc8ff}.role-swarm{--role:#a8d860}.role-tank{--role:#b0b8c8}.role-nuker{--role:#ff7a5a}.role-striker{--role:#ff5a8a}.role-support{--role:#8fe39b}.role-trickster{--role:#c9a0ff}.role-economy{--role:#f2c14e}.role-carry{--role:#5ad8d0}.draft-tile.dim{opacity:.3;filter:grayscale(.7)}.draft-tile .difficulty-pips{margin:2px 0 0}.codex-roles{color:#c9d1de;margin:10px 0 0;padding-left:18px;font-size:14px}.codex-roles li{margin:2px 0}.codex-empty{margin-top:20px}.tiered{flex:none;display:inline-flex;position:relative}.tier-badge{color:#1a1406;background:var(--gold);pointer-events:none;border-radius:4px;padding:0 3px;font-size:11px;font-weight:800;line-height:13px;position:absolute;bottom:-3px;left:-3px;box-shadow:0 0 0 1px #0008}.portrait .tier-badge{padding:0 5px;font-size:15px;line-height:18px;bottom:2px;left:2px}.map-field{border:0;gap:6px;margin:0;padding:0;display:grid}.map-field legend{margin-bottom:6px;padding:0}.map-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.map-card{text-align:left;cursor:pointer;border:2px solid var(--border);background:var(--panel-inner);color:var(--text);font:inherit;border-radius:8px;align-content:start;justify-items:start;gap:4px;padding:8px;display:grid}.map-card:hover{border-color:#8a7a4a}.map-card.on{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold);background:#2a2616}.map-card{position:relative}.map-card input{opacity:0;pointer-events:none;width:100%;height:100%;margin:0;position:absolute;inset:0}.map-card b{font-size:15px;display:block}.map-card small{color:var(--muted);font-size:12px;line-height:1.35;display:block}.map-card .map-preview{width:100%;height:auto;display:block}.map-auto-art{aspect-ratio:168/104;letter-spacing:.2em;width:100%;color:var(--gold);background:repeating-linear-gradient(135deg,#1d2633 0 10px,#222d3c 10px 20px);border-radius:4px;place-items:center;font-weight:900;display:grid}.lobby-map h2{margin:0 0 8px;font-size:16px}.lobby-map .map-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.lobby-map .map-card{padding:5px}.lobby-map .map-card b{font-size:13px}.lobby-map .map-card .map-desc{display:none}.map-card .map-sizes{color:var(--gold)}.lobby-map-current{align-items:center;gap:12px;display:flex}.lobby-map-current .map-preview{border-radius:4px;flex:none}.lobby-map-current div{gap:4px;display:grid}.map-warning{color:#ffd0a8;background:#2e1f12;border:1px solid #c9773a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 0;padding:8px 10px;font-size:14px;display:flex}.lobby-table small.map-tag{color:var(--gold)}.launcher-page{max-width:1320px;margin:auto;padding:24px clamp(20px,5vw,72px) 60px}.launcher-page h1{margin:12px 0 28px;font:40px Georgia,serif}.launcher-settings{gap:24px;max-width:420px;display:grid}.launcher-settings label{gap:10px;display:grid}.launcher-settings .launcher-check{align-items:center;display:flex}.launcher-settings input{width:100%}.launcher-settings input[type=checkbox]{width:auto}.launcher-settings p{line-height:1.5}.launcher-help{max-width:850px;line-height:1.6}.lobby-leave{margin-left:auto;color:var(--muted)!important}.lobby-leave:hover{color:var(--bad)!important}.sound-intro{color:#aeb8c9;max-width:65ch;line-height:1.6}.sound-controls{flex-wrap:wrap;align-items:end;gap:16px;margin:28px 0 16px;display:flex}.sound-controls label{gap:8px;display:grid}.sound-controls select{color:#e8edf5;background:#25344b;border:1px solid #50637e;border-radius:4px;min-width:150px;padding:8px}.sound-controls input{width:140px;min-height:35px}.sound-controls button{min-height:38px}#sound-battle{background:#254b79;border-color:#4a90e2}.sound-stats{color:#f2c14e;font-variant-numeric:tabular-nums;padding:12px 0;line-height:1.6;display:block}.sound-unit{border-bottom:1px solid #344256;grid-template-columns:290px 1fr;align-items:center;gap:20px;padding:16px 0;display:grid}.sound-identity{align-items:center;gap:14px;display:flex}.sound-identity img{flex-shrink:0}.sound-identity h2{margin:0 0 5px;font:20px Georgia,serif}.sound-identity p{color:#aeb8c9;margin:0;font-size:12px}.sound-actions{flex-wrap:wrap;gap:6px;display:flex}.sound-actions button{min-height:34px}.sound-legacy{margin-top:28px}.sound-legacy summary{cursor:pointer;padding:12px 0}.sound-legacy>div{flex-wrap:wrap;gap:8px;display:flex}@media (width<=760px){.sound-unit{grid-template-columns:1fr;gap:12px}.sound-controls{align-items:stretch}}.lobby-browser{color:#e5e9f2;max-width:1180px;margin:0 auto;padding:36px 28px 64px}.lobby-browser header{margin-bottom:32px}.lobby-browser header a{color:#a6c1e7}.lobby-browser h1{margin:22px 0 8px;font-size:clamp(30px,4vw,48px)}.lobby-browser h2{margin:0 0 16px;font-size:21px}.browser-toolbar{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.lobby-table-wrap{background:#161e2b;border:1px solid #344254;overflow-x:auto}.lobby-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}.lobby-table th{color:#a7b5c8;background:#202b3b;font-size:13px;font-weight:500}.lobby-table td,.lobby-table th{border-bottom:1px solid #344254;padding:15px 12px}.lobby-table small{color:#afbbcc;margin-top:6px;display:block}.lobby-table .incompatible{color:#a1a9b6}.lobby-table .incompatible strong{font-weight:400}.browser-forms{grid-template-columns:1fr 1fr;gap:36px;margin-top:36px;display:grid}.browser-forms form,.browser-forms aside{border-top:2px solid #485b76;padding-top:22px}.browser-forms label{margin:12px 0;display:block}.browser-forms input,.browser-forms select{box-sizing:border-box;width:100%;margin-top:7px;display:block}.lobby-browser [data-join-status]{color:#ffc38d;min-height:1.5em}.lobby-browser [data-browser-status]{color:#acb9ca}.lobby-browser button:focus-visible,.lobby-browser a:focus-visible,.lobby-browser input:focus-visible,.lobby-browser select:focus-visible{outline-offset:3px;outline:2px solid #e6bd70}@media (width<=650px){.lobby-browser{padding:22px 14px 40px}.browser-forms{grid-template-columns:1fr;gap:24px}}.browser-forms select{color:#e5e9f2;font:inherit;background:#10151d;border:1px solid #344254;border-radius:4px;padding:10px 12px}.codex{height:100%;color:var(--text,#e6e9ef);background:var(--bg,#0d1015);padding:28px clamp(16px,4vw,64px) 80px;overflow:auto}.codex>*{max-width:1220px;margin-left:auto;margin-right:auto}.codex nav{gap:24px;margin-bottom:32px;padding-right:100px;display:flex}.codex a{color:#c5dbf5}.codex h1,.codex h2,.codex h3{margin:0 0 12px}.codex h1{font:600 clamp(32px,4vw,52px)/1.12 Georgia,serif}.codex h2{font:600 26px/1.2 Georgia,serif}.codex h3{font-size:17px}.codex p,.codex li{max-width:76ch;line-height:1.55}.codex p{margin:8px 0}.codex section{margin:40px 0}.codex-factions{grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr));gap:12px;margin-top:28px;display:grid}.codex-faction{border-left:3px solid var(--faction);background:#181d26;align-items:center;gap:18px;padding:20px 16px;text-decoration:none;display:flex}.codex-faction h2{color:#e6e9ef;font-size:22px}.codex-faction p{color:#b5bdcb;font-size:14px}.codex-faction:hover{background:#242d3b}.codex-hero{border-bottom:3px solid var(--faction);background:linear-gradient(100deg, color-mix(in srgb, var(--faction) 20%, #181d26), #181d26);align-items:center;gap:30px;padding:24px;display:flex}.codex-guide{border-left:3px solid var(--faction);padding-left:24px}.codex-guide li{margin:8px 0}.codex-resource,.codex-abilities article{align-items:flex-start;gap:16px;display:flex}.codex-resource{margin:24px 0}.codex-resource p{margin:2px 0}.codex-abilities{grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;display:grid}.codex-abilities article{border-top:1px solid #2c3442;padding:16px 0}.codex-price{color:#f2c14e;font-size:14px}.codex-units{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:16px;margin-top:20px;display:grid}.codex-unit{border-top:2px solid var(--faction);background:#181d26;padding:20px}.codex-sprite{justify-content:center;align-items:flex-end;gap:10px;height:140px;display:flex}.codex-sprite>.tiered,.codex-sprite>img{align-self:center}.codex-sprite canvas{opacity:0;width:177px;height:140px}.codex-sprite canvas.loaded{opacity:1}.codex-unit-text{color:#c5cbd5;font-size:13px}.codex-tree{background:#11151c;border:1px solid #465164;padding:16px;overflow:auto}.codex-tree .fm-head{align-items:center;gap:12px;margin-bottom:18px;display:flex}.codex-tree .town-tree{margin:0}.codex-tree [data-inspect-building]{cursor:pointer}.codex-tree .town-band{text-transform:none;letter-spacing:normal}.codex-inspector{background:#181d26;min-height:140px;padding:20px}.codex-building-detail{align-items:flex-start;gap:18px;padding:16px 0;display:flex}.codex :focus-visible{outline-offset:4px;outline:3px solid #f2c14e}@media (width<=600px){.codex-hero{gap:16px;padding:16px 0}.codex-hero>img{width:76px;height:76px}.codex nav{padding-right:0}}#launcher{background:radial-gradient(at 50% 30%,#1d2838 0,#121823 55%,#0b0e13 100%)}#launcher a{color:inherit;text-decoration:none}#launcher a:focus-visible,#launcher button:focus-visible,#launcher input:focus-visible{outline:3px solid var(--gold);outline-offset:3px}body.at-home #fullscreen-btn,body.at-home #sound-btn,body.at-home #help-btn,body.at-home #menu-btn{display:none}.home-root{height:100%}.home{grid-template-rows:auto minmax(0,1fr) auto;height:100%;display:grid;position:relative}.home-top{border-bottom:1px solid var(--border);background:#0b0e13d0;align-items:center;gap:28px;height:56px;padding:0 24px;display:flex}.home-brand{font:700 22px Georgia,serif;color:var(--gold)!important}.home-tabs{height:100%;display:flex}.home-tabs a{letter-spacing:.12em;text-transform:uppercase;border-bottom:3px solid #0000;place-items:center;padding:0 20px;font-size:15px;font-weight:700;display:grid;color:#9aa5b8!important}.home-tabs a:hover{color:var(--text)!important}.home-tabs a.on{border-bottom-color:var(--gold);color:var(--text)!important}.home-name{color:var(--muted);align-items:center;gap:10px;margin-left:auto;font-size:14px;display:flex}.home-name input{width:170px}.home-icon{place-items:center;width:36px;height:36px;padding:0;font-size:16px;display:grid}.home-middle{min-height:0;position:relative}.home-grid,.home-page{height:100%;overflow-y:auto}.home-groups{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:26px 40px;max-width:1640px;margin:0 auto;padding:28px 32px 32px;display:grid}.home-group h2{letter-spacing:.14em;text-transform:uppercase;color:#c9cfda;align-items:center;gap:10px;margin:0 0 12px;font-size:15px;display:flex}.home-cards{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px;display:grid}.home-card{background:linear-gradient(180deg, color-mix(in srgb, var(--race) 26%, #151b26) 0, #10141b 75%);border:1px solid #2c3442;border-top:3px solid var(--race);border-radius:6px;justify-items:center;gap:6px;padding:12px 6px 10px;transition:transform .12s,filter .12s,box-shadow .12s;display:grid}.home-card .home-portrait{filter:drop-shadow(0 6px 8px #0009)}.home-card b{text-align:center;font-size:15px}.home-card:hover,.home-card:focus-visible{filter:brightness(1.18);box-shadow:0 6px 18px #0008, 0 0 0 1px var(--race);transform:translateY(-3px)}.home-card.dim{opacity:.22;filter:grayscale(.8)}.home-page .launcher-page{padding-top:8px}.home-overlay{z-index:5;background:#05070bb8;justify-items:center;padding:18px 24px;display:grid;position:absolute;inset:0;overflow-y:auto}.home-overlay>.codex{border:1px solid var(--border);border-radius:10px;width:min(1280px,100%);height:auto;padding-top:18px;box-shadow:0 10px 40px #000a}.home-overlay .codex nav{padding-right:0}.home-bottom{border-top:1px solid var(--border);background:#0b0e13d8;align-items:center;gap:24px;padding:10px 24px 14px;display:flex}.home-filters{flex:1;min-width:0}.home-filters .faction-filter{margin:0}.home-play{letter-spacing:.22em;text-transform:uppercase;background:linear-gradient(#33b45a,#1f7d3b);border:1px solid #5fdc84;border-radius:4px;flex:none;place-items:center;min-width:290px;height:64px;padding:0 28px;font-size:26px;font-weight:900;display:grid;box-shadow:0 0 22px #2fae5560,inset 0 1px #ffffff40;color:#fff!important}.home-play:hover{background:linear-gradient(#3ccb67,#238c43);box-shadow:0 0 30px #2fae5590,inset 0 1px #ffffff50}.home-play.in-lobby{letter-spacing:.12em;justify-content:center;gap:10px;font-size:20px;display:flex}.home-drawer{z-index:20;border-left:1px solid var(--border);background:#10141bf7;grid-template-rows:auto minmax(0,1fr);width:min(620px,46vw);animation:.16s ease-out home-drawer-in;display:grid;position:absolute;top:0;bottom:0;right:0;box-shadow:-12px 0 40px #000a}@keyframes home-drawer-in{0%{opacity:0;transform:translate(40px)}}.home-drawer>header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.home-drawer h2{letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:18px}.home-drawer-body{padding:16px 18px 24px;overflow-y:auto}.home-connecting{gap:8px;padding:24px 0;display:grid}.home-connecting #connection-status{margin:0;font-size:20px;font-weight:700}.home-drawer .lobby-browser{max-width:none;margin:0;padding:0}.home-drawer .lobby-browser>header{display:none}.home-drawer .browser-forms{grid-template-columns:1fr}.home-drawer .lobby-table th:nth-child(2),.home-drawer .lobby-table td:nth-child(2),.home-drawer .lobby-table th:nth-child(6),.home-drawer .lobby-table td:nth-child(6){display:none}.home-drawer .lobby-table td{padding-left:8px;padding-right:8px}.home-drawer .lobby-table button{white-space:nowrap}.home-drawer .lobby-table{font-size:14px}.home-drawer .lobby-wrap{max-width:none}.home-drawer .lobby-head{padding-right:0}.home-drawer .teams{grid-template-columns:1fr}.home-drawer .help-card{display:none}.home-drawer .team-col{min-height:0}.home-drawer .team-col h2{margin-bottom:8px}