:root{--bg:#1b1d22;--panel:#181a1fdb;--panel-border:#6b5a3a;--text:#efe8d8;--muted:#a9a08c;--accent:#d4a94a;--danger:#c0392b;--ok:#5aa05a;--ui-scale:1;color:var(--text);background:var(--bg);font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}button{font:inherit;color:var(--text);border:1px solid var(--panel-border);cursor:pointer;background:#3a3226;border-radius:3px;padding:6px 14px}button:hover:not(:disabled){background:#4d4231}button:disabled{opacity:.45;cursor:not-allowed}button.active{border-color:var(--accent);color:var(--accent)}input,select{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#25221c;border-radius:3px;padding:5px 8px}.menu{background:radial-gradient(#3a3528 0%,#15161a 75%);flex-direction:column;justify-content:center;align-items:center;gap:18px;height:100%;display:flex}.menu-title{letter-spacing:8px;color:var(--accent);text-transform:uppercase;margin:0 0 12px;font-size:64px}.menu-buttons{flex-direction:column;gap:10px;min-width:260px;display:flex}.menu-buttons button{padding:10px;font-size:18px}.field{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.locale{color:var(--muted);align-items:center;gap:6px;display:flex}.game-root{width:100%;height:100%;position:relative}.game-canvas{touch-action:none;outline:none;width:100%;height:100%;display:block}.hud{pointer-events:none;font-size:calc(14px * var(--ui-scale));position:absolute;inset:0}.hud>*{pointer-events:auto}.hud-fps{color:var(--muted);pointer-events:none;font-family:monospace;font-size:12px;position:absolute;top:4px;right:8px}.minimap{border:2px solid var(--panel-border);cursor:crosshair;background:#000;line-height:0;position:absolute;bottom:8px;left:8px}.selection-box{pointer-events:none;z-index:5;background:#78ff8c1f;border:1px solid #78ff8ce6;display:none;position:absolute}.mode-target .game-canvas{cursor:crosshair}.topbar{border-bottom:1px solid var(--panel-border);background:linear-gradient(#1c1a16ee,#1c1a16bb);align-items:center;gap:18px;height:34px;padding:0 12px;font-size:15px;display:flex;position:absolute;top:0;left:0;right:0}.topbar .res small{color:var(--muted);font-size:11px}.topbar .res.locked{color:#e0a44a}.topbar .res.warn{color:#e07b4a}.topbar .treaty{color:#9fd3ff}.topbar .priority{color:var(--accent)}.topbar .danger{color:#ff6b5a;font-weight:700}.hud-fps{top:40px!important}.notices{pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:60px;right:10px}.notice{background:var(--panel);border-left:3px solid var(--accent);max-width:320px;padding:6px 10px;font-size:13px}.bottom{background:linear-gradient(#2e281f 0%,#1b1813 100%);border-top:2px solid #7a6440;align-items:stretch;height:214px;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 14px #000a,inset 0 1px #a88a5540}.bottom>*{pointer-events:auto}.bottom .minimap{border:2px solid #8a7348;flex:none;margin:5px;position:static;box-shadow:0 0 0 1px #000}.selpanel{background:linear-gradient(#221e17 0%,#17150f 100%);border-left:1px solid #4a3f2c;border-right:1px solid #4a3f2c;flex:1;min-width:0;padding:8px 14px;overflow:auto}.selpanel.single{align-items:flex-start;gap:14px;display:flex}.sel-portrait{flex-direction:column;flex:none;align-items:center;gap:4px;display:flex}.sel-portrait .icon,.sel-portrait .icon-fallback{background:radial-gradient(circle,#3a3428 0%,#1d1b17 100%);border:2px solid #6b5a3a;border-radius:4px}.sel-hp{background:#0009;border:1px solid #4a3f2c;width:76px;height:12px;position:relative;overflow:hidden}.sel-hp .fill{position:absolute;top:0;bottom:0;left:0}.sel-hp .val{text-align:center;text-shadow:0 1px 1px #000;font-size:10px;line-height:12px;position:absolute;inset:0}.sel-body{flex:1;min-width:0}.sel-desc{color:var(--muted);max-height:4.1em;margin-top:4px;font-size:12px;line-height:1.35;overflow:hidden}.cmdcard{background:linear-gradient(#262019 0%,#16130e 100%);flex-direction:column;flex:none;gap:5px;width:460px;padding:6px 8px;display:flex;overflow-y:auto}.cmdcard .cmdgrid{grid-template-columns:repeat(6,1fr);gap:4px;margin:0;display:grid}.cmdcard .cmdgrid>.cmdgrid{display:contents}.cmdcard .cmdgrid button.research{border-style:dashed}.cmdcard .cmdgrid button{white-space:normal;text-align:center;background:linear-gradient(#43392b 0%,#2c261d 100%);flex-direction:column;justify-content:center;align-items:center;min-width:0;height:58px;padding:2px 3px;font-size:11px;line-height:1.15;display:flex;position:relative;overflow:hidden}.cmdcard .cmdgrid button:hover:not(:disabled){background:linear-gradient(#5a4a33 0%,#3a3124 100%)}.cmdcard .cmdgrid button.with-icon{justify-content:flex-start;padding-top:3px}.cmd-label{max-height:2.35em;display:block;overflow:hidden}.cmdcard .hk,.buildmenu .hk{color:var(--accent);font-size:10px;font-weight:700;position:absolute;top:1px;left:3px}.cmd-count{color:var(--muted);font-size:10px;position:absolute;bottom:2px;right:3px}.cmd-big{font-size:20px;line-height:1}.cmdcard .skills{margin-top:0}.cmdcard .skills .xpline{font-size:11px}.selpanel.empty{color:var(--muted);justify-content:center;align-items:center;display:flex}.sel-title{color:var(--accent);margin-bottom:4px;font-size:16px}.stats{flex-wrap:wrap;gap:12px;margin:4px 0;font-size:13px;display:flex}.stats.small{color:var(--muted);font-size:12px}.cmdgrid{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.cmdgrid button{min-width:64px;padding:4px 8px;font-size:12px}.cmdgrid button.research{border-style:dashed}.cmdgrid button.upgrade{border-color:var(--accent)}.queue{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.queue-item{justify-content:center;align-items:center;width:42px;height:42px;padding:2px;font-size:12px;display:flex;position:relative;overflow:hidden}.queue-count{font-size:10px;position:absolute;top:1px;right:2px}.queue-text{font-size:10px;line-height:1.1}.queue-item .progress{background:var(--ok);height:3px;position:absolute;bottom:0;left:0}.multi{flex-wrap:wrap;gap:4px;font-size:13px;display:flex}.multi-item{background:#2a261e;width:52px;height:52px;padding:3px;position:relative}.multi-count{text-shadow:0 1px 2px #000;font-size:12px;font-weight:700;position:absolute;bottom:5px;right:3px}.multi-item .bar.hp{background:#5ad05a;height:3px;position:absolute;bottom:1px;left:2px}.squadbar{pointer-events:auto;flex-wrap:wrap-reverse;gap:3px;display:flex;position:absolute;bottom:222px;left:8px;right:470px}.squad-btn{background:#2a261e;flex-direction:column;justify-content:flex-start;align-items:center;width:56px;height:44px;padding:2px;font-size:11px;display:flex;position:relative}.squad-btn.selected{border-color:#7dff8a;box-shadow:0 0 4px #7dff8a}.squad-btn.fleeing{background:#4a2a22}.squad-btn.bat-economy{border-top:3px solid #e8c547}.squad-btn.bat-assault{border-top:3px solid #e0533f}.squad-btn.bat-defense{border-top:3px solid #3f8fe0}.squad-icon{font-size:13px;font-weight:700}.squad-btn .bar{height:3px;position:absolute;left:2px}.squad-btn .bar.hp{background:#5ad05a;bottom:6px}.squad-btn .bar.morale{background:#d0b45a;bottom:2px}.squad-btn .stars{color:#ffd84a;font-size:9px;position:absolute;top:0;right:2px}.buildmenu{flex-direction:column;gap:4px;display:flex}.build-tabs{gap:2px;display:flex}.build-tabs button{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;padding:3px 2px;font-size:11px;overflow:hidden}.build-tabs button.active{border-color:var(--accent);color:var(--accent);background:#5a4520}.build-tabs .build-close{flex:none;width:28px}.build-cat-title{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:12px}.build-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.build-grid button{white-space:normal;text-align:center;background:linear-gradient(#43392b 0%,#2c261d 100%);flex-direction:column;justify-content:flex-start;align-items:center;gap:1px;min-width:0;height:64px;padding:3px 2px 2px;font-size:10.5px;line-height:1.1;display:flex;position:relative;overflow:hidden}.build-grid button.poor{color:#d88}.build-grid .hk{color:var(--accent);font-weight:700}.ghost-info{background:var(--panel);border:1px solid var(--panel-border);pointer-events:none;padding:6px 12px;font-size:13px;position:absolute;top:44px;left:50%;transform:translate(-50%)}.ghost-info.bad{border-color:var(--danger)}.ghost-info .reason{color:#ff8a7a}.ghost-info .hint{color:var(--muted);font-size:11px}.warn-line{color:#f0b04a;font-size:12px}.herobar{flex-direction:column;gap:4px;display:flex;position:absolute;top:40px;left:8px}.hero-portrait{flex-direction:column;align-items:center;width:58px;height:50px;padding:2px;font-size:12px;display:flex;position:relative}.hero-portrait.dead{filter:grayscale();opacity:.6}.hero-portrait.ally{opacity:.7}.hero-portrait .hero-lvl{color:var(--accent);font-weight:700;position:absolute;top:1px;right:3px}.hero-portrait .hero-points{color:#7dff8a;font-size:10px;position:absolute;top:1px;left:3px}.hero-portrait .bar.hp{background:#5ad05a;height:3px;position:absolute;bottom:2px;left:2px}.hero-portrait .respawn{color:#ff9a8a;font-size:11px;position:absolute;bottom:6px}.bat-economy.hero-portrait{border-left:3px solid #e8c547}.bat-assault.hero-portrait{border-left:3px solid #e0533f}.bat-defense.hero-portrait{border-left:3px solid #3f8fe0}.skills{flex-wrap:wrap;align-items:center;gap:4px;margin-top:6px;display:flex}.skills .xpline{width:100%;color:var(--muted);font-size:12px}.skills .points{color:#7dff8a;margin-left:8px}.skill{gap:2px;display:flex}.skill button{padding:4px 6px;font-size:12px;position:relative}.skill button.passive{border-style:dashed}.skill .lvl{color:var(--muted);margin-left:4px;font-size:10px}.skill .cd,.cmdgrid .cd{color:#ff9a8a;margin-left:4px;font-size:11px}.skill .learn{color:#7dff8a;padding:4px 6px}.panel{background:var(--panel);border:1px solid var(--panel-border);z-index:6;min-width:320px;padding:10px 12px;font-size:13px;position:absolute;top:44px;right:10px}.panel h3{color:var(--accent);margin:0 0 8px;font-size:15px}.panel .row{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:6px;display:flex}.panel table{border-collapse:collapse;width:100%}.panel td{border-top:1px solid #3a3226;padding:3px 6px}.banners{flex-direction:column;align-items:center;gap:4px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%)}.banner{background:var(--panel);border:1px solid var(--accent);align-items:center;gap:8px;padding:6px 14px;display:flex}.banner.danger{border-color:var(--danger);color:#ff9a8a}.banner.big{letter-spacing:6px;color:var(--accent);padding:18px 40px;font-size:42px}.pingwheel{z-index:8;width:0;height:0;position:absolute}.pingwheel button{transform-origin:50%;white-space:nowrap;width:68px;margin-top:-12px;margin-left:-34px;font-size:12px;position:absolute}.screen{background:radial-gradient(at top,#2e2a20 0%,#15161a 80%);flex-direction:column;gap:12px;height:100%;padding:18px 24px;display:flex;overflow-y:auto}.screen-head{align-items:center;gap:16px;display:flex}.screen-head h2{color:var(--accent);flex:0 auto;margin:0}.screen-head .muted{flex:1}.screen .banner{align-self:flex-start}.muted{color:var(--muted)}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.column{flex-direction:column;gap:8px;min-width:280px;display:flex}.field.inline{flex-direction:row;align-items:center;gap:8px}button.primary{border-color:var(--accent);background:#5a4520}button.primary:hover:not(:disabled){background:#6e5527}button.big{padding:12px 24px;font-size:18px}button.danger{border-color:var(--danger)}button.mini{margin-left:4px;padding:0 5px;font-size:12px}button.link{color:var(--muted);background:0 0;border:none;text-decoration:underline}.swatch{vertical-align:middle;border:1px solid #0006;border-radius:2px;width:12px;height:12px;display:inline-block}.swatch-btn{border-radius:3px;width:20px;height:20px;padding:0}table.rooms,table.results-table{border-collapse:collapse;width:100%;max-width:1100px}table.rooms th,table.rooms td,table.results-table th,table.results-table td{text-align:left;border-bottom:1px solid #3a3226;padding:6px 10px}table.rooms th,table.results-table th{color:var(--muted);font-size:13px;font-weight:400}table.results-table tr.winner td:first-child{color:var(--accent)}.modal{z-index:50;background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-box{background:var(--panel);border:1px solid var(--panel-border);flex-direction:column;gap:10px;min-width:300px;padding:18px 22px;display:flex}.modal-box.wide{width:min(760px,92vw)}.modal-box h3{color:var(--accent);margin:0}.menu-box button{width:100%}.lobby-body{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.teams{flex:560px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.team-col{background:var(--panel);border:1px solid var(--panel-border);border-top:4px solid var(--panel-border);flex-direction:column;gap:8px;min-width:0;padding:10px;display:flex}.team-head{flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;display:flex}.team-head button{margin-left:auto;padding:2px 10px}.team-head .faction-select{flex:8em;min-width:0;max-width:100%;padding:2px 4px}.colors{flex-wrap:wrap;gap:4px;display:flex}.slots{flex-direction:column;gap:4px;display:flex}.slot{text-align:left;grid-template-rows:auto auto;grid-template-columns:24px 1fr;padding:4px 8px;display:grid}.slot .slot-icon{grid-row:span 2;align-self:center;font-size:18px}.slot .holders{color:var(--muted);font-size:12px}.slot.free{border-style:dashed}.slot.mine{border-color:var(--accent);background:#4a3b1e}.members{flex-direction:column;gap:3px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.members li{align-items:center;gap:4px;display:flex}.members .bats{margin-left:auto}.members .ready-flag{text-align:center;width:18px;color:var(--muted)}.members li.ready .ready-flag{color:var(--ok)}.lobby-side{flex-direction:column;flex:0 340px;gap:12px;min-width:300px;display:flex}.settings{background:var(--panel);border:1px solid var(--panel-border);flex-direction:column;gap:6px;padding:10px;font-size:14px;display:flex}.settings h3{color:var(--accent);margin:0;font-size:16px}.settings label{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings label.check{justify-content:flex-start}.settings input:not([type=checkbox]),.settings select{width:170px}.ready-box{flex-direction:column;gap:8px;display:flex}.countdown{color:var(--accent);text-align:center;font-size:22px}.problems{color:var(--muted);margin:0;padding-left:18px;font-size:13px}.chat{background:var(--panel);border:1px solid var(--panel-border);flex-direction:column;font-size:13px;display:flex}.chat-lines{flex-direction:column;gap:2px;min-height:60px;max-height:220px;padding:6px 8px;display:flex;overflow-y:auto}.chat-lines .team b{color:#8fd18f}.chat-input{border-top:1px solid #3a3226;gap:4px;padding:4px;display:flex}.chat-input input{flex:1}.chat.ingame{pointer-events:none;background:0 0;border:none;width:380px;position:absolute;bottom:290px;left:10px}.chat.ingame .chat-lines{text-shadow:0 1px 2px #000;min-height:0;max-height:140px}.chat.ingame .chat-input{pointer-events:auto;background:var(--panel);border:1px solid var(--panel-border)}.results h2.win{color:var(--accent)}.results h2.lose{color:#d06a5a}.mvp{font-size:18px}.charts{flex-wrap:wrap;gap:16px;display:flex}.chart-title{color:var(--muted);margin-bottom:4px;font-size:13px}.results .chat{max-width:520px}.howto{flex-direction:column;gap:12px;width:100%;max-width:820px;margin:0 auto;display:flex}.howto-tabs{flex-wrap:wrap;gap:6px;display:flex}.howto-card{background:var(--panel);border:1px solid var(--panel-border);min-height:220px;padding:14px 20px;line-height:1.5}.howto-card h3{color:var(--accent);margin-top:0}.screen.mobile{text-align:center;justify-content:center;align-items:center}.screen.mobile .menu-title{font-size:40px}.loading-overlay{z-index:40;background:radial-gradient(#2e2a20 0%,#101114 80%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.loading-overlay h2{color:var(--accent);margin:0}.load-list{flex-direction:column;gap:4px;min-width:360px;margin:0;padding:0;list-style:none;display:flex}.load-list li{align-items:center;gap:8px;display:flex}.load-list .bar{background:#0006;border:1px solid #3a3226;flex:1;max-width:180px;height:8px;margin-left:auto}.load-list .bar span{background:var(--accent);height:100%;display:block}.loading-overlay .tip{color:var(--muted);text-align:center;max-width:520px;margin-top:16px}.net-banner{background:var(--panel);border:1px solid var(--accent);z-index:20;padding:8px 18px;position:absolute;top:80px;left:50%;transform:translate(-50%)}.net-banner.danger{border-color:var(--danger)}.pause-overlay{z-index:30;background:#0008;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.pause-overlay h2{color:var(--accent);margin:0;font-size:40px}.role-card{background:var(--panel);border:1px solid var(--accent);z-index:12;cursor:pointer;max-width:520px;padding:12px 20px;position:absolute;top:90px;left:50%;transform:translate(-50%)}.role-card h3{color:var(--accent);margin:0 0 4px}.role-card p{margin:4px 0}.tip-balloon{border:1px solid var(--accent);z-index:11;cursor:pointer;background:#2d2a1d;max-width:320px;padding:8px 12px;font-size:13px;position:absolute;top:120px;right:12px}.changelog{background:var(--panel);border:1px solid var(--accent);max-width:520px;padding:10px 16px;font-size:14px}.changelog h3{color:var(--accent);margin:0 0 6px}.changelog p{margin:4px 0}.version{font-size:12px}.settings-panel{flex-direction:column;gap:10px;min-width:320px;display:flex}.settings-panel h3{color:var(--accent);margin:0}.slider{grid-template-columns:1fr 140px 44px;align-items:center;gap:8px;font-size:14px;display:grid}.slider .val{color:var(--muted);text-align:right;font-size:12px}.icon{vertical-align:middle;image-rendering:auto;pointer-events:none;display:inline-block}.icon-fallback{vertical-align:middle;color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:inline-flex}.sel-title .icon{border:1px solid var(--panel-border);background:radial-gradient(circle,#3a3428 0%,#1d1b17 100%);border-radius:3px;margin-right:6px}.build-grid button .icon{margin:0}.squad-btn .icon,.hero-portrait .icon{margin:0 auto;display:block}.res-icon{vertical-align:-3px;margin-right:2px}.market{flex-wrap:wrap;align-items:center;gap:4px;margin:4px 0;font-size:13px;display:flex}.results-bottom{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.survey{background:var(--panel);border:1px solid var(--panel-border);flex-direction:column;gap:8px;max-width:520px;padding:10px 14px;font-size:14px;display:flex}.survey h3{color:var(--accent);margin:0}.survey label{flex-direction:column;gap:4px;display:flex}.survey .row label{flex-direction:row;align-items:center}.survey.done{color:var(--ok)}textarea{font:inherit;color:var(--text);border:1px solid var(--panel-border);resize:vertical;background:#25221c;border-radius:3px;padding:6px 8px}.avatar{border:2px solid #0006;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.account-badge{text-align:left;align-items:center;gap:8px;display:flex;position:absolute;top:14px;right:16px}.account-badge span{flex-direction:column;display:flex}.account-badge small{color:var(--muted);font-size:12px}.panel-box{background:var(--panel);border:1px solid var(--panel-border);flex-direction:column;gap:8px;padding:10px 14px;display:flex}.panel-box h3{color:var(--accent);margin:0;font-size:16px}.profile-cols{flex-wrap:wrap;gap:12px;display:flex}.profile-cols>*{flex:360px}.level{align-items:center;gap:10px;display:flex}.level .bar{background:#0006;border:1px solid #3a3226;width:240px;height:10px}.level .bar span{background:var(--accent);height:100%;display:block}.avatars{flex-wrap:wrap;gap:6px;display:flex}.avatar-btn{border-radius:50%;padding:3px;position:relative}.avatar-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.avatar-btn .lock{background:#000c;border-radius:3px;padding:0 3px;font-size:10px;position:absolute;bottom:-4px;right:-4px}.danger-zone{border-top:1px solid #3a3226;padding-top:8px}.xp-gain{color:#8fd18f;font-size:18px}code.secret{-webkit-user-select:all;user-select:all;word-break:break-all;background:#0006;padding:4px 8px}code.secret.small{font-size:11px}.chat-excerpt{color:var(--muted);white-space:pre-wrap;margin:4px 0 0;font-size:11px}.admin-log{max-height:300px;margin:0;padding-left:18px;font-size:13px;overflow-y:auto}.ranked-modes{flex-wrap:wrap;gap:12px;display:flex}.ranked-modes .mode{flex:220px;align-items:flex-start}.ranked-modes .mode.active{border-color:var(--accent)}.division{border:1px solid var(--panel-border);background:#3a3226;border-radius:10px;padding:1px 8px;font-size:13px;display:inline-block}.div-general,.div-colonel{color:#f3d57a;border-color:#e6b422}.div-major,.div-captain{color:#d6dde4;border-color:#9aa5b1}.rating-change{font-size:18px}.rating-change.up{color:#8fd18f}.rating-change.down{color:#e08a7a}.clan-head{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.clan-head h2{margin:0}.clan-hall{border:1px solid var(--panel-border);background:#1e1f22;width:420px;height:240px;margin-left:auto}.clan-tag{color:var(--accent);margin-right:3px;font-weight:700}.crest{vertical-align:middle}.crest-editor{flex-wrap:wrap;align-items:flex-start;gap:14px;display:flex}.crest-editor label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.crest-preview{border:1px solid var(--panel-border);background:radial-gradient(circle,#3a3428 0%,#1d1b17 100%);padding:10px}.crest-opt{padding:2px 4px}.crest-opt.active,.swatch-btn.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.swatches{flex-wrap:wrap;gap:3px;display:flex}.spectator-bar{background:var(--panel);border:1px solid var(--panel-border);z-index:15;align-items:center;gap:6px;padding:6px 10px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%)}.spectator-bar input[type=range]{width:260px}.spec-kind{color:var(--accent);font-weight:700}.spec-kind.live{color:#e0533f}.tutorial-panel{z-index:14;border:1px solid var(--accent);background:#2d2a1d;flex-direction:column;gap:8px;width:min(520px,92vw);padding:10px 14px;display:flex;position:absolute;top:44px;left:50%;transform:translate(-50%);box-shadow:0 4px 18px #0008}.tutorial-panel h3{color:var(--accent);margin:0}.tutorial-head{align-items:center;gap:8px;display:flex}.tutorial-head button{margin-left:auto}.tutorial-text{margin:0;line-height:1.45}.tutorial-panel>button{align-self:flex-end}.tut-highlight{outline:3px solid var(--accent);outline-offset:2px;animation:1.2s ease-in-out infinite tut-pulse}@keyframes tut-pulse{0%,to{outline-color:var(--accent)}50%{outline-color:#fff3c0}}.members li.ai{color:#b8c8d8}.members select.ai-difficulty{padding:0 4px;font-size:12px}.skirmish .panel-box{max-width:520px}.skirmish label.check{color:var(--text);align-items:center;gap:4px;display:inline-flex}.game-root.touch .hud{font-size:15px}.game-root.touch .hud-fps{display:none}.game-root.touch button{min-width:40px;min-height:40px}.game-root.touch .topbar{gap:10px;height:38px;padding-right:56px;font-size:14px;overflow-x:auto}.game-root.touch .topbar .res small{display:none}.game-root.touch .squadbar{flex-flow:column;width:64px;inset:44px auto 70px 4px;overflow-y:auto}.game-root.touch .squad-btn{flex:none;width:60px;height:52px}.game-root.touch .herobar{flex-direction:row;top:44px;left:72px}.game-root.touch .herobar .hero-portrait{width:52px;height:52px}.game-root.touch .bottom{height:auto;box-shadow:none;pointer-events:none;background:0 0;border:none;flex-direction:column;justify-content:flex-end;gap:4px;padding:0;bottom:4px;left:72px;right:360px}.game-root.touch .bottom .minimap{position:fixed;inset:44px 6px auto auto}.game-root.touch .bottom .minimap canvas{width:132px!important;height:132px!important}.game-root.touch .bottom .minimap.collapsed canvas{display:none}.game-root.touch .selpanel{background:var(--panel);border:1px solid var(--panel-border);height:auto;max-height:40vh;display:none}.game-root.touch.drawer-open .selpanel{display:block}.game-root.touch .cmdcard{background:var(--panel);border:1px solid var(--panel-border);width:auto;max-height:46vh;display:none}.game-root.touch.drawer-open .cmdcard,.game-root.touch.build-open .cmdcard{display:flex}.game-root.touch .cmdgrid button,.game-root.touch .skill button{min-width:60px;min-height:44px;font-size:13px}.game-root.touch .build-grid,.game-root.touch .cmdcard .cmdgrid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.game-root.touch .build-grid button{min-height:60px}.game-root.touch .notices{align-items:center;top:44px;left:50%;right:auto;transform:translate(-50%)}.game-root.touch .notice{max-width:60vw}.game-root.touch .chat.ingame{display:none}.touch-controls{z-index:9;gap:6px;display:flex;position:absolute;bottom:6px;right:6px}.touch-controls button{background:#2a261ecc;width:52px;height:52px;padding:0;font-size:22px}.touch-controls button.active{background:#5a4520}.touch-confirm{z-index:9;gap:8px;display:flex;position:absolute;bottom:66px;right:6px}.touch-confirm button{width:64px;height:56px;font-size:26px}.touch-menu{z-index:12;width:44px;height:34px;padding:0;position:absolute;top:2px;right:4px}.minimap-toggle{z-index:9;position:fixed;top:180px;right:6px}.rotate-hint{display:none}@media (orientation:portrait){.game-root.touch .rotate-hint{z-index:60;color:var(--accent);text-align:center;background:#101114ee;justify-content:center;align-items:center;padding:24px;font-size:22px;display:flex;position:absolute;inset:0}}.game-root.touch .role-card{max-width:58vw;max-height:45vh;padding:8px 12px;font-size:12px;top:44px;overflow-y:auto}.game-root.touch .role-card h3{font-size:14px}.game-root.touch .tip-balloon{max-width:220px;font-size:12px;display:none;top:184px}