@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#111510;--panel:#191e18;--panel2:#20251d;--line:#333a30;--muted:#92998a;--paper:#e7e7d8;--red:#d87359;--red-light:#f2a28a;--blue:#80b4a4;--blue-light:#a9d9c5;--gold:#dfbd76;--mono:'DM Mono',monospace;--display:'Barlow Condensed',Impact,sans-serif;--body:'Manrope',system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 45% -12%,#2c3328 0%,var(--bg) 56%);color:var(--paper);font:14px var(--body);min-height:100vh}button,select{font:inherit;color:inherit}button{cursor:pointer}.command-room{max-width:1500px;margin:auto;padding:0 30px}.masthead{height:89px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-bottom:1px solid var(--line)}.back-link{font:11px var(--mono);color:#afb5a6;text-decoration:none;letter-spacing:.045em}.back-link span{font-size:18px;vertical-align:-2px;margin-right:9px}.masthead-title{display:flex;justify-content:center;align-items:center;gap:13px}.seal{width:34px;height:34px;display:grid;place-items:center;border:1px solid #727765;color:var(--gold);font:600 22px var(--display);transform:rotate(45deg)}.seal:first-letter{transform:rotate(-45deg)}.overline,.section-index{font:9px var(--mono);letter-spacing:.14em;color:var(--muted)}.masthead-title .overline{display:block;text-align:center;font-size:8px}.masthead h1{font:700 23px/1 var(--display);letter-spacing:.12em;margin:5px 0 0}.masthead h1 span{font:10px var(--mono);color:var(--gold);vertical-align:4px;margin-left:3px}.live-state{justify-self:end;display:flex;align-items:center;gap:8px;font:9px var(--mono);letter-spacing:.1em;color:#b4bcae}.live-state i,.arena-topline i,.policy-status i{width:7px;height:7px;border-radius:50%;background:#8a8f7f;display:inline-block}.live-state.is-live i,.arena-topline i{background:#a2c78a;box-shadow:0 0 10px #a2c777}.live-state b{font-weight:400;color:#787f74;border-left:1px solid #41473c;margin-left:4px;padding-left:12px}.battle-layout{display:grid;grid-template-columns:minmax(0,1fr) 338px;gap:18px;padding:20px 0 14px}.field-column{min-width:0}.match-ribbon{height:69px;display:grid;grid-template-columns:1fr 180px 1fr;align-items:center;border:1px solid var(--line);border-bottom:0;background:#191e18;padding:0 20px}.faction-name{display:flex;align-items:center;gap:11px}.faction-name:last-child{justify-content:flex-end;text-align:right}.faction-mark{font:24px var(--display);color:var(--red-light);width:31px;height:31px;display:grid;place-items:center;border:1px solid #66463d;transform:rotate(45deg);margin:0 4px}.faction-mongol .faction-mark{color:var(--blue-light);border-color:#3d6256}.faction-name b{display:block;font:700 15px var(--display);letter-spacing:.13em}.faction-name small{display:block;color:#9ba293;font:8px var(--mono);letter-spacing:.06em;margin-top:3px}.match-score{display:flex;align-items:center;justify-content:center;gap:14px;text-align:center}.match-score>span{font:700 27px var(--display)}#viking-score{color:var(--red-light)}#mongol-score{color:var(--blue-light)}.match-score b{font:500 14px var(--mono);display:block}.match-score small{font:8px var(--mono);color:var(--muted);letter-spacing:.09em}.arena-frame{position:relative;aspect-ratio:1.62;background:#343d2c;border:1px solid #495141;overflow:hidden;box-shadow:0 16px 50px #0005}.arena-frame canvas{width:100%;height:100%;display:block}.arena-topline{position:absolute;left:15px;right:15px;top:13px;display:flex;justify-content:space-between;color:#e5e9d7;font:9px var(--mono);letter-spacing:.1em;text-shadow:0 1px 4px #131811}.arena-topline>span:first-child{display:flex;align-items:center;gap:8px}.arena-topline i{width:6px;height:6px}.map-legend{position:absolute;bottom:11px;right:13px;display:flex;gap:13px;color:#e0e2d5;font:8px var(--mono);text-shadow:0 1px 3px #111}.map-legend span{display:flex;align-items:center;gap:5px}.map-legend i{display:inline-block;width:8px;height:8px}.legend-flag{background:#eccd82;clip-path:polygon(0 0,100% 0,73% 100%,0 100%)}.legend-cover{border:1px solid #c3bc92;background:#827e61}.legend-scout{border-radius:50%;border:1px solid #e7e6bd;background:#c8c38a33}.match-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#151a13bd;backdrop-filter:blur(3px);transition:opacity .2s}.match-overlay.hidden{opacity:0;pointer-events:none}.briefing{width:min(445px,82%);padding:24px 29px;background:#191e18f2;border:1px solid #626852;box-shadow:0 12px 48px #0006}.briefing h2{margin:12px 0 8px;font:700 clamp(37px,5vw,55px)/.9 var(--display);letter-spacing:.025em}.briefing h2 em{color:var(--gold);font-style:normal}.briefing p{max-width:370px;margin:13px 0 15px;color:#b9c0b2;font-size:11px;line-height:1.65}.doctrine-preview{display:grid;grid-template-columns:1fr 1fr;padding:11px 0;border-top:1px solid #394035;border-bottom:1px solid #394035}.doctrine-preview span{font:8px var(--mono);color:#92998a}.doctrine-preview span+span{border-left:1px solid #394035;padding-left:12px}.doctrine-preview b{display:block;color:#e2e4d6;font-size:9px;margin-top:5px}.primary-button{width:100%;height:40px;margin-top:15px;background:#d6b873;color:#1c2117;border:0;text-align:left;padding:0 13px;font:700 11px var(--mono);letter-spacing:.08em}.primary-button span{float:right;font-size:15px}.primary-button:hover{background:#ecd08a}.result-banner{position:absolute;top:48px;left:50%;transform:translateX(-50%);padding:9px 16px;background:#171c16ed;border:1px solid #8c805c;color:#f0d592;font:11px var(--mono);white-space:nowrap}.hidden{display:none!important}.field-controls{display:flex;align-items:end;gap:14px;padding-top:11px}.control-group{display:flex;flex-direction:column;gap:5px}.control-group label,.speed-control>span{font:8px var(--mono);color:#9ca292;letter-spacing:.1em}.control-group select{height:31px;min-width:125px;padding:0 25px 0 9px;background:#191e18;border:1px solid #394036;font:10px var(--mono)}.control-group:nth-child(2) select{min-width:82px}.segmented{height:31px;display:flex;border:1px solid #394036;background:#191e18}.segmented button{width:38px;background:none;border:0;font:10px var(--mono);color:#92998a}.segmented button.selected{background:#343a2f;color:#f0d592}.field-actions{margin-left:auto;display:flex;gap:6px}.field-actions button,.panel-foot button{height:31px;padding:0 10px;background:#1c211b;border:1px solid #3b4337;color:#c4c9bb;font:8px var(--mono);letter-spacing:.04em}.field-actions button:hover,.panel-foot button:hover{border-color:#858a70;color:#f2f0dc}.field-actions button:disabled{opacity:.35;cursor:not-allowed}
.intel-panel{display:flex;flex-direction:column;gap:8px}.commander-card,.telemetry,.event-log{background:linear-gradient(125deg,#20251f,#1a1f19);border:1px solid var(--line);padding:12px 13px}.commander-card header,.telemetry header,.event-log header{display:flex;justify-content:space-between;align-items:center}.commander-card header .section-index,.telemetry header .section-index,.event-log header .section-index{font-size:8px}.signal-bars{display:flex;gap:2px;align-items:end;height:11px}.signal-bars b{width:2px;background:#71866a;height:4px}.signal-bars b:nth-child(2){height:7px}.signal-bars b:nth-child(3){height:10px}.commander-title{display:flex;align-items:center;gap:10px;margin:11px 0 10px}.commander-crest{width:31px;height:31px;display:grid;place-items:center;border:1px solid #63473a;color:var(--red-light);font:21px var(--display)}.mongol-commander .commander-crest{border-color:#3c6457;color:var(--blue-light)}.commander-title h2{margin:0;font:700 15px var(--display);letter-spacing:.09em}.commander-title p{margin:2px 0 0;font:8px var(--mono);color:#99a08f}.order-line,.formation-line{height:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #343b31;font:8px var(--mono);color:#9da395}.order-line b,.formation-line b{font:9px var(--body);color:#e0e2d5}.order-line b{color:#eccb80}.roster{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;margin:9px 0 8px}.unit-dot{aspect-ratio:1;border:1px solid #845343;background:var(--red);position:relative;min-width:0}.mongol-commander .unit-dot{border-color:#4c7d69;background:#79ad98}.unit-dot:before{content:'';position:absolute;inset:27%;background:#25291f;transform:rotate(45deg)}.unit-dot[data-health="medium"]{opacity:.68}.unit-dot[data-health="low"]{opacity:.35}.unit-dot.dead{opacity:.12;background:transparent;border-style:dashed}.team-totals{display:flex;justify-content:space-between;border-top:1px solid #343b31;padding-top:8px;color:#858d7d;font:7px var(--mono);letter-spacing:.035em}.team-totals b{color:#d9ddcf;font-weight:500}.mongol-commander .team-totals b{color:#b9d5c5}.telemetry{padding-bottom:10px}.policy-status{display:flex;align-items:center;gap:6px;font:8px var(--mono);color:#bfc5b7}.policy-status i{width:6px;height:6px;background:#d5ad62}.policy-status.learned i{background:#8fbda6}.telemetry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;margin:13px 0 9px}.telemetry-grid>div>span{display:block;font:7px var(--mono);color:#909789;letter-spacing:.055em}.telemetry-grid>div>b{display:block;margin-top:4px;font:500 16px var(--mono);color:#e4e5d9}.telemetry-grid b small{font:9px var(--mono);color:#a7ad9f}.load-meter{height:3px;background:#33392f}.load-meter i{height:100%;display:block;width:1%;background:#a6b984;transition:width .3s}.telemetry-note{display:block;margin-top:8px;color:#777f70;font:7px/1.5 var(--mono)}.event-log{padding-bottom:8px;flex:1;min-height:106px}.event-log header>span:last-child{font:7px var(--mono);color:#858d7d}.event-log ol{list-style:none;padding:0;margin:7px 0 0;max-height:135px;overflow:auto}.event-log li{display:grid;grid-template-columns:35px 1fr;gap:7px;padding:5px 0;border-top:1px solid #30372d;color:#c0c5b8;font:8px/1.4 var(--mono)}.event-log li time{color:#828a7a}.event-log .empty-event{display:block;color:#81897b}.panel-foot{display:flex;align-items:center;justify-content:space-between;color:#858d7d;font:7px var(--mono);letter-spacing:.06em}.panel-foot button{height:24px;padding:0 8px;font-size:7px}.page-foot{height:37px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #282e26;color:#697164;font:7px var(--mono);letter-spacing:.12em}.arena-frame.show-vision .vision-toggle-label{color:white}
@media(max-width:1050px){.command-room{padding:0 18px}.battle-layout{grid-template-columns:minmax(0,1fr) 300px;gap:12px}.match-ribbon{padding:0 12px}.field-controls{gap:8px}.field-actions button{padding:0 7px;font-size:7px}.intel-panel{gap:6px}.commander-card,.telemetry,.event-log{padding:10px}.team-totals{font-size:6px}}
@media(max-width:780px){.command-room{padding:0 12px}.masthead{height:72px;grid-template-columns:1fr auto}.masthead-title{justify-content:start}.masthead-title .overline{display:none}.masthead h1{font-size:20px}.live-state{font-size:0}.live-state b{font-size:8px}.battle-layout{grid-template-columns:1fr;padding-top:12px}.intel-panel{display:grid;grid-template-columns:1fr 1fr}.telemetry,.event-log{min-height:140px}.panel-foot{grid-column:1/-1}.arena-frame{aspect-ratio:1.42}.match-ribbon{height:61px;grid-template-columns:1fr 118px 1fr}.faction-mark{width:24px;height:24px;font-size:18px}.faction-name{gap:7px}.faction-name b{font-size:13px}.faction-name small{font-size:6px}.match-score{gap:8px}.match-score>span{font-size:22px}.field-controls{flex-wrap:wrap}.field-actions{width:100%;margin:3px 0 0}.field-actions button{flex:1;height:36px;font-size:8px}.page-foot{font-size:6px}}
@media(max-width:480px){.command-room{padding:0 8px}.masthead{height:65px}.back-link{font-size:0}.back-link span{font-size:20px;margin:0}.seal{width:27px;height:27px;font-size:18px}.masthead h1{font-size:17px}.battle-layout{gap:9px}.match-ribbon{padding:0 7px;grid-template-columns:1fr 94px 1fr;height:56px}.faction-mark{width:19px;height:19px;font-size:14px;margin:0 1px}.faction-name{gap:4px}.faction-name b{font-size:11px;letter-spacing:.06em}.faction-name small{font-size:5px}.match-score{gap:5px}.match-score>span{font-size:18px}.match-score b{font-size:11px}.match-score small{font-size:6px}.arena-frame{aspect-ratio:1.08}.briefing{padding:17px 18px;width:88%}.briefing h2{font-size:38px}.briefing p{font-size:10px}.doctrine-preview span{font-size:6px}.doctrine-preview b{font-size:7px}.intel-panel{grid-template-columns:1fr}.telemetry,.event-log{min-height:initial}.telemetry-grid{gap:8px}.event-log ol{max-height:105px}.control-group select{min-width:114px;font-size:10px}.speed-control{flex:1}.segmented button{width:32px}.page-foot{font-size:5px;letter-spacing:.06em}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.command-desk{background:#24291f;border:1px solid #a89159;padding:13px}.command-desk-header{display:flex;justify-content:space-between;align-items:start;gap:10px}.command-desk-header h2{margin:4px 0 0;font:700 18px var(--display);letter-spacing:.08em}.command-desk-header>button,.take-command{background:#34392c;border:1px solid #646b51;color:#e0d0a4;font:8px var(--mono);letter-spacing:.04em;padding:8px;min-height:32px}.command-desk-header>button:hover,.take-command:hover{border-color:#d1b86d;color:#f4e5b8}.command-desk-intro{margin:10px 0;color:#b9c0b2;font-size:9px;line-height:1.55}.command-config-row{display:grid;grid-template-columns:1fr 1.15fr;gap:7px}.command-config-row label{display:flex;flex-direction:column;gap:4px;color:#aeb5a4;font:7px var(--mono);letter-spacing:.07em}.command-config-row select{height:31px;min-width:0;padding:0 6px;background:#151a14;border:1px solid #434a3b;color:#e2e3d8;font:8px var(--mono)}.commander-model-status{margin:7px 0 9px;color:#a1aa98;font:8px/1.5 var(--mono)}.commander-model-status.is-live{color:#a5d7bc}.commander-model-status.is-error{color:#e5a28c}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px}.command-grid button{min-height:43px;padding:6px 7px;text-align:left;background:#1a1f18;border:1px solid #3f4639;color:#e1e3d7}.command-grid button:hover,.command-grid button:focus-visible{border-color:#b8a064;background:#292d22}.command-grid button.selected{border-color:#e0bd6b;background:#383526}.command-grid b,.command-grid small{display:block}.command-grid b{font:700 10px var(--display);letter-spacing:.03em}.command-grid small{margin-top:3px;color:#929a8c;font:7px/1.35 var(--body)}.manual-command-feedback{margin:8px 0 0;padding-top:7px;border-top:1px solid #41483a;color:#dac994;font:8px/1.45 var(--mono)}.take-command{display:block;width:100%;margin-top:9px;text-align:left;color:#bbc3b1;font-size:7px}.take-command span{float:right}.commander-card.is-commanded{border-color:#b89b58;box-shadow:inset 2px 0 #d4b46b}.commander-card.is-commanded .take-command{background:#665634;border-color:#d1b76d;color:#f5e6ba}.command-desk:focus-within{scroll-margin-top:12px}
@media(max-width:780px){.command-desk{grid-column:1/-1}.command-desk-header{align-items:center}}
@media(max-width:480px){.command-desk-header{align-items:start;flex-direction:column}.command-desk-header>button{width:100%}.command-config-row{grid-template-columns:1fr}.command-config-row select{font-size:12px;height:36px}.command-grid{grid-template-columns:1fr 1fr}}
.pre-match-command{margin:12px 0 2px;padding:9px 0 2px;border-top:1px solid #394035}.pre-match-command>span{display:block;color:#a9ad9d;font:8px var(--mono);letter-spacing:.08em}.pre-match-command>div{display:flex;gap:8px;margin-top:7px}.pre-match-command button{flex:1;min-height:30px;background:#252b23;border:1px solid #505747;color:#e1d1a4;font:8px var(--mono);letter-spacing:.06em}.pre-match-command button:hover,.pre-match-command button:focus-visible{border-color:#d0b46d;background:#34392b}
.combat-triggers{margin-top:9px;padding:8px;background:#1a1f18;border:1px solid #41483a}.combat-triggers>span{display:block;margin-bottom:6px;color:#aeb5a4;font:7px var(--mono);letter-spacing:.08em}.combat-triggers>div{display:grid;grid-template-columns:1fr 1fr;gap:6px}.combat-triggers button{min-height:42px;padding:6px 8px;text-align:left;background:#24291f;border:1px solid #515744;color:#e1e3d7}.combat-triggers button:hover,.combat-triggers button:focus-visible{border-color:#b8a064}.combat-triggers button.selected[data-combat-mode="attack"]{background:#492c25;border-color:#d9785e;color:#ffe1d7}.combat-triggers button.selected[data-combat-mode="defend"]{background:#34392c;border-color:#a5d7bc;color:#d8f0de}.combat-triggers b,.combat-triggers small{display:block}.combat-triggers b{font:700 9px var(--display);letter-spacing:.06em}.combat-triggers small{margin-top:3px;color:#a4ab9b;font:7px/1.35 var(--body)}
.command-scope-row{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:8px;margin:8px 0}.command-scope-row label{display:flex;flex-direction:column;gap:4px;color:#aeb5a4;font:7px var(--mono);letter-spacing:.07em}.command-scope-row select{height:31px;min-width:0;padding:0 6px;background:#151a14;border:1px solid #434a3b;color:#e2e3d8;font:8px var(--mono)}.command-scope-row>small{padding-bottom:4px;color:#929a8c;font:7px/1.4 var(--body)}.roster .unit-dot{padding:0;border-radius:0;cursor:pointer}.roster .unit-dot:disabled{cursor:default}.roster .unit-dot.selected{outline:2px solid #f0d17e;outline-offset:1px;z-index:1}.roster .unit-dot:focus-visible{outline:2px solid #fff0b3;outline-offset:1px}@media(max-width:480px){.command-scope-row{grid-template-columns:1fr}.command-scope-row select{font-size:11px;height:36px}}
.roster .unit-dot.has-order{box-shadow:0 0 0 1px #d4b46b}.roster .unit-dot.has-order.selected{box-shadow:0 0 0 2px #f0d17e}
.select-low-health{width:100%;min-height:30px;margin:0 0 8px;padding:5px 8px;text-align:left;background:#282c22;border:1px solid #65573b;color:#e4cf98;font:7px var(--mono);letter-spacing:.06em}.select-low-health:hover,.select-low-health:focus-visible{border-color:#e0bd6b;background:#373426}
.strategy-picker{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end;margin:8px 0;padding:8px;background:#1b2019;border:1px solid #41483a}.strategy-picker label{display:flex;flex-direction:column;gap:4px;color:#d2c18e;font:7px var(--mono);letter-spacing:.07em}.strategy-picker select{height:31px;min-width:0;padding:0 6px;background:#151a14;border:1px solid #625a3d;color:#e2e3d8;font:8px var(--mono)}.strategy-picker button{height:31px;padding:0 9px;background:#635534;border:1px solid #c1a960;color:#f1e3b8;font:7px var(--mono)}.strategy-picker small{grid-column:1/-1;color:#a5ad9c;font:8px/1.45 var(--body)}.strategy-line{height:25px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #343b31;font:8px var(--mono);color:#9da395}.strategy-line b{font:9px var(--body);color:#bdd0a0}@media(max-width:480px){.strategy-picker{grid-template-columns:1fr}.strategy-picker button{width:100%}}
.strategy-mode-toggle{width:100%;min-height:34px;margin:0 0 8px;background:#3d3828;border:1px solid #a89357;color:#eedcaa;text-align:left;padding:7px 9px;font:8px var(--mono);letter-spacing:.06em}.strategy-mode-toggle[aria-pressed="true"]{background:#6a5730;border-color:#ecd27e;color:#fff0bc}.strategy-recorder{margin:8px 0;padding:10px;background:#171c16;border:1px solid #9b8450;box-shadow:inset 2px 0 #c9aa60}.strategy-recorder>header{display:flex;justify-content:space-between;align-items:center}.strategy-recorder h3{margin:3px 0 0;font:700 14px var(--display);letter-spacing:.08em}.strategy-recorder>header button,.strategy-recorder button{min-height:30px;padding:5px 7px;background:#272c22;border:1px solid #535943;color:#e1dfcf;font:8px var(--mono)}.strategy-recorder>header button{min-height:26px}.strategy-recorder>p{margin:8px 0;color:#aeb6a5;font:10px/1.5 var(--body)}.strategy-recorder label{display:flex;flex-direction:column;gap:4px;color:#c8bd91;font:7px var(--mono);letter-spacing:.06em}.strategy-recorder input,.strategy-recorder select{width:100%;height:32px;min-width:0;padding:0 7px;background:#111610;border:1px solid #424a3b;color:#e5e6db;font:11px var(--body)}.strategy-recorder .strategy-plan-row{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:end;margin-top:8px}.strategy-plan-row button{min-width:45px}.strategy-plan-actions,.strategy-stage-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:7px 0}.strategy-plan-actions button:first-child{background:#51452b;border-color:#a89159;color:#f0dda6}.strategy-recorder>label[for="stage-trigger"]{margin:8px 0}.strategy-stage-actions button{font-size:7px}.keyboard-order-row{display:grid;grid-template-columns:1.2fr 1fr;gap:6px;align-items:end;margin-top:8px}.keyboard-order-row button,.coordinate-order-row button{min-height:32px}.coordinate-order-row{display:grid;grid-template-columns:54px 54px 1fr;gap:6px;align-items:end;margin-top:7px}.coordinate-order-row input{height:30px}.coordinate-order-row button{font-size:7px}.strategy-recorder .strategy-stage-status{min-height:38px;margin:8px 0;padding:7px;background:#22271f;border-left:2px solid #b99d5c;color:#e1d7b4;font:9px/1.45 var(--mono)}.strategy-close-bottom{width:100%;color:#d6c690!important}.strategy-recorder button:hover,.strategy-recorder button:focus-visible,.strategy-mode-toggle:hover,.strategy-mode-toggle:focus-visible{border-color:#e7cf82;outline:2px solid #e7cf8280;outline-offset:1px}.arena-frame{position:relative}.selection-marquee{position:absolute;z-index:6;border:1px solid #f2d37d;background:#f2d37d20;pointer-events:none}.field-order-menu{position:absolute;z-index:9;display:flex;flex-direction:column;gap:4px;width:205px;padding:8px;background:#181d17;border:1px solid #c3a95f;box-shadow:0 8px 24px #000b}.field-order-menu>span{padding:2px 3px 5px;color:#e7d49c;font:8px var(--mono);letter-spacing:.08em}.field-order-menu button{min-height:33px;padding:5px 7px;text-align:left;background:#272c22;border:1px solid #42483b;color:#e2e4d8;font:10px var(--body)}.field-order-menu button:hover,.field-order-menu button:focus-visible{background:#45402c;border-color:#e5c66e;outline:2px solid #e5c66e80}.strategy-recording.recording-viking .mongol-commander,.strategy-recording.recording-mongol .viking-commander{display:none}.strategy-recording #battlefield{cursor:crosshair;touch-action:none}.strategy-recording .arena-topline>span:first-child{color:#f1dda4}.strategy-recording .arena-topline>span:first-child:after{content:" · STRATEJİ KAYDI";color:#f1dda4}@media(max-width:480px){.strategy-recorder{padding:8px}.strategy-plan-actions,.strategy-stage-actions{grid-template-columns:1fr 1fr}.keyboard-order-row{grid-template-columns:1fr}.coordinate-order-row{grid-template-columns:1fr 1fr}.coordinate-order-row button{grid-column:1/-1}.field-order-menu{width:190px}.field-order-menu button{min-height:37px}}
body.strategy-recording .command-desk-intro,body.strategy-recording .strategy-picker,body.strategy-recording .command-config-row,body.strategy-recording .command-scope-row,body.strategy-recording .select-low-health,body.strategy-recording .commander-model-status,body.strategy-recording .command-grid,body.strategy-recording .combat-triggers,body.strategy-recording .manual-command-feedback{display:none}
.strategy-order-list{list-style:none;margin:6px 0;padding:0;max-height:150px;overflow:auto}.strategy-order-list li{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:6px 5px;border-top:1px solid #343b31;color:#c9cebf;font:9px/1.4 var(--body)}.strategy-order-list li span{min-width:0;overflow-wrap:anywhere}.strategy-order-list li b{color:#e8d59b;font-weight:500}.strategy-order-list li button{flex:0 0 26px;min-height:26px;padding:0;color:#dfa08d;font:16px var(--body)}.strategy-order-list .empty-plan-order{color:#828a7b;font-style:italic}
body.strategy-recording #battlefield:focus-visible{outline:3px solid #f0d17e;outline-offset:-3px}
body.field-commanding #battlefield{cursor:crosshair;touch-action:none}body.field-commanding #battlefield:focus-visible{outline:3px solid #f0d17e;outline-offset:-3px}.field-command-mode-toggle{width:100%;min-height:34px;margin:0 0 6px;background:#30382b;border:1px solid #687153;color:#d9dfc8;text-align:left;padding:7px 9px;font:8px var(--mono);letter-spacing:.06em}.field-command-mode-toggle[aria-pressed="true"]{background:#665634;border-color:#d1b76d;color:#f5e6ba}.field-command-status{margin:0 0 8px;padding:7px;background:#22271f;border-left:2px solid #b99d5c;color:#e1d7b4;font:9px/1.45 var(--mono)}
@media(max-width:480px){.strategy-recorder input,.strategy-recorder select{height:40px;font-size:16px}.strategy-recorder button{min-height:38px;font-size:10px}.strategy-recorder>header button{min-height:34px}.strategy-recorder .strategy-stage-status{font-size:10px}}