:root{color-scheme:dark;font-family:Arial Narrow,Roboto Condensed,Helvetica Neue,Arial,sans-serif;font-synthesis:none;--ink: #17150f;--ink-soft: #2a2518;--paper: #d6c58d;--paper-light: #eadca9;--paper-dark: #aa9862;--brass: #c89d32;--brass-hot: #f0c84b;--brass-dark: #77591c;--olive: #666c3b;--olive-dark: #242819;--panel: rgba(28, 24, 15, .94);--panel-soft: rgba(39, 34, 21, .88);--blue: #397ed9;--blue-light: #7db6ff;--red: #d84b43;--red-light: #ff8a7f;--line: rgba(216, 184, 95, .52);--shadow: 0 12px 34px rgba(0, 0, 0, .45);--panel-edge: inset 0 0 0 1px rgba(250, 218, 128, .16), 0 0 0 2px rgba(52, 39, 13, .86), var(--shadow);--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#566337}html[lang=zh-CN] body,html[lang=zh-CN] button,html[lang=zh-CN] input,html[lang=zh-CN] textarea,html[lang=zh-CN] h1,html[lang=zh-CN] h2,html[lang=zh-CN] h3,html[lang=zh-CN] p,html[lang=zh-CN] span,html[lang=zh-CN] strong,html[lang=zh-CN] small,html[lang=zh-CN] b,html[lang=zh-CN] em,html[lang=zh-CN] i,html[lang=zh-CN] label{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,Noto Sans CJK SC,Arial,sans-serif}html[lang=zh-CN] .wordmark strong{font-family:Songti SC,STSong,"Noto Serif CJK SC","Source Han Serif SC",serif;font-weight:900;letter-spacing:.14em}html[lang=zh-CN] :is(.operation-label,.menu-operation strong,.modal-kicker,.unit-card>strong){letter-spacing:.08em}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid var(--brass-hot);outline-offset:3px}canvas:focus-visible{outline:2px solid var(--brass-hot);outline-offset:-3px}.app{position:relative;isolation:isolate;width:100%;height:100%;overflow:hidden;color:var(--paper-light);letter-spacing:.045em;-webkit-user-select:none;user-select:none}.battle-canvas{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;border:0;outline:0;touch-action:none}.paper-grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.16;mix-blend-mode:soft-light;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 3px),radial-gradient(circle at 12% 18%,rgba(255,255,255,.16) 0 .5px,transparent .9px),radial-gradient(circle at 73% 55%,rgba(0,0,0,.22) 0 .6px,transparent 1px);background-size:auto,7px 7px,11px 11px}.menu-shell,.battle-hud{position:absolute;inset:0;z-index:3;pointer-events:none}.menu-shell:before{position:absolute;inset:0;content:"";background:linear-gradient(180deg,rgba(16,21,11,.62),transparent 31%),linear-gradient(0deg,rgba(16,17,10,.58),transparent 48%),radial-gradient(circle at center,transparent 25%,rgba(17,20,10,.32) 100%)}.menu-masthead{position:absolute;top:calc(18px + var(--safe-top));right:calc(20px + var(--safe-right));left:calc(20px + var(--safe-left));display:flex;align-items:flex-start;justify-content:space-between}.masthead-left{display:flex;min-width:0;align-items:flex-start;flex-direction:column;gap:10px}.wordmark{display:flex;align-items:center;gap:10px;color:var(--brass-hot);text-shadow:0 2px 5px rgba(0,0,0,.75)}.wordmark-mark{width:clamp(42px,4.2vw,54px);height:auto;flex:none;filter:drop-shadow(0 3px 7px rgba(0,0,0,.62));-webkit-user-select:none;user-select:none}.wordmark-copy{display:flex;min-width:0;flex-direction:column}.wordmark-kicker{margin-bottom:1px;font-size:9px;font-weight:800;letter-spacing:.28em;opacity:.78}.wordmark strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(24px,2.8vw,36px);line-height:1;letter-spacing:.16em}.wordmark-secondary{margin-top:3px;color:#e8dfc4;font-family:Arial,Helvetica,sans-serif;font-size:7px;font-weight:800;line-height:1;letter-spacing:.25em;opacity:.76}.commander-tag,.net-status{pointer-events:auto;border:1px solid rgba(200,157,50,.38);background:#19170ede;box-shadow:var(--panel-edge)}.commander-tag{display:flex;align-items:center;gap:10px;min-width:245px;padding:8px 14px 8px 9px}.commander-tag span:last-child{display:flex;flex-direction:column}.commander-tag>button{display:grid;width:32px;height:32px;margin-left:auto;place-items:center;border:1px solid rgba(200,157,50,.38);color:var(--brass);background:#ffffff08;font-weight:900;cursor:pointer}.commander-tag>button:hover{color:var(--brass-hot);border-color:var(--brass-hot)}.commander-tag b{color:#e2d9b5;font-size:13px;letter-spacing:.08em}.commander-tag small{margin-top:2px;color:#9d8f5e;font-size:8px;font-weight:800;letter-spacing:.22em}.commander-seal{display:grid;width:30px;height:30px;place-items:center;border:2px solid var(--brass-dark);border-radius:50%;color:var(--brass-hot);background:#34371f}.net-status{padding:12px 17px;color:#a39668;font-size:9px;font-weight:800;letter-spacing:.19em}.net-status span{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#7da14b;box-shadow:0 0 8px #90bc53}.menu-status-stack{display:flex;align-items:flex-end;flex-direction:column;gap:7px;pointer-events:auto}.record-summary{display:grid;min-width:190px;grid-template-columns:auto 1fr;gap:1px 10px;padding:8px 11px;border:1px solid rgba(200,157,50,.38);color:#b8aa7b;background:#19170ede;box-shadow:var(--panel-edge);text-align:right}.record-summary strong{grid-row:1 / 3;align-self:center;color:var(--brass-hot);font-family:Georgia,serif;font-size:18px}.record-summary span,.record-summary small{font-size:7px;font-weight:900;letter-spacing:.12em}.record-summary small{color:#94896a;font-size:6px}.command-board{position:absolute;right:calc(clamp(18px,12vw,190px) + var(--safe-right));bottom:calc(clamp(52px,8vh,88px) + var(--safe-bottom));left:calc(clamp(18px,12vw,190px) + var(--safe-left));pointer-events:auto}.board-heading{display:flex;align-items:baseline;justify-content:space-between;padding:0 4px 9px;text-shadow:0 1px 4px #000}.board-heading span{color:var(--brass-hot);font-family:Georgia,Times New Roman,serif;font-size:15px;font-weight:800;letter-spacing:.2em}.board-heading small{color:#c7bb91;font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.menu-columns{display:grid;grid-template-columns:repeat(4,minmax(155px,1fr));gap:11px}.menu-operation{position:relative;display:flex;min-height:104px;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(210,169,63,.46);border-radius:3px;color:#dbd1ae;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 35%),#19160df0;box-shadow:var(--panel-edge);cursor:pointer;transition:transform .14s ease,border-color .14s ease,filter .14s ease}.menu-operation:after{position:absolute;inset:4px;content:"";border:1px solid rgba(255,235,168,.08);pointer-events:none}.menu-operation:hover{z-index:2;transform:translateY(-3px);border-color:var(--brass-hot);filter:brightness(1.09)}.menu-operation.primary-operation{min-height:118px;color:#221c0f;background:repeating-linear-gradient(0deg,rgba(94,64,13,.05) 0,rgba(94,64,13,.05) 1px,transparent 1px,transparent 3px),linear-gradient(#ead06a,#c69b32)}.operation-index{position:absolute;top:9px;left:12px;color:currentColor;font-family:Georgia,serif;font-size:10px;opacity:.48}.operation-label{margin-bottom:7px;color:var(--brass);font-size:8px;font-weight:900;letter-spacing:.24em}.primary-operation .operation-label{color:#70561d}.menu-operation strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,2.1vw,29px);letter-spacing:.12em}.menu-operation small{margin-top:5px;font-size:8px;font-weight:800;letter-spacing:.14em;opacity:.72}.menu-operation em{position:absolute;right:12px;bottom:8px;color:var(--brass);font-size:7px;font-style:normal;font-weight:900;letter-spacing:.12em}.menu-operation.map-operation{min-height:146px;justify-content:flex-start;padding:10px 12px}.map-operation .operation-label{margin-bottom:5px}.operation-map-diagram{display:block;width:auto;max-width:100%;height:62px;margin:7px auto 8px;border:1px solid rgba(216,184,95,.38);border-radius:2px;background:#14120b;box-shadow:inset 0 0 0 1px #0000006b,0 1px 3px #00000059}.operation-map-footer{display:flex;width:100%;align-items:baseline;justify-content:space-between;gap:10px}.map-operation small{margin-top:0;text-align:left}.map-operation em{position:static;flex-shrink:0;transition:color .14s ease}.map-operation:hover em{color:var(--brass-hot)}.board-rail{display:grid;grid-template-columns:145px 1fr 90px;align-items:center;gap:12px;margin-top:10px;padding:8px 13px;border:1px solid rgba(184,143,43,.34);border-radius:3px;color:#a99b70;background:#18160de6;box-shadow:var(--panel-edge);font-size:8px;font-weight:900;letter-spacing:.16em}.board-rail>span:last-child{text-align:right}.board-rail>button{border:0;color:var(--brass);background:none;font-size:8px;font-weight:900;letter-spacing:.12em;text-align:right;cursor:pointer}.board-rail>button:hover{color:var(--brass-hot)}.loadout-miniatures{display:flex;align-items:center;justify-content:center;gap:5px}.loadout-miniatures i{display:grid;width:28px;height:20px;place-items:center;border-bottom:2px solid var(--brass-dark);color:#c5b375;background:#ffffff0a;font-size:6px;font-style:normal}.menu-footer{position:absolute;right:calc(18px + var(--safe-right));bottom:calc(13px + var(--safe-bottom));display:flex;align-items:center;gap:18px;color:#dacfa8cc;font-size:8px;font-weight:800;letter-spacing:.16em}.menu-footer button{min-height:32px;padding:0 4px;pointer-events:auto;border:0;color:var(--paper-light);background:none;font-size:inherit;font-weight:inherit;letter-spacing:inherit;cursor:pointer}.menu-footer button:hover{color:var(--brass-hot)}.language-switch{display:inline-flex;flex:0 0 auto;align-items:center;gap:2px;padding:2px;border:1px solid rgba(194,161,72,.28);border-radius:3px;background:#0c0e0894}.language-switch button{min-width:34px;min-height:30px;padding:4px 8px;border-radius:2px;color:#dacfa894}.language-switch button.active{color:#17130a;background:var(--brass)}.language-switch button:not(.active):hover{color:var(--paper-light)}.modal-scrim{position:absolute;inset:0;z-index:20;display:grid;overflow:auto;place-items:center;padding:calc(28px + var(--safe-top)) calc(28px + var(--safe-right)) calc(28px + var(--safe-bottom)) calc(28px + var(--safe-left));background:#0c0e08b5;-webkit-backdrop-filter:blur(2px) saturate(.72);backdrop-filter:blur(2px) saturate(.72)}.paper-modal{position:relative;isolation:isolate;pointer-events:auto;border:1px solid var(--brass);border-radius:4px;color:var(--ink-soft);background:linear-gradient(108deg,transparent 0 48%,rgba(87,62,15,.035) 49% 51%,transparent 52%),repeating-linear-gradient(0deg,rgba(83,55,8,.025) 0 1px,transparent 1px 4px),var(--paper);box-shadow:inset 0 0 0 4px #3e2d0f1f,0 22px 70px #0000009e}.paper-modal:after{position:absolute;inset:7px;z-index:-1;content:"";border:1px solid rgba(82,58,17,.18);pointer-events:none}.modal-kicker{color:#9a7422;font-size:9px;font-weight:900;letter-spacing:.27em;text-transform:uppercase}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(70,49,14,.28);padding-bottom:16px}.modal-header h2,.welcome-plate h2{margin:5px 0 0;font-family:Georgia,Times New Roman,serif;letter-spacing:.12em}.modal-close{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(54,38,10,.4);color:var(--ink);background:#ffffff17;font-size:23px;line-height:1;cursor:pointer}.brass-button,.aar-actions>button{border:1px solid #6e5117;border-radius:3px;color:#1f190c;background:linear-gradient(#f1d260,#c99d2b);box-shadow:inset 0 1px #ffffff75,0 2px 4px #00000038;font-weight:900;letter-spacing:.12em;cursor:pointer}.brass-button:hover,.aar-actions>button:hover{filter:brightness(1.08)}.brass-button small{display:block;margin-top:2px;font-size:8px;letter-spacing:.18em;opacity:.65}.welcome-plate{width:min(430px,100%);padding:30px 28px 23px;text-align:center}.welcome-plate h2{margin-top:8px;font-size:27px}.welcome-plate p{margin:14px auto 22px;max-width:340px;font-family:Georgia,Times New Roman,serif;font-size:14px;line-height:1.55;letter-spacing:.01em}.welcome-plate .brass-button{width:100%;padding:12px 14px;font-size:15px}.text-button{margin-top:15px;border:0;color:#87764a;background:none;font-size:9px;font-weight:900;letter-spacing:.13em;cursor:pointer}.text-button:hover{color:var(--ink)}.map-book{width:min(1060px,100%);max-height:min(840px,calc(100vh - 56px));overflow:auto;padding:26px}.map-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-top:18px}.map-sheet{position:relative;display:flex;min-height:244px;flex-direction:column;align-items:stretch;overflow:hidden;padding:12px 12px 11px;border:1px solid rgba(63,46,16,.42);border-radius:2px;color:var(--ink-soft);background:linear-gradient(158deg,rgba(255,252,231,.34),transparent 46%),#eedd9e85;box-shadow:0 2px 5px #3123092e;text-align:left;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,background .14s ease,border-color .14s ease}.map-sheet:hover{transform:translateY(-3px);border-color:#7a5916b8;background:linear-gradient(158deg,rgba(255,252,231,.42),transparent 46%),#f7e8b0ad;box-shadow:0 9px 18px #31230947}.map-sheet.selected{border-color:#7a5916;background:linear-gradient(158deg,rgba(255,250,220,.5),transparent 46%),#fceeb5d9;box-shadow:inset 0 0 0 2px #89631859,0 7px 15px #31230942}.map-sheet-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.map-number{color:#7b683f;font-size:7px;font-weight:900;letter-spacing:.2em}.map-sheet-tag{flex-shrink:0;padding:2px 6px;border:1px solid rgba(122,89,22,.5);border-radius:2px;color:#6d5316;background:#c89d3229;font-size:6px;font-weight:900;letter-spacing:.16em}.map-diagram{display:block;width:100%;height:96px;margin:9px 0 10px;border:1px solid rgba(64,48,20,.38);border-radius:1px;background:#ada772;box-shadow:inset 0 0 0 1px #fff4c829,0 1px 3px #31230933}.diagram-grid{stroke:#4a3e1e26;stroke-width:.22}.diagram-wire{stroke:#423719;stroke-width:.42;stroke-dasharray:1.6 1.1;opacity:.85}.diagram-frame{fill:none;stroke:#54471f;stroke-width:.8}.map-selected-stamp{position:absolute;top:52px;right:10px;padding:3px 7px 3px 9px;border:1.5px solid rgba(138,47,29,.88);border-radius:2px;color:#8a2f1d;background:#f4e5b1b8;box-shadow:0 1px 2px #31230940;font-size:8px;font-weight:900;letter-spacing:.22em;transform:rotate(6deg);pointer-events:none}.map-sheet strong{color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:14px;letter-spacing:.08em}.map-sheet small,.map-sheet em{color:#76633a;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.13em}.map-sheet p{margin:7px 0 12px;font-family:Georgia,Times New Roman,serif;font-size:10px;font-style:italic;letter-spacing:0}.map-sheet em{margin-top:auto;padding-top:8px;border-top:1px solid rgba(70,49,14,.24)}.field-manual{width:min(1080px,100%);max-height:min(860px,calc(100vh - 56px));overflow:auto;padding:28px}.manual-intro{max-width:880px;margin:10px 0 0;color:#443817;font-family:Georgia,Times New Roman,serif;font-size:12px;line-height:1.65;letter-spacing:0}.manual-quickline{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 18px;padding:10px 12px;border:1px solid rgba(69,50,14,.3);color:#4c3b14;background:#fff5cc57;font-size:8px;font-weight:800;letter-spacing:.08em}.manual-quickline b{margin-right:7px;color:#8b671e}.manual-chapters{display:grid;gap:15px}.manual-chapter>header{display:flex;align-items:flex-start;gap:11px;margin-bottom:7px}.manual-chapter>header>span{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border:1px solid rgba(124,88,18,.44);border-radius:50%;color:#8d6719;font-family:Georgia,serif;font-size:10px;font-weight:900}.manual-chapter>header h3,.manual-role-reference h3{margin:0;color:#392e13;font-family:Georgia,Times New Roman,serif;font-size:15px;letter-spacing:.12em}.manual-chapter>header p{margin:3px 0 0;color:#78673c;font-family:Georgia,Times New Roman,serif;font-size:9px;letter-spacing:0}.manual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;border:1px solid rgba(69,50,14,.3);background:#49371138}.manual-grid article{position:relative;min-height:126px;padding:15px 13px 13px 48px;background:#eedea7b8}.manual-grid article>span{position:absolute;top:17px;left:13px;color:#9f7a26;font-family:Georgia,serif;font-size:20px;font-weight:800}.manual-grid h4{margin:0 0 6px;font-family:Georgia,serif;font-size:14px;letter-spacing:.09em}.manual-grid p{margin:0;font-family:Georgia,serif;font-size:11px;line-height:1.5;letter-spacing:0}.manual-role-reference{margin:18px 0 14px;padding:14px;border:1px solid rgba(69,50,14,.3);background:#eedea780}.manual-role-reference>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid rgba(69,50,14,.22)}.manual-role-reference>div{display:grid;grid-template-columns:repeat(4,1fr)}.manual-role-reference article{padding:12px;border-right:1px solid rgba(69,50,14,.18)}.manual-role-reference article:last-child{border-right:0}.manual-role-reference strong{color:#674c14;font-family:Georgia,serif;font-size:11px;letter-spacing:.1em}.manual-role-reference p{margin:6px 0 0;color:#554927;font-family:Georgia,serif;font-size:10px;line-height:1.5;letter-spacing:0}.manual-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px 13px;padding:12px;border-top:1px solid rgba(68,48,12,.28);border-bottom:1px solid rgba(68,48,12,.28);font-size:8px;font-weight:800}.manual-controls b{margin-right:6px;color:#7f5e18;letter-spacing:.18em}kbd{padding:2px 4px;border:1px solid rgba(60,44,14,.42);border-radius:2px;background:#ffffff3b;box-shadow:inset 0 -1px #3c2c0e40;font-size:7px}.manual-close{display:block;min-width:280px;margin:20px auto 0;padding:10px 18px}.armory-book,.campaign-book{width:min(1080px,100%);max-height:min(860px,calc(100vh - 56px));overflow:auto;padding:26px}.armory-book .modal-header p,.campaign-book .modal-header p{max-width:760px;margin:7px 0 0;font-family:Georgia,serif;font-size:11px;line-height:1.5;letter-spacing:0}.army-ledger{display:grid;grid-template-columns:165px 1fr;gap:12px;margin:14px 0}.army-cost-legend{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(210px,.45fr);align-items:center;gap:12px;margin:-2px 0 14px;padding:10px 12px;border:1px solid rgba(139,91,9,.54);box-shadow:inset 0 0 0 1px #fff7cd5c;color:#493812;background:linear-gradient(90deg,#e0c0607a,#fff5cc47)}.army-cost-sample{display:grid;width:38px;height:38px;place-items:center;border:2px solid #b78019;border-radius:50%;box-shadow:0 2px #432b0838;color:#fff8db;background:#72521b;font-family:Georgia,serif;font-size:19px;font-weight:900}.army-cost-legend strong{display:block;font-family:Georgia,serif;font-size:12px;letter-spacing:.08em}.army-cost-legend p,.army-cost-legend small{margin:4px 0 0;font-family:Georgia,serif;font-size:9px;line-height:1.45;letter-spacing:0}.army-cost-legend small{margin:0;padding-left:12px;border-left:1px solid rgba(99,69,13,.24);color:#745d2b}.army-count,.unlock-ledger{border:1px solid rgba(68,49,14,.28);background:#fff5cc38}.army-count{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:9px}.army-count strong{color:#6d5116;font-family:Georgia,serif;font-size:24px}.army-count span{margin-top:3px;font-size:7px;font-weight:900;letter-spacing:.13em}.unlock-ledger{display:grid;grid-template-columns:repeat(3,1fr)}.unlock-ledger>span{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border-right:1px solid rgba(68,49,14,.18);color:#7e482e;font-size:6px;font-weight:900;letter-spacing:.08em;text-align:center}.unlock-ledger>span:last-child{border-right:0}.unlock-ledger>span.unlocked{color:#3b6139}.unlock-ledger>span.next{background:#ddb5452e}.unlock-ledger b{color:#694e16;font-family:Georgia,serif;font-size:11px}.armory-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:9px}.armory-card{position:relative;isolation:isolate;display:flex;min-height:184px;flex-direction:column;align-items:flex-start;overflow:hidden;padding:86px 11px 10px;border:1px solid rgba(57,42,14,.48);color:#f0e4b8;background:linear-gradient(150deg,#9d7929,#4b411f);box-shadow:inset 0 0 0 2px #ffefb514;text-align:left;text-shadow:0 1px 2px rgba(0,0,0,.72);cursor:pointer;transition:transform .13s ease,border-color .13s ease,box-shadow .13s ease,filter .13s ease}.armory-card.card-vehicle{background:linear-gradient(150deg,#b04e3e,#553833)}.armory-card.card-air,.armory-card.card-strike{background:linear-gradient(150deg,#4696aa,#294b58)}.armory-card.card-support{background:linear-gradient(150deg,#788852,#3a4431)}.armory-card:hover{z-index:2;transform:translateY(-2px);border-color:var(--brass-hot);filter:brightness(1.08)}.armory-card.selected{z-index:1;transform:translateY(-2px);border:2px solid #ffdc63;box-shadow:inset 0 0 0 2px #211808eb,inset 0 0 0 5px #ffe57cc7,0 0 0 2px #765211,0 8px 16px #3625075c;filter:brightness(1.09) saturate(1.08)}.armory-card.selected:hover{z-index:3;transform:translateY(-3px);filter:brightness(1.13) saturate(1.1)}.armory-selected-badge{position:absolute;top:7px;right:7px;z-index:4;display:inline-flex;min-height:24px;align-items:center;gap:5px;padding:3px 7px 3px 4px;border:1px solid #ffe27a;border-radius:2px;color:#fff6cf;background:linear-gradient(180deg,#4f4115fa,#231d0afa);box-shadow:0 2px #201707e6,0 5px 12px #0000005c;font-size:7px;font-weight:900;letter-spacing:.1em;line-height:1;text-shadow:none}.armory-selected-badge:before{display:grid;width:16px;height:16px;place-items:center;border-radius:50%;color:#281d08;background:#f3ca43;content:"✓";font-size:11px;line-height:1}.armory-card.locked:not(.selected){filter:grayscale(.78) brightness(.65)}.armory-card.locked:not(.selected):hover{filter:grayscale(.5) brightness(.78)}.armory-card .card-glyph{inset:0 0 auto;height:80px}.armory-card>strong{font-family:Georgia,serif;font-size:12px;letter-spacing:.07em}.armory-card>small{margin-top:2px;color:#fff4ccad;font-size:6px;font-weight:900}.armory-card>p{margin:6px 0 8px;font-family:Georgia,serif;font-size:9px;line-height:1.35;letter-spacing:0}.armory-card>em{margin-top:auto;color:#ffe584;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.08em}.armory-card.selected>em{display:flex;width:100%;min-height:22px;align-items:center;padding:4px 6px;border:1px solid rgba(255,227,112,.55);border-left:4px solid #f3ca43;color:#fff3b0;background:#191407db;box-shadow:inset 0 0 0 1px #fff4c01a;font-size:7px;line-height:1.25}.armory-actions{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding-top:13px;border-top:1px solid rgba(68,49,14,.28)}.armory-actions>span{color:#7f4a2d;font-size:7px;font-weight:900;letter-spacing:.12em}.armory-actions>span.saved{color:#356038}.armory-actions .brass-button{min-width:260px;padding:11px 15px;font-size:8px}.campaign-sides{display:grid;gap:10px;margin-top:16px}.campaign-side{display:grid;grid-template-columns:190px minmax(220px,1fr) minmax(180px,.8fr) 142px;align-items:stretch;gap:14px;padding:13px;border:1px solid rgba(62,45,14,.36);background:#fff4c83b}.campaign-side-heading,.campaign-objective-copy,.campaign-best{display:flex;flex-direction:column;justify-content:center}.campaign-side-heading>span,.campaign-side-heading>em,.campaign-objective-copy>small,.campaign-best>span,.campaign-best>small{color:#725e31;font-size:6px;font-style:normal;font-weight:900;letter-spacing:.11em}.campaign-side-heading>strong{margin:5px 0;font-family:Georgia,serif;font-size:15px}.campaign-side-heading>em{color:#3d623c}.campaign-side>p{align-self:center;margin:0;font-family:Georgia,serif;font-size:10px;line-height:1.45;letter-spacing:0}.campaign-objective-copy{padding-left:14px;border-left:1px solid rgba(70,49,14,.24)}.campaign-objective-copy>b{color:#765817;font-size:8px;letter-spacing:.12em}.campaign-objective-copy>span{margin:5px 0;font-family:Georgia,serif;font-size:9px;line-height:1.35;letter-spacing:0}.campaign-best{padding:8px 10px;border:1px solid rgba(71,50,14,.25);background:#fffadf2e}.campaign-best>strong{margin:3px 0;color:#7a5a15;font-family:Georgia,serif;font-size:14px}.campaign-side>.brass-button{grid-column:4;min-height:34px;padding:8px;font-size:7px}.campaign-disclaimer{margin:13px 0 0;color:#685a37;font-size:7px;font-weight:900;letter-spacing:.11em;text-align:center}.news-sheet{width:min(720px,100%);max-height:min(760px,calc(100vh - 56px));overflow:auto;padding:28px}.news-sheet article{position:relative;margin-top:12px;padding:15px 16px 15px 108px;border:1px solid rgba(70,50,14,.25);background:#fff7d338}.news-sheet time{position:absolute;top:17px;left:15px;color:#806019;font-size:7px;font-weight:900;letter-spacing:.12em}.news-sheet h3{margin:0 0 6px;font-family:Georgia,serif;font-size:14px;letter-spacing:.07em}.news-sheet article p{margin:0;font-family:Georgia,serif;font-size:10px;line-height:1.5;letter-spacing:0}.queue-card{width:min(440px,100%);padding:28px;text-align:center}.queue-card h2{margin:8px 0 0;font-family:Georgia,serif;letter-spacing:.12em}.queue-card>strong{display:block;color:#725514;font-family:Georgia,serif;font-size:28px}.queue-card>p{margin:8px auto 14px;max-width:340px;font-family:Georgia,serif;font-size:11px;line-height:1.45;letter-spacing:0}.queue-radar{position:relative;width:78px;height:78px;margin:18px auto 10px;overflow:hidden;border:1px solid #6e5c2c;border-radius:50%;background:conic-gradient(from 20deg,rgba(79,113,53,.5),transparent 24%,transparent);animation:queue-scan 1.6s linear infinite}.queue-radar:before,.queue-radar:after{position:absolute;content:"";background:#50411c57}.queue-radar:before{top:50%;right:0;left:0;height:1px}.queue-radar:after{top:0;bottom:0;left:50%;width:1px}.queue-radar i{position:absolute;width:4px;height:4px;border-radius:50%;background:#4d6b37}.queue-radar i:nth-child(1){top:22%;left:35%}.queue-radar i:nth-child(2){right:22%;bottom:31%}.queue-radar i:nth-child(3){bottom:18%;left:27%}@keyframes queue-scan{to{transform:rotate(360deg)}}.queue-progress{height:8px;margin-bottom:15px;overflow:hidden;border:1px solid rgba(68,49,14,.44);background:#3d2d0f29}.queue-progress i{display:block;height:100%;background:#7d6f31;transition:width .22s linear}.queue-card>.danger-button{min-width:180px;padding:9px 13px;border:1px solid #713b31;color:#f0d3c5;background:#74372f;font-size:7px;font-weight:900;letter-spacing:.12em;cursor:pointer}.battle-hud{text-shadow:0 1px 2px rgba(0,0,0,.75)}.battle-top-rail,.cardbar,.minimap,.battle-utility-cluster,.campaign-hud,.card-detail{border:1px solid rgba(197,152,45,.72);background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0 1px,transparent 1px 3px),var(--panel);box-shadow:var(--panel-edge);pointer-events:auto}.battle-top-rail{position:absolute;top:calc(10px + var(--safe-top));left:50%;display:grid;width:min(920px,calc(100vw - 236px));min-width:680px;min-height:70px;grid-template-columns:minmax(176px,.78fr) minmax(300px,1.55fr) minmax(176px,.78fr);overflow:hidden;border-color:#c5982d8f;clip-path:polygon(9px 0,calc(100% - 9px) 0,100% 9px,100% 100%,0 100%,0 9px);transform:translate(-50%)}.battle-top-rail:before,.cardbar:before,.minimap:before{position:absolute;inset:3px;z-index:-1;border:1px solid rgba(255,220,122,.08);content:"";pointer-events:none}.hq-plate{position:relative;display:flex;min-width:0;min-height:68px;flex-direction:column;justify-content:center;padding:9px 13px 8px;background:linear-gradient(90deg,rgba(38,85,143,.12),transparent 88%)}.hq-player{border-left:3px solid var(--blue-light)}.hq-enemy{border-right:3px solid var(--red-light);background:linear-gradient(270deg,rgba(150,49,44,.13),transparent 88%);text-align:right}.hq-label{display:flex;align-items:center;gap:8px;color:#c8bd94;font-size:9px;font-weight:900;letter-spacing:.2em}.hq-enemy .hq-label{justify-content:flex-end}.hq-label em{margin-left:auto;color:var(--red-light);font-size:6px;font-style:normal}.hq-crest{display:inline-block;width:17px;height:17px;border:3px solid currentColor;border-radius:50%;background:radial-gradient(circle,#f4df91 0 28%,transparent 31%)}.hq-player .hq-crest{color:var(--blue-light)}.hq-enemy .hq-crest{color:var(--red-light)}.hq-health{position:relative;height:8px;margin:7px 0 4px;overflow:hidden;border:1px solid rgba(0,0,0,.68);border-radius:2px;background:#13120d}.hq-health>i{position:absolute;inset:0 auto 0 0;background:linear-gradient(#6db1ff,#2266bd);transition:width .16s linear}.hq-enemy .hq-health>i{right:0;left:auto;background:linear-gradient(#ff7269,#bd302b)}.hq-health>span{position:absolute;top:0;bottom:0;width:1px;background:#00000094}.hq-health>span:nth-child(2){left:25%}.hq-health>span:nth-child(3){left:50%}.hq-health>span:nth-child(4){left:75%}.hq-plate>b{color:#b9ad83;font-family:Georgia,serif;font-size:9px;font-weight:500;letter-spacing:.04em}.hq-plate.critical{animation:critical-pulse .9s ease-in-out infinite alternate}@keyframes critical-pulse{to{border-color:#ff5e50;filter:brightness(1.17)}}.topcenter{position:relative;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:7px 18px 8px;border-right:1px solid rgba(213,184,99,.19);border-left:1px solid rgba(213,184,99,.19);background:linear-gradient(180deg,rgba(231,193,84,.055),transparent 70%);text-align:center}.battle-status-line{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;color:#a99e76;font-size:6px;font-weight:900;letter-spacing:.16em}.battle-status-line>span:first-child{text-align:left}.battle-status-line>span:last-child{text-align:right}.battle-status-line>span:before{display:inline-block;width:5px;height:5px;margin-right:5px;border-radius:50%;content:""}.battle-time{font-family:Georgia,serif;font-size:20px;line-height:1;letter-spacing:.02em}.blue-dot:before{background:var(--blue-light)}.red-dot:before{background:var(--red-light)}.control-meter{position:relative;display:flex;width:100%;height:9px;margin:7px auto 4px;overflow:hidden;clip-path:polygon(3% 0,97% 0,100% 50%,97% 100%,3% 100%,0 50%);background:#14130d}.control-meter:after{position:absolute;top:0;bottom:0;left:50%;width:2px;content:"";background:#efe2b7}.control-meter i{height:100%}.control-player{background:linear-gradient(90deg,#1d4f8d,var(--blue))}.control-enemy{flex:1;background:linear-gradient(90deg,var(--red),#952b28)}.control-copy{color:#c4b992;font-size:6px;font-weight:900;letter-spacing:.14em}.battle-utility-cluster{position:absolute;top:calc(10px + var(--safe-top));left:calc(12px + var(--safe-left));display:flex;align-items:center;gap:4px;padding:4px;border-color:#c5982d70;background:#14130ddb}.match-menu,.battle-guide,.battle-sound{position:relative;display:grid;width:40px;height:36px;place-items:center;border:1px solid rgba(197,152,45,.22);color:#b8ac82;background:#ffffff06;cursor:pointer}.match-menu span,.battle-guide span,.battle-sound span{font-size:14px;line-height:1}.match-menu b,.battle-guide b,.battle-sound b{position:absolute;top:calc(100% + 7px);left:50%;visibility:hidden;width:max-content;padding:5px 7px;border:1px solid rgba(197,152,45,.34);color:#d5c99f;background:#11100bf0;font-size:6px;letter-spacing:.12em;opacity:0;pointer-events:none;transform:translate(-50%,-3px);transition:opacity .12s ease,transform .12s ease,visibility .12s}.match-menu:hover b,.match-menu:focus-visible b,.battle-guide:hover b,.battle-guide:focus-visible b,.battle-sound:hover b,.battle-sound:focus-visible b{visibility:visible;opacity:1;transform:translate(-50%)}.match-menu:hover,.match-menu:focus-visible,.match-menu.open,.battle-guide:hover,.battle-guide:focus-visible{color:var(--brass-hot);border-color:#e4bb4aa3}.battle-sound{color:#8f8464}.battle-guide{color:#d4ba67}.battle-guide span{font-family:Georgia,serif;font-size:13px;font-weight:900}.battle-sound:hover,.battle-sound:focus-visible{color:var(--brass-hot);border-color:#e4bb4aa3}.battle-sound.muted{color:#a55a52}.campaign-hud{position:absolute;top:calc(88px + var(--safe-top));left:50%;display:grid;width:min(560px,calc(100vw - 510px));min-width:390px;grid-template-columns:122px 1fr 74px;gap:8px;padding:7px;transform:translate(-50%)}.campaign-hud header{display:flex;flex-direction:column;justify-content:center;padding-right:7px;border-right:1px solid rgba(197,152,45,.26)}.campaign-hud header span{color:var(--brass);font-size:6px;font-weight:900;letter-spacing:.13em}.campaign-hud header strong{margin-top:3px;font-family:Georgia,serif;font-size:10px;letter-spacing:.07em}.campaign-group-status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}.campaign-hud-defender .campaign-group-status{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-group-status>span{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:4px;padding:4px;border:1px solid rgba(178,151,79,.22);color:#857b5d;background:#ffffff06}.campaign-group-status>span.held{border-color:#5b984bb8;color:#b9d49b;background:#3f683038}.campaign-group-status b{overflow:hidden;font-size:6px;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.campaign-group-status i{color:currentColor;font-size:6px;font-style:normal;font-weight:900}.campaign-quorum{display:flex;align-items:center;flex-direction:column;justify-content:center}.campaign-quorum strong{color:var(--brass-hot);font-family:Georgia,serif;font-size:17px}.campaign-quorum span{font-size:6px;font-weight:900;letter-spacing:.1em}.campaign-medal-band{grid-column:1 / -1;display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:4px 7px;border-top:1px solid rgba(192,156,58,.25);color:#9b906d;font-size:6px;font-weight:900;letter-spacing:.11em}.campaign-medal-band.achieved{color:#f2d76d;background:#785b1647}.campaign-medal-band em{color:var(--brass-hot);font-style:normal}.minimap{isolation:isolate;position:absolute;bottom:calc(14px + var(--safe-bottom));left:calc(12px + var(--safe-left));width:142px;padding:5px;border-color:#c5982d6b;border-radius:2px;background:linear-gradient(180deg,rgba(246,218,129,.04),transparent 40%),#14130ddb;box-shadow:0 7px 20px #00000040}.minimap>b{display:block;margin:0 2px 4px;color:#9e9472;font-size:6px;letter-spacing:.16em}.minimap-field{display:block;width:100%;aspect-ratio:1;overflow:hidden;border:1px solid #15140e;background:#95a95b;box-shadow:inset 0 0 0 1px #e2cf8b73}.minimap-axis{stroke:#2123146b;stroke-dasharray:2 2;stroke-width:.65;vector-effect:non-scaling-stroke}.mini-ground{fill:#8fa457}.mini-terrain{opacity:.78}.mini-terrain-water{fill:#4f8da8}.mini-terrain-ford{fill:#81a6a0}.mini-terrain-bridge,.mini-terrain-road{fill:#b29b68}.mini-terrain-marsh{fill:#687f58}.mini-terrain-forest{fill:#4e6c3e}.mini-terrain-hill{fill:#a79159}.mini-terrain-ice{fill:#a8c4bb}.mini-terrain-sand{fill:#c2a967}.mini-terrain-village{fill:#897451}.mini-terrain-field{fill:#9eaa5b}.mini-control{opacity:.19}.mini-control-player{fill:#287fe7}.mini-control-enemy{fill:#df443c}.mini-front,.mini-front-base{fill:none;vector-effect:non-scaling-stroke}.mini-front-base{stroke-width:1.6}.mini-front{stroke-dasharray:2 1.5;stroke-width:1}.mini-front-player,.mini-front-base-player{stroke:#2578df}.mini-front-enemy,.mini-front-base-enemy{stroke:#dd3f37}.mini-structure{stroke:#0f0e08c2;stroke-width:.65;vector-effect:non-scaling-stroke}.mini-unit{stroke:#0f0e088c;stroke-width:.3;vector-effect:non-scaling-stroke}.mini-player{fill:#2678df}.mini-enemy{fill:#e1433a}.mini-neutral{fill:#d9c784}.cardbar{position:absolute;bottom:calc(10px + var(--safe-bottom));left:50%;width:min(760px,calc(100vw - 356px));padding:5px;overflow:visible;border-color:#c5982d85;border-radius:3px;background:linear-gradient(180deg,rgba(231,193,84,.055),transparent 32%),#14130de6;box-shadow:0 10px 32px #00000057,inset 0 0 18px #00000061;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%,0 8px);transform:translate(-50%)}.supply-panel{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:1px 7px 5px;border-bottom:1px solid rgba(194,161,72,.14)}.supply-line{display:flex;flex:1;align-items:center;gap:8px}.supply-line>span{color:#92886a;font-size:6px;font-weight:900;letter-spacing:.18em}.supply-line>strong{min-width:20px;color:var(--brass-hot);font-family:Georgia,serif;font-size:17px;line-height:1}.supply-line>em{padding:2px 4px;border:1px solid var(--brass);color:var(--brass-hot);font-size:7px;font-style:normal;font-weight:900}.supply-pips{display:grid;flex:1;grid-template-columns:repeat(24,minmax(3px,1fr));gap:1px}.supply-pips i{height:9px;border:1px solid rgba(0,0,0,.5);border-radius:2px;background:#19170f}.supply-pips i.filled{border-color:#705112;background:linear-gradient(#f0ca57,#b78021);box-shadow:inset 0 1px #ffffff59}.pool-line{display:flex;gap:8px;margin-left:10px;padding-left:10px;border-left:1px solid rgba(194,161,72,.28)}.pool-stock{display:flex;flex-direction:column;gap:3px;color:#b2a67c;font-size:6px;text-align:center}.pool-stock>span{display:flex;gap:3px}.pool-stock i{width:7px;height:9px;border:1px solid rgba(0,0,0,.4);background:#201e14}.pool-infantry i.ready{background:#c7a645}.pool-vehicles i.ready{background:#929b64}.pool-air i.ready{background:#7eb0c7}.cards{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;margin-top:-4px;padding-top:10px}.unit-card{position:relative;height:96px;overflow:hidden;padding:0;border:1px solid #1b170d;border-radius:3px;color:#f4e9c5;background:#8d6e2a;box-shadow:inset 0 0 0 1px #ffe07830,0 2px #14120b;pointer-events:auto;cursor:pointer;transition:transform .1s ease,filter .1s ease,border-color .1s ease}.unit-card:hover,.unit-card.selected{z-index:2;transform:translateY(-6px);border-color:var(--brass-hot);filter:brightness(1.08)}.unit-card.selected{box-shadow:inset 0 0 0 2px #fff1b473,0 0 0 2px #eec43d94,0 5px #14120b}.unit-card.poor{filter:saturate(.4) brightness(.65)}.unit-card.rejected,.supply-panel.reject-pulse-0,.supply-panel.reject-pulse-1,.pool-stock.rejected{outline:2px solid #ff6558;outline-offset:-2px}.supply-line.rejected>strong,.pool-stock.rejected b{color:#ff8a7f}.reject-pulse-0{animation:order-reject-0 .36s ease-out}.reject-pulse-1{animation:order-reject-1 .36s ease-out}@keyframes order-reject-0{0%,to{transform:translate(0);filter:none}20%{transform:translate(-5px);filter:brightness(1.35)}45%{transform:translate(4px)}70%{transform:translate(-2px)}}@keyframes order-reject-1{0%,to{transform:translate(0);filter:none}20%{transform:translate(5px);filter:brightness(1.35)}45%{transform:translate(-4px)}70%{transform:translate(2px)}}.unit-card.card-infantry{background:linear-gradient(150deg,#d9aa35,#7c6326)}.unit-card.card-vehicle{background:linear-gradient(150deg,#d85d48,#704034)}.unit-card.card-air,.unit-card.card-strike{background:linear-gradient(150deg,#58b7cc,#31596a)}.unit-card.card-support{background:linear-gradient(150deg,#8f9e66,#48513b)}.unit-card>strong{position:absolute;right:3px;bottom:5px;left:3px;overflow:hidden;padding:4px 2px 3px;border-top:1px solid rgba(249,230,167,.35);background:#12100adb;font-size:clamp(5px,.63vw,7px);line-height:1.15;letter-spacing:.05em;text-overflow:ellipsis;white-space:nowrap}.unit-card>small{position:absolute;right:5px;bottom:22px;color:#fff5d2a6;font-size:6px;font-weight:800}.card-cost,.card-hotkey,.card-stack{position:absolute;z-index:3;display:grid;place-items:center;font-weight:900}.card-cost{top:4px;left:4px;width:23px;height:23px;border:2px solid #4d3912;border-radius:50%;color:#241b0c;background:#ead170;font-family:Georgia,serif;font-size:12px;text-shadow:none}.card-hotkey{bottom:5px;left:5px;width:15px;height:15px;border:1px solid #ad9560;color:#eee4c3;background:#1d1a11;font-size:7px}.card-stack{top:5px;right:5px;padding:3px 5px;border:1px solid #5d4518;border-radius:2px;color:#251b09;background:var(--brass-hot);font-size:9px;text-shadow:none}.card-glyph{position:absolute;inset:0 0 24px;overflow:hidden}.card-glyph:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at 65% 26%,rgba(255,241,173,.56),transparent 42%)}.card-glyph.has-art:before{z-index:1;background:linear-gradient(180deg,transparent 45%,rgba(12,12,9,.2) 72%,rgba(12,12,9,.82) 100%),linear-gradient(90deg,rgba(9,10,7,.2),transparent 20% 80%,rgba(9,10,7,.2))}.card-glyph.has-art img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.92) contrast(1.04);transform:scale(1.02)}.glyph-ground{position:absolute;right:-12%;bottom:1px;left:-12%;height:24px;border-radius:50% 50% 0 0;background:#2f2e196b}.glyph-soldier{--soldier-index: 0;position:absolute;bottom:calc(8px + (var(--soldier-index) % 2) * 4px);left:calc(28% + var(--soldier-index) * 11%);width:11px;height:29px;border-radius:7px 7px 3px 3px;background:#dfc487;box-shadow:inset -3px 0 #362c193d,0 2px 4px #00000059;transform:rotate(calc((var(--soldier-index) - 1.5) * 3deg))}.glyph-soldier:before{position:absolute;top:-6px;left:1px;width:10px;height:10px;border-radius:50%;content:"";background:#e7b96f;box-shadow:0 -3px #6d6f3d}.glyph-soldier:after{position:absolute;top:10px;left:-4px;width:21px;height:3px;content:"";background:#4e4528;transform:rotate(-17deg)}.glyph-hull{position:absolute;bottom:10px;left:22%;width:58%;height:24px;border:3px solid #433423;border-radius:13px 8px 5px 6px;background:#b4ad75;box-shadow:inset 0 -7px #312b1b59,0 4px 5px #00000052;transform:rotate(-5deg)}.glyph-turret{position:absolute;bottom:31px;left:43%;width:29px;height:16px;border-radius:8px 10px 3px 3px;background:#c7bb78;transform:rotate(-7deg)}.glyph-turret:after{position:absolute;top:6px;right:-25px;width:29px;height:4px;content:"";background:#51472e}.glyph-plane{position:absolute;top:22px;left:23%;width:59%;height:12px;border-radius:50%;background:#d5d2b3;box-shadow:0 3px 4px #0000004d;transform:rotate(-16deg)}.glyph-plane:after{position:absolute;top:-12px;left:39%;width:13px;height:36px;border-radius:60% 10%;content:"";background:#bfc3ad}.glyph-burst{position:absolute;right:19%;bottom:7px;width:25px;height:25px;border-radius:50%;background:radial-gradient(circle,#fff1a3 0 18%,#e77330 20% 46%,transparent 49%)}.glyph-building{position:absolute;bottom:7px;left:25%;width:52%;height:38px;border:3px solid #47462d;background:#9e9a6c;box-shadow:inset 0 -7px #2b2a1a40}.glyph-building:before{position:absolute;top:-11px;left:7px;width:28px;height:15px;content:"";background:#77764d;clip-path:polygon(50% 0,100% 100%,0 100%)}.glyph-flag{position:absolute;top:11px;left:29%;width:2px;height:36px;background:#463c21}.glyph-flag:after{position:absolute;top:0;left:2px;width:22px;height:12px;content:"";background:#dbc85d;clip-path:polygon(0 0,100% 18%,80% 100%,0 85%)}.card-detail{position:absolute;right:16px;bottom:14px;width:210px;min-height:112px;padding:12px}.card-detail>span{color:var(--brass);font-size:7px;font-weight:900;letter-spacing:.19em}.card-detail>strong{display:block;margin:5px 0 7px;font-family:Georgia,serif;font-size:12px;letter-spacing:.08em}.card-detail p{margin:0 0 8px;color:#c0b58e;font-family:Georgia,serif;font-size:9px;line-height:1.35;letter-spacing:0}.card-detail div{display:flex;flex-wrap:wrap;gap:4px}.card-detail i{padding:2px 4px;border:1px solid rgba(198,161,61,.3);color:#a99b69;font-size:6px;font-style:normal}.order-toast{position:absolute;top:calc(112px + var(--safe-top));left:50%;padding:6px 12px;border:1px solid var(--brass);color:var(--brass-hot);background:#1a170de6;box-shadow:var(--shadow);font-size:8px;font-weight:900;letter-spacing:.16em;transform:translate(-50%);animation:toast-in .18s ease-out}.global-toast{position:absolute;z-index:40;top:calc(18px + var(--safe-top));left:50%;padding:8px 13px;border:1px solid var(--brass);color:var(--brass-hot);background:#1a170df0;box-shadow:var(--shadow);font-size:8px;font-weight:900;letter-spacing:.16em;transform:translate(-50%);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}}.training-coach{position:absolute;z-index:9;top:calc(92px + var(--safe-top));right:calc(14px + var(--safe-right));left:auto;width:min(310px,calc(100vw - 40px));padding:12px 14px 11px;border:1px solid var(--brass);border-radius:3px;color:#e7dba8;background:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),#1b180ef2;box-shadow:var(--panel-edge);transform:none}.training-coach.coach-deploy,.training-coach.coach-garrison{top:auto;bottom:calc(126px + var(--safe-bottom))}.training-coach>span{color:var(--brass);font-size:7px;font-weight:900;letter-spacing:.2em;text-transform:uppercase}.training-coach h2{margin:5px 0 6px;font-family:Georgia,serif;font-size:16px;letter-spacing:.05em}.training-coach p{margin:0;color:#c6ba91;font-family:Georgia,serif;font-size:10px;line-height:1.45;letter-spacing:0}.training-coach>div{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:11px}.coach-next,.coach-skip{border:0;background:none;font-size:7px;font-weight:900;letter-spacing:.13em;cursor:pointer}.coach-next{min-height:32px;padding:6px 14px;color:#20190b;background:var(--brass-hot)}.coach-next:hover{filter:brightness(1.08)}.coach-skip{min-height:32px;padding:6px 10px;color:#968b68}.coach-skip:hover{color:#ded4ad}.aar-scrim{z-index:30}.app:has(.campaign-hud) .order-toast{top:calc(182px + var(--safe-top))}.surrender-strip{position:absolute;z-index:12;top:calc(92px + var(--safe-top));left:calc(16px + var(--safe-left));display:flex;align-items:center;gap:6px;padding:5px 6px 5px 11px;border:1px solid rgba(197,152,45,.72);color:#d4c8a0;background:var(--panel);box-shadow:var(--panel-edge);font-size:7px;font-weight:900;letter-spacing:.14em}.surrender-strip button{min-height:32px;border:1px solid rgba(192,159,70,.45);padding:5px 10px;color:#cfc39b;background:#ffffff0d;font-size:7px;font-weight:900;letter-spacing:.11em;cursor:pointer}.surrender-strip .danger-button{border-color:#8e443b;color:#f1d4c9;background:#71372c}.surrender-strip button:hover{border-color:var(--brass-hot);color:#efe6c4}.surrender-strip .danger-button:hover{border-color:#b0564a}.aar-panel{width:min(850px,100%);max-height:min(760px,calc(100vh - 56px));overflow:auto;padding:28px}.aar-header{display:flex;justify-content:space-between;gap:20px;padding-bottom:15px;border-bottom:1px solid rgba(70,49,14,.32)}.aar-header h2{margin:5px 0 2px;color:#1d3150;font-family:Georgia,serif;font-size:34px;letter-spacing:.14em}.aar-panel.lost .aar-header h2{color:#713029}.aar-panel.drawn .aar-header h2{color:#65552e}.aar-panel.drawn{border-color:#8d7942}.aar-header p{margin:0;font-family:Georgia,serif;font-size:11px;letter-spacing:0}.vp-award{display:grid;min-width:126px;grid-template-columns:auto 1fr;grid-template-rows:1fr auto auto;align-items:center;padding:8px 12px;border:1px solid rgba(86,62,15,.38);background:#fff6c942}.vp-award strong{grid-row:1 / 3;color:#7b5b15;font-family:Georgia,serif;font-size:31px}.vp-award span{font-size:14px;font-weight:900}.vp-award small{font-size:6px;font-weight:900;letter-spacing:.12em}.vp-award em{grid-column:1 / -1;margin-top:5px;padding-top:5px;border-top:1px solid rgba(86,62,15,.22);color:#624a15;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.1em;text-align:center}.aar-unlocks{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px;padding:9px;border:1px solid #8e6b1c;color:#604813;background:#ecc44840;font-size:8px;letter-spacing:.12em}.aar-unlocks b{font-family:Georgia,serif}.campaign-verdict{display:grid;grid-template-columns:1fr 130px;gap:14px;margin-top:12px;padding:12px;border:1px solid rgba(86,62,15,.36);background:#fff6c93d}.campaign-verdict.achieved{border-color:#7d6a25;box-shadow:inset 4px 0 #9e7a24}.campaign-verdict.missed{border-color:#8a493b;box-shadow:inset 4px 0 #8a493b}.campaign-verdict>div:first-child{display:flex;flex-direction:column}.campaign-verdict>div:first-child>span,.campaign-verdict>small{color:#745f31;font-size:6px;font-weight:900;letter-spacing:.12em}.campaign-verdict>div:first-child>strong{margin:4px 0;color:#624815;font-family:Georgia,serif;font-size:18px;letter-spacing:.08em}.campaign-verdict.missed>div:first-child>strong{color:#7b342d}.campaign-verdict p{margin:0;font-family:Georgia,serif;font-size:10px;letter-spacing:0}.campaign-verdict-medal{display:flex;align-items:center;flex-direction:column;justify-content:center;border:1px solid rgba(83,59,15,.3);background:#fffae133}.campaign-verdict-medal b{color:#7b5c15;font-family:Georgia,serif;font-size:15px}.campaign-verdict-medal span{margin-top:3px;font-size:6px;font-weight:900;letter-spacing:.1em}.campaign-verdict>small{grid-column:1 / -1;padding-top:7px;border-top:1px solid rgba(83,59,15,.2)}.aar-trend{display:grid;grid-template-columns:130px 1fr;gap:14px;margin:18px 0;padding:12px;border:1px solid rgba(74,52,15,.28);background:#fff5cc38}.aar-trend>div{display:flex;flex-direction:column;gap:7px;justify-content:center;font-size:7px;font-weight:900}.aar-trend>div span:first-of-type{color:#3268a4}.aar-trend>div span:last-child{color:#a63e37}.aar-trend>div span strong{margin-left:4px;color:currentColor;font-family:Georgia,serif;font-size:12px}.aar-trend svg{width:100%;height:105px;overflow:visible;border-left:1px solid rgba(61,44,13,.24)}.aar-trend line{stroke:#48341054;stroke-dasharray:2 2;stroke-width:.5}.aar-trend polyline{fill:none;stroke:#345d8c;stroke-width:2;vector-effect:non-scaling-stroke}.aar-decision{margin:-8px 0 16px;padding:8px 10px;border-left:3px solid #786224;color:#59491e;background:#fff6c940;font-size:7px;font-weight:900;letter-spacing:.12em}.aar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.aar-stat{min-height:76px;padding:11px;border:1px solid rgba(69,49,14,.26);background:#fff7d533}.aar-stat span{display:block;color:#755e2e;font-size:7px;font-weight:900;letter-spacing:.16em}.aar-stat strong{display:block;margin:6px 0 1px;font-family:Georgia,serif;font-size:20px}.aar-stat small{color:#8d543e;font-size:7px;font-weight:800}.aar-losses{display:grid;grid-template-columns:repeat(4,1fr);margin-top:10px;border:1px solid rgba(66,47,13,.27)}.aar-losses span{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:8px 10px;border-right:1px solid rgba(66,47,13,.2);font-size:7px}.aar-losses i,.aar-losses em{font-style:normal;font-weight:900}.aar-losses i{color:#285f9f}.aar-losses em{color:#a43a34}.aar-feedback{margin-top:10px;padding:10px;border:1px solid rgba(66,47,13,.27);background:#fff7d529}.aar-feedback>label{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:#755e2e;font-size:7px;font-weight:900;letter-spacing:.16em}.aar-feedback>label small,.aar-feedback>span{color:#846f3f;font-size:6px;font-weight:800;letter-spacing:.1em}.aar-feedback>div{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:7px}.aar-feedback textarea{min-height:52px;resize:vertical;border:1px solid rgba(66,47,13,.35);border-radius:2px;padding:8px;color:#2d281c;background:#fffce78f;font-family:Georgia,serif;font-size:10px;letter-spacing:0;-webkit-user-select:text;user-select:text}.aar-feedback button{align-self:stretch;min-width:104px;border:1px solid #80631d;color:#f5e6af;background:#6a511a;font-size:7px;font-weight:900;letter-spacing:.12em;cursor:pointer}.aar-feedback button:disabled{cursor:not-allowed;filter:grayscale(.7);opacity:.48}.aar-feedback>span{display:block;min-height:8px;margin-top:5px;text-align:right}.aar-actions{display:flex;justify-content:center;gap:9px;margin-top:18px}.aar-actions>button{min-width:210px;padding:11px 15px;background:#fff7d447;font-size:8px}.aar-actions>.brass-button{background:linear-gradient(#f1d260,#c99d2b)}.queue-card .danger-button:hover,.aar-feedback button:hover{filter:brightness(1.12)}.modal-close:hover{background:#ffffff38}@media(min-width:901px)and (max-width:1230px){.card-detail{bottom:calc(148px + var(--safe-bottom));max-height:132px}}@media(max-width:1100px){.command-board{right:calc(28px + var(--safe-right));left:calc(28px + var(--safe-left))}.cardbar{width:min(680px,calc(100vw - 230px))}.card-detail{right:calc(16px + var(--safe-right));bottom:calc(148px + var(--safe-bottom));display:block;max-height:132px;overflow:auto}.battle-top-rail{width:calc(100vw - 210px);min-width:650px;grid-template-columns:minmax(160px,.75fr) minmax(270px,1.45fr) minmax(160px,.75fr)}.map-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.armory-grid{grid-template-columns:repeat(3,minmax(145px,1fr))}.campaign-side{grid-template-columns:180px 1fr 180px}.campaign-best{grid-column:1 / 3}.campaign-side>.brass-button{grid-column:3}}@media(max-width:900px){.battle-top-rail{min-width:540px;grid-template-columns:minmax(132px,.75fr) minmax(236px,1.45fr) minmax(132px,.75fr)}}@media(max-width:760px){.menu-masthead{top:calc(12px + var(--safe-top));right:calc(12px + var(--safe-right));left:calc(12px + var(--safe-left))}.wordmark-kicker,.net-status{display:none}.wordmark{gap:7px}.masthead-left{gap:6px}.wordmark-mark{width:32px}.wordmark strong{font-size:clamp(20px,6vw,24px);letter-spacing:.12em}.wordmark-secondary{margin-top:2px;font-size:6px;letter-spacing:.2em}.commander-tag{min-width:158px;gap:6px;padding:5px 6px}.commander-seal{width:23px;height:23px;font-size:9px}.commander-tag b{font-size:9px}.commander-tag small{font-size:6px}.commander-tag>button{width:26px;height:26px}.record-summary{min-width:148px;padding:6px 8px}.record-summary strong{font-size:14px}.command-board{right:calc(12px + var(--safe-right));bottom:calc(48px + var(--safe-bottom));left:calc(12px + var(--safe-left))}.board-heading{display:block;text-align:center}.board-heading small{display:none}.menu-columns{grid-template-columns:1fr;gap:7px}.menu-operation,.menu-operation.primary-operation{min-height:76px}.menu-operation strong{font-size:17px}.menu-operation em{display:none}.menu-operation.map-operation{min-height:76px;justify-content:center}.operation-map-diagram{display:none}.operation-map-footer{justify-content:center}.map-operation small{text-align:center}.board-rail{grid-template-columns:1fr auto}.board-rail>span:first-child,.loadout-miniatures i:nth-child(n+5){display:none}.menu-footer span{display:none}.menu-footer{right:calc(10px + var(--safe-right));left:calc(10px + var(--safe-left));gap:9px;overflow-x:auto;font-size:6px;white-space:nowrap}.modal-scrim{align-items:start;padding:calc(12px + var(--safe-top)) calc(12px + var(--safe-right)) calc(12px + var(--safe-bottom)) calc(12px + var(--safe-left))}.welcome-scrim,.aar-scrim{align-items:center}.map-book,.field-manual,.aar-panel,.armory-book,.campaign-book,.news-sheet{max-height:calc(100vh - 24px);padding:18px}.field-manual .modal-close{position:fixed;top:calc(30px + var(--safe-top));right:calc(8px + var(--safe-right));z-index:30;background:#ebdaa5f5;box-shadow:0 3px 12px #271c083d}.map-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.manual-grid{grid-template-columns:1fr}.manual-quickline,.manual-role-reference>header{align-items:flex-start;flex-direction:column}.manual-role-reference>div{grid-template-columns:1fr 1fr}.manual-role-reference article:nth-child(2){border-right:0}.manual-role-reference article:nth-child(n+3){border-top:1px solid rgba(69,50,14,.18)}.army-ledger{grid-template-columns:1fr}.army-cost-legend{grid-template-columns:38px 1fr}.army-cost-legend small{grid-column:1 / -1;padding:8px 0 0;border-top:1px solid rgba(99,69,13,.24);border-left:0}.unlock-ledger>span{flex-direction:column}.armory-grid{grid-template-columns:repeat(2,minmax(130px,1fr))}.campaign-side{grid-template-columns:1fr}.campaign-side>p,.campaign-objective-copy,.campaign-best,.campaign-side>.brass-button{grid-column:1}.campaign-objective-copy{padding:10px 0 0;border-top:1px solid rgba(70,49,14,.24);border-left:0}.campaign-side>.brass-button{min-height:38px}.news-sheet article{padding:42px 13px 13px}.battle-top-rail{top:calc(8px + var(--safe-top));right:calc(8px + var(--safe-right));left:calc(8px + var(--safe-left));width:auto;min-width:0;min-height:58px;grid-template-columns:minmax(106px,1fr) minmax(128px,1.08fr) minmax(106px,1fr);transform:none}.hq-plate{top:auto;width:auto;min-height:56px;padding:7px 8px}.hq-player{left:auto}.hq-enemy{right:auto}.hq-label{font-size:6px;letter-spacing:.12em}.hq-crest{display:none}.hq-label em{display:inline;margin-left:4px;font-size:6px;letter-spacing:.04em}.hq-health{height:7px;margin:6px 0 3px}.hq-plate>b{font-size:8px}.topcenter{top:auto;width:auto;min-width:0;height:auto;padding:5px 8px}.battle-time{font-size:15px}.battle-status-line>span{overflow:hidden;width:8px;font-size:0}.control-meter{width:100%;height:8px;margin-top:4px}.control-copy{font-size:6px}.battle-utility-cluster{top:calc(73px + var(--safe-top));left:calc(8px + var(--safe-left));padding:3px}.match-menu,.battle-guide,.battle-sound{width:34px;height:31px}.campaign-hud{top:calc(116px + var(--safe-top));right:calc(8px + var(--safe-right));left:calc(8px + var(--safe-left));width:auto;min-width:0;grid-template-columns:92px 1fr 60px;transform:none}.campaign-group-status b{max-width:52px}.minimap{bottom:calc(116px + var(--safe-bottom));left:calc(8px + var(--safe-left));width:92px;padding:4px}.minimap>b{font-size:6px}.cardbar{right:calc(5px + var(--safe-right));bottom:calc(5px + var(--safe-bottom));left:calc(5px + var(--safe-left));width:auto;padding:4px;transform:none}.supply-panel{min-height:27px;padding:2px 4px 4px}.supply-line{gap:4px}.supply-line>strong{min-width:18px;font-size:14px}.supply-pips{gap:1px}.supply-pips i{height:8px}.pool-line{gap:5px;margin-left:5px;padding-left:5px}.pool-stock b{font-size:6px}.pool-stock i{width:5px;height:8px}.cards{grid-template-columns:repeat(8,minmax(64px,64px));gap:2px;overflow-x:auto;padding:3px 1px 5px;overscroll-behavior-x:contain;scrollbar-color:var(--brass-dark) rgba(0,0,0,.22);scrollbar-width:thin}.unit-card{height:78px;border-width:1px}.card-detail{right:calc(8px + var(--safe-right));bottom:calc(128px + var(--safe-bottom));left:calc(105px + var(--safe-left));display:block;width:auto;min-height:0;max-height:104px;overflow:auto;padding:8px}.unit-card>strong{right:1px;bottom:2px;left:1px;font-size:6px}.unit-card>small{display:none}.card-cost{width:18px;height:18px;border-width:1px;font-size:9px}.card-hotkey{bottom:3px;left:3px;display:none;width:12px;height:12px;font-size:6px}.card-stack{padding:2px 3px;font-size:7px}.card-glyph{bottom:19px;transform:scale(.78);transform-origin:center bottom}.training-coach,.training-coach.coach-deploy,.training-coach.coach-garrison{top:calc(138px + var(--safe-top));right:calc(12px + var(--safe-right));bottom:auto;left:calc(12px + var(--safe-left));width:auto;padding:11px}.training-coach h2{font-size:13px}.training-coach p{font-size:9px}.aar-header{flex-direction:column}.vp-award{align-self:flex-start}.campaign-verdict{grid-template-columns:1fr}.campaign-verdict-medal,.campaign-verdict>small{grid-column:1}.campaign-verdict-medal{min-height:58px}.aar-trend{grid-template-columns:1fr}.aar-grid,.aar-losses{grid-template-columns:repeat(2,1fr)}.aar-actions{flex-direction:column}.aar-feedback>div{grid-template-columns:1fr}.aar-feedback button{min-height:34px}}@media(max-width:430px){.map-grid{grid-template-columns:1fr}.map-sheet{min-height:0}.manual-controls{align-items:flex-start;flex-direction:column}.manual-close{min-width:0;width:100%}.armory-grid{grid-template-columns:1fr}.armory-actions{align-items:stretch;flex-direction:column}.armory-actions .brass-button{min-width:0}.campaign-hud{top:calc(166px + var(--safe-top));grid-template-columns:76px 1fr 50px}.campaign-group-status{grid-template-columns:1fr}.campaign-medal-band{gap:5px}.hq-plate{width:112px}.minimap{bottom:calc(145px + var(--safe-bottom));display:block;width:70px}.pool-line{display:flex;width:100%;margin:3px 0 0;padding:3px 0 0;border-top:1px solid rgba(194,161,72,.28);border-left:0}.supply-panel{flex-wrap:wrap}.cards{grid-template-columns:repeat(8,minmax(58px,58px))}.unit-card{height:68px}.unit-card>strong{font-size:6px}.card-hotkey{display:none}.card-detail{right:calc(6px + var(--safe-right));bottom:calc(117px + var(--safe-bottom));left:calc(84px + var(--safe-left))}.aar-grid{grid-template-columns:1fr}}@media(max-width:760px){.surrender-strip{top:calc(118px + var(--safe-top))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reject-pulse-0,.reject-pulse-1{animation:none!important}}