/* Top War command-interface skin. No control visibility, positioning or game logic changes. */
body.game-ui[data-game-surface][data-game-area]{--game-cyan:#81ddeb;--game-gold:#e8ba70;--game-line:#38566b;--game-panel:#122838;--game-soft:#a9c1d2;--game-glow:rgba(79,190,214,.11);background-color:#08121e;background-image:radial-gradient(ellipse at 90% 0%,#16405455,transparent 45%),linear-gradient(180deg,#0e1e2b 0,#08121e 580px);background-attachment:fixed;color:#dfebf4}
body.game-ui[data-game-surface][data-game-area][data-game-area="supplies"]{--game-cyan:#e4c18a;--game-glow:rgba(222,169,76,.1)}
body.game-ui[data-game-surface][data-game-area][data-game-area="account"]{--game-cyan:#b4b9ee;--game-glow:rgba(144,133,224,.1)}
body.game-ui[data-game-surface][data-game-area][data-game-area="upgrade"]{--game-cyan:#90d7ed}
body.game-ui[data-game-surface][data-game-area]>header,body.game-ui[data-game-surface][data-game-area]>header.player-header{background:linear-gradient(180deg,#192f40,#0d1e2c);border-bottom:1px solid #456479;box-shadow:0 3px 18px #0005,inset 0 1px #8bb4c41c}
body.game-ui[data-game-surface][data-game-area] .brand-mark,body.game-ui[data-game-surface][data-game-area] .brand img{filter:drop-shadow(0 0 7px #5bc6dc55)}
body.game-ui[data-game-surface][data-game-area] .brand{letter-spacing:.08em}
body.game-ui[data-game-surface][data-game-area] :is(.site-context,.refresh-links){border-color:#2d495d}
body.game-ui[data-game-surface][data-game-area] :is(#site-menu,.player-language-select,.site-language-control select){background:linear-gradient(160deg,#203e50,#122633);border-color:#4e7385;box-shadow:inset 0 1px #afd9e921}
body.game-ui[data-game-surface][data-game-area] main .game-title{position:relative;padding-inline-start:60px;font-size:clamp(26px,2.3vw,34px);line-height:1.25;font-weight:780;letter-spacing:-.025em;min-height:48px;display:flex;align-items:center;color:#eef5fa;text-shadow:0 2px 12px #0004}
body.game-ui[data-game-surface][data-game-area] main .game-title::before{content:'';position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);width:46px;height:48px;background:url('game-insignia-v318.svg') center/contain no-repeat;filter:drop-shadow(0 3px 8px #0008)}
body.game-ui[data-game-surface][data-game-area] main .game-heading{position:relative;isolation:isolate;padding:24px 26px;margin:0 0 22px;border:1px solid #3b586c;border-radius:16px;background:linear-gradient(100deg,#142e40 0%,#102333f2 50%,#10233344 100%),url('game-tactical-v318.svg') right center/auto 310px no-repeat;box-shadow:inset 0 1px #b2d9e315,0 12px 32px #0003;overflow:hidden}
body.game-ui[data-game-surface][data-game-area] main .game-heading::after{content:'';position:absolute;pointer-events:none;inset:0;border-top:2px solid #b4c9c712;clip-path:polygon(0 0,90px 0,90px 3px,0 3px);z-index:-1}
body.game-ui[data-game-surface][data-game-area] main .game-heading :is(.intro,.lead){margin-bottom:0;max-width:72ch;color:#bbcedd}
body.game-ui[data-game-surface][data-game-area] main :is(.eyebrow,.home-eyebrow,.preview-label){color:var(--game-gold);font-weight:750;letter-spacing:.13em;font-size:10px}
body.game-ui[data-game-surface][data-game-area] main .home-intro{padding:30px;min-height:330px;background-size:auto,auto 420px;background-position:center,right bottom}
body.game-ui[data-game-surface][data-game-area] main .home-intro .game-title{font-size:clamp(29px,3vw,42px);max-width:24ch;min-height:76px;margin:20px 0 16px}
body.game-ui[data-game-surface][data-game-area] main .home-intro .game-title::before{width:52px;height:62px}
body.game-ui[data-game-surface][data-game-area] .home-quick-actions{margin:22px 0}
body.game-ui[data-game-surface][data-game-area] main :is(.home-button,.home-tool-jump,button.primary,.primary-button){background:linear-gradient(180deg,#f2cc8c,#dbaa5e);border:1px solid #f6dba7;color:#17212b!important;font-weight:750;box-shadow:inset 0 1px #fff9,0 3px 0 #6a4c28,0 5px 15px #0004;text-shadow:none}
body.game-ui[data-game-surface][data-game-area] main :is(.home-button,.home-tool-jump,button.primary,.primary-button):hover{background:linear-gradient(180deg,#ffe2ae,#e8ba70)}
body.game-ui[data-game-surface][data-game-area] :is(main,dialog) button:not(.primary):not(.home-tool-jump):not(.talent-node):not(.open-item):not(.open-hero):not(.open-pack){border-radius:8px;box-shadow:inset 0 1px #aacbdd16,0 2px 3px #0002}
body.game-ui[data-game-surface][data-game-area] :is(main,dialog) :is(.formation-tabs,.gear-tabs,.pills,.account-tabs,.pack-sections,.tool-jumps,.home-filter){gap:7px}
body.game-ui[data-game-surface][data-game-area] :is(main,dialog) :is(.formation-tabs,.gear-tabs,.pills,.account-tabs,.pack-sections,.tool-jumps,.home-filter) :is(button,a){background:linear-gradient(180deg,#20394b,#142b3b);border-color:#3e6175;color:#c5d7e3}
body.game-ui[data-game-surface][data-game-area] :is(main,dialog) :is(.formation-tabs,.gear-tabs,.pills,.account-tabs,.pack-sections,.tool-jumps,.home-filter) :is(button,a):is(.active,[aria-pressed=true],[aria-current=page]){background:linear-gradient(180deg,#31586a,#203e4e)!important;color:#eefaff!important;border-color:#83c7d9!important;box-shadow:inset 0 -3px var(--game-cyan),0 0 14px #4fafc41a}
body.game-ui[data-game-surface][data-game-area] main .game-card,body.game-ui[data-game-surface][data-game-area] main :is(.home-account,.home-next,.chain-sidebar,.chain-work,.gear-set){background:linear-gradient(155deg,#1b3447,#112433 60%);border:1px solid #3b586c;border-radius:13px;box-shadow:inset 0 1px #b4d0e219,0 5px 14px #0003;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
body.game-ui[data-game-surface][data-game-area] main .game-card:hover{border-color:#79acc0;box-shadow:inset 0 1px #b4d0e22a,0 7px 20px #0005,0 0 18px var(--game-glow);transform:translateY(-2px)}
body.game-ui[data-game-surface][data-game-area] main .game-card :is(h2,h3){font-weight:750;color:#e8f2fa}
body.game-ui[data-game-surface][data-game-area] .home-group-icon{width:44px;height:44px;border:1px solid #4a7487;border-radius:11px;background:radial-gradient(ellipse at top,#315d73,#142e40);box-shadow:inset 0 1px #b6e1ed24,0 3px 10px #0003;color:var(--game-cyan)}
body.game-ui[data-game-surface][data-game-area] .home-group-icon svg{width:25px;height:25px}
body.game-ui[data-game-surface][data-game-area] .home-tool{border-color:#365064}
body.game-ui[data-game-surface][data-game-area] .home-tool:hover{background:#254154}
body.game-ui[data-game-surface][data-game-area] .home-tool-arrow{color:var(--game-gold)}
body.game-ui[data-game-surface][data-game-area] main :is(.formation-card-heading,.gear-card-head){background:radial-gradient(ellipse at 0 0,#52859622,transparent 75%)}
body.game-ui[data-game-surface][data-game-area][data-page="formations"] main .formation-card-heading{padding:22px 18px 14px;align-items:center;gap:16px}
body.game-ui[data-game-surface][data-game-area][data-page="formations"] main .formation-card-heading .formation-icon{width:76px;height:76px;object-fit:contain;padding:6px;background:radial-gradient(ellipse,#45768a55,#0b1c2980);border:1px solid #5c8295;border-radius:15px;box-shadow:0 0 22px #45bed521,inset 0 1px #b3dce233;filter:drop-shadow(0 4px 5px #0004)}
body.game-ui[data-game-surface][data-game-area] .trooper-portrait{background:radial-gradient(ellipse at center,#3b6d8566,#102635 65%);border-bottom:1px solid #3b596b;position:relative}
body.game-ui[data-game-surface][data-game-area] .trooper-portrait .trooper-art{filter:drop-shadow(0 7px 8px #0007)}
body.game-ui[data-game-surface][data-game-area] main .game-card :is(.formation-card-link,.formation-card-foot){background:linear-gradient(180deg,#193447,#142b3b);border-color:#416477;color:#bbecf2}
body.game-ui[data-game-surface][data-game-area] main :is(.item-art,.hero-art,.beast-art,.gear-art){background:radial-gradient(ellipse,#30546755,#102333);border-color:#496878}
body.game-ui[data-game-surface][data-game-area] :is(main,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){background-color:#0b1d2c;border-color:#496b80;box-shadow:inset 0 2px 4px #0003;color:#e4eef6}
body.game-ui[data-game-surface][data-game-area] :is(main,dialog) :is(input,select,textarea):focus{border-color:#90d5e3}
body.game-ui[data-game-surface][data-game-area] main :is(.filters,.gear-filters,.tree-toolbar,.list-tools){background:linear-gradient(160deg,#142c3d,#102230);border-color:#38566a;box-shadow:inset 0 1px #adcdd719}
body.game-ui[data-game-surface][data-game-area] dialog{background:linear-gradient(145deg,#142b3c,#0e202e);border:1px solid #56778e;border-radius:15px;box-shadow:0 25px 90px #000a,inset 0 1px #bad7e32b}
body.game-ui[data-game-surface][data-game-area] dialog::backdrop{background:#020914c9;backdrop-filter:blur(3px)}
body.game-ui[data-game-surface][data-game-area] dialog :is(.formation-dialog-head,.dialog-head,.dialog-heading){background:linear-gradient(135deg,#24465b,#132d3e);border-bottom:1px solid #55758b;box-shadow:inset 0 1px #c9e8f229}
body.game-ui[data-game-surface][data-game-area] dialog :is(.formation-dialog-head,.dialog-head) h2{color:#eef6fb}
body.game-ui[data-game-surface][data-game-area] dialog details>summary{background:linear-gradient(130deg,#223f52,#173143);border-color:#547487}
body.game-ui[data-game-surface][data-game-area] dialog details[open]>summary{background:linear-gradient(130deg,#2b5263,#203f50);border-color:#83bccb;box-shadow:inset 3px 0 #90dbe5}
body.game-ui[data-game-surface][data-game-area] dialog :is(.fp-result,.htp-total,.tr-timers>div){background:linear-gradient(135deg,#244d4c,#153638);border-color:#659b97;box-shadow:inset 0 1px #c3f2de20,0 6px 20px #0002}
body.game-ui[data-game-surface][data-game-area] .game-range{grid-column:1/-1;position:relative;height:8px;width:100%;border-radius:6px;background:#081823;border:1px solid #3d5d70;box-shadow:inset 0 1px 2px #0008;margin:2px 0 4px;overflow:visible;pointer-events:none}
body.game-ui[data-game-surface][data-game-area] .game-range-current,body.game-ui[data-game-surface][data-game-area] .game-range-upgrade{position:absolute;inset-block:0;inset-inline-start:0;border-radius:5px;background:#40748a;width:var(--range-start)}
body.game-ui[data-game-surface][data-game-area] .game-range-upgrade{inset-inline-start:var(--range-start);width:calc(var(--range-target) - var(--range-start));background:linear-gradient(90deg,#7edee9,#e8c487);box-shadow:0 0 9px #81ddeb55}
body.game-ui[data-game-surface][data-game-area] .game-range i{position:absolute;top:50%;inset-inline-start:clamp(4px,var(--range-target),calc(100% - 4px));width:9px;height:9px;border:2px solid #ffe3a8;background:#2d4c5b;transform:translate(-50%,-50%) rotate(45deg)}
/* The embedded calculator shares the surface treatment, keeping its compact layout. */
body.game-ui[data-game-surface][data-game-area][data-game-surface="player"] #tool{background:linear-gradient(150deg,#183347,#102333);border:1px solid #426176;box-shadow:inset 0 1px #b3dce225,0 8px 24px #0003}
body.game-ui[data-game-surface][data-game-area][data-game-surface="player"] :is(.result,.comparison-result,.talent-budget-result){background:linear-gradient(135deg,#244d4c,#143337);border-color:#659b97}
body.game-ui[data-game-surface][data-game-area][data-game-surface="player"] .talent-node{background:linear-gradient(145deg,#1a3346,#102332);border-color:#405f75}
body.game-ui[data-game-surface][data-game-area][data-game-surface="player"] nav button[aria-current="page"]{background:#254b5c;border-color:#78c2d2;color:#effaff}
body.game-ui[data-game-surface][data-game-area][data-game-surface="player"] details[open]>summary{border-color:#83bccb;background:#214454}
body.game-ui[data-game-surface][data-game-area][data-game-surface="player"].embedded{background:transparent}
/* Planner: chrome only; no canvas, map, faction, route or object colours changed. */
body.game-ui[data-game-surface][data-game-area][data-game-surface="planner"] :is(.topbar,.plan-bar,.map-toolbar){background:linear-gradient(180deg,#1a3548,#102535);border-color:#496a7e;box-shadow:inset 0 1px #c4e1ee18}
body.game-ui[data-game-surface][data-game-area][data-game-surface="planner"] :is(.plan-bar,.top-actions,.map-toolbar) button{box-shadow:inset 0 1px #cee7f021,0 2px 3px #0003;border-color:#45677b}
body.game-ui[data-game-surface][data-game-area][data-game-surface="planner"] .tools button.active{background:linear-gradient(180deg,#eed09a,#d6aa66);border-color:#f7dba2;color:#102430;box-shadow:inset 0 1px #fff7}
body.game-ui[data-game-surface][data-game-area][data-game-surface="planner"] :is(.route-picker,.share-plan-button){border-color:#7badbd;background:linear-gradient(140deg,#2b5262,#183645);color:#e1f7fb}
@media(max-width:700px){
 body.game-ui[data-game-surface][data-game-area] main .game-title{font-size:25px;padding-inline-start:49px;min-height:43px}
 body.game-ui[data-game-surface][data-game-area] main .game-title::before{width:37px;height:43px}
 body.game-ui[data-game-surface][data-game-area] main .game-heading{padding:18px 16px;margin-bottom:16px;border-radius:12px;background-size:auto,auto 250px}
 body.game-ui[data-game-surface][data-game-area] main .home-intro{padding:20px;min-height:0}
 body.game-ui[data-game-surface][data-game-area] main .home-intro .game-title{font-size:30px;max-width:none;padding-inline-start:0;display:block;margin:12px 0 16px}
 body.game-ui[data-game-surface][data-game-area] main .home-intro .game-title::before{display:none}
 body.game-ui[data-game-surface][data-game-area][data-page="formations"] main .formation-card-heading{padding:16px 14px;gap:13px}
 body.game-ui[data-game-surface][data-game-area][data-page="formations"] main .formation-card-heading .formation-icon{width:65px;height:65px}
 body.game-ui[data-game-surface][data-game-area] main .game-card:hover{transform:none}
 body.game-ui[data-game-surface][data-game-area] dialog::backdrop{backdrop-filter:blur(2px)}
}
@media(prefers-reduced-motion:reduce){body.game-ui[data-game-surface][data-game-area] *,body.game-ui[data-game-surface][data-game-area] *::before,body.game-ui[data-game-surface][data-game-area] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){body.game-ui[data-game-surface][data-game-area],body.game-ui[data-game-surface][data-game-area] main .game-heading,body.game-ui[data-game-surface][data-game-area] main .game-card,body.game-ui[data-game-surface][data-game-area] dialog,body.game-ui[data-game-surface][data-game-area] :is(input,select,textarea,button){background:Canvas!important;color:CanvasText!important;border-color:CanvasText!important;box-shadow:none!important}body.game-ui[data-game-surface][data-game-area] main .game-title::before,body.game-ui[data-game-surface][data-game-area] .game-range{display:none}body.game-ui[data-game-surface][data-game-area] :is(a,button,summary):focus-visible{outline-color:Highlight}}

body.game-ui[data-game-surface][data-game-area] .game-range{margin-bottom:20px}
body.game-ui[data-game-surface][data-game-area] .game-range-label{position:absolute;top:12px;font-size:10px;color:#a9c1d2;line-height:1;white-space:nowrap}
body.game-ui[data-game-surface][data-game-area] .game-range-label:first-of-type{inset-inline-start:0}
body.game-ui[data-game-surface][data-game-area] .game-range-label:last-of-type{inset-inline-end:0}
body.game-ui[data-game-surface][data-game-area] main #hero-grid .scan-hero.game-card{grid-template-columns:64px minmax(0,1fr);gap:10px;padding:12px}
body.game-ui[data-game-surface][data-game-area] main #hero-grid .scan-hero.game-card .hero-portrait{width:64px;height:64px;border-radius:11px;border:1px solid #627f92;box-shadow:0 4px 10px #0005,inset 0 0 15px #89cad724;background:radial-gradient(ellipse,#41677b,#122a3b)}
body.game-ui[data-game-surface][data-game-area] main #hero-grid .scan-hero.q5 .hero-portrait{border-color:#b89762}
body.game-ui[data-game-surface][data-game-area] main #hero-grid .scan-hero.game-card .hero-direct-art{width:100%;height:100%;object-fit:cover}
body.game-ui[data-game-surface][data-game-area] main #hero-grid .scan-hero.game-card .hero-scan-identity{min-width:0;overflow-wrap:anywhere}
body.game-ui[data-game-surface][data-game-area] main #hero-grid .scan-hero.game-card .hero-scan-footer{grid-column:1/-1;border-color:#476173}
body.game-ui[data-game-surface][data-game-area] main :is(.gear-heading:has(.heading-mark),.hero-profile) .game-title{padding-inline-start:0}
body.game-ui[data-game-surface][data-game-area] main :is(.gear-heading:has(.heading-mark),.hero-profile) .game-title::before{display:none}
@media(max-width:700px){body.game-ui[data-game-surface][data-game-area] main #hero-grid .scan-hero.game-card{grid-template-columns:50px minmax(0,1fr);gap:8px;padding:10px}body.game-ui[data-game-surface][data-game-area] main #hero-grid .scan-hero.game-card .hero-portrait{width:50px;height:50px}}