:root{--bg:#07100f;--bg2:#0c1715;--panel:#101b18;--panel2:#17241e;--line:#3f513e;--ink:#e8e2c7;--muted:#a9ab93;--amber:#e3aa3b;--amber2:#ffcf66;--green:#80b568;--red:#ce6255;--cyan:#68b5af;--shadow:rgba(0,0,0,.48)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:Consolas,'Courier New',monospace}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#263326 0,transparent 42rem),linear-gradient(180deg,#111913,#050a09 70%);background-attachment:fixed}.scanline{pointer-events:none;position:fixed;z-index:99;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.016) 4px);mix-blend-mode:screen}.topbar{height:78px;border-bottom:1px solid #566246;background:linear-gradient(180deg,#202b23,#101814);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,4vw,58px);box-shadow:0 8px 28px var(--shadow);position:sticky;top:0;z-index:20}.brand{display:flex;gap:12px;align-items:center;color:var(--ink);text-decoration:none;letter-spacing:1px}.brand-mark{display:grid;place-items:center;width:50px;height:44px;border:2px solid var(--amber);color:var(--amber2);font-weight:900;transform:skew(-5deg);background:#1a2019;box-shadow:inset 0 0 0 2px #3f3924}.brand b{display:block;font-size:21px}.brand em{display:block;font-size:10px;color:var(--muted);font-style:normal}.commander-chip{display:flex;align-items:center;gap:9px;border-left:3px solid var(--amber);padding:6px 11px;background:#111914}.commander-chip img{width:38px;height:38px;object-fit:contain;image-rendering:pixelated}.commander-chip span{font-weight:bold}.commander-chip small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.mainnav{display:flex;gap:2px;overflow-x:auto;padding:0 clamp(10px,3vw,48px);background:#0c1412;border-bottom:1px solid #2f3d30;position:sticky;top:78px;z-index:19}.mainnav a{color:#b9b9a5;text-decoration:none;padding:12px 13px;font-size:12px;text-transform:uppercase;white-space:nowrap;border-bottom:2px solid transparent}.mainnav a:hover,.mainnav a.active{color:#ffe39b;background:#1b241b;border-bottom-color:var(--amber)}.shell{width:min(1420px,96vw);margin:24px auto 0}.hero{border:1px solid #536047;background:linear-gradient(110deg,rgba(15,28,22,.97),rgba(35,42,29,.88));padding:30px;position:relative;overflow:hidden;box-shadow:0 18px 55px var(--shadow)}.hero:after{content:'WARZONE';position:absolute;right:1%;bottom:-18px;font-size:88px;font-weight:900;color:rgba(227,170,59,.04);letter-spacing:-8px}.hero h1{margin:0 0 8px;font-size:clamp(28px,4vw,52px);letter-spacing:-2px}.hero h1 span{color:var(--amber2)}.hero p{max-width:820px;color:#bdbea8;line-height:1.7}.eyebrow{text-transform:uppercase;color:var(--amber);letter-spacing:2px;font-size:11px;font-weight:bold}.grid{display:grid;gap:18px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{border:1px solid #3b4b3d;background:linear-gradient(180deg,rgba(18,28,24,.98),rgba(9,16,14,.98));box-shadow:0 14px 35px var(--shadow);margin-bottom:18px}.panel-head{padding:14px 17px;border-bottom:1px solid #354337;background:linear-gradient(90deg,#1a261d,#121a16);display:flex;justify-content:space-between;align-items:center}.panel-head small{color:var(--amber);letter-spacing:1.3px;text-transform:uppercase;font-size:9px}.panel-head h2{font-size:17px;margin:3px 0 0}.panel-body{padding:17px}.bolts{color:#59634c}.stat{padding:14px;border:1px solid #354336;background:#101813;min-height:78px}.stat small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase}.stat strong{display:block;color:#f5ddb0;font-size:22px;margin-top:4px}.stat em{display:block;color:#808d78;font-style:normal;font-size:10px;margin-top:4px}.resource-strip{display:flex;flex-wrap:wrap;border:1px solid #46523f;margin-bottom:18px;background:#121b15}.resource-strip span{padding:10px 15px;min-width:130px;border-right:1px solid #344033}.resource-strip small{display:block;color:#8f9b82;font-size:9px;text-transform:uppercase}.resource-strip b{font-size:14px;color:#e9d29b}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #7a6737;background:linear-gradient(#403720,#282417);color:#ffe099;text-decoration:none;text-transform:uppercase;font:700 11px Consolas,monospace;letter-spacing:.6px;padding:10px 14px;cursor:pointer}.btn:hover,button:hover{filter:brightness(1.18)}.btn.secondary{border-color:#3e6057;background:#172725;color:#a9d5c8}.btn.danger{border-color:#77443b;background:#321d19;color:#f0aaa0}.btn.small{padding:6px 9px;font-size:9px}.actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:12px 15px;border-left:4px solid var(--cyan);background:#11211f;margin:0 0 18px}.alert.success{border-color:var(--green)}.alert.error{border-color:var(--red)}.alert.warning{border-color:var(--amber)}label{display:block;color:#c4c2ac;font-size:11px;margin:0 0 5px}input,select,textarea{width:100%;background:#08100e;border:1px solid #465145;color:#f0ead3;padding:10px 11px;font:13px Consolas,monospace;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--amber)}.field{margin-bottom:13px}.authbox{max-width:740px;margin:50px auto}.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.char-card{position:relative;border:1px solid #465344;padding:9px;background:#0d1512;text-align:center}.char-card input{position:absolute;opacity:0}.char-card:has(input:checked){border-color:var(--amber);box-shadow:inset 0 0 0 1px var(--amber)}.char-card img{height:72px;max-width:100%;object-fit:contain;image-rendering:pixelated}.char-card b{display:block;font-size:11px}.char-card small{color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid #2f3b31}th{color:var(--amber);font-size:9px;text-transform:uppercase;letter-spacing:.8px}tr:hover td{background:#111b16}.grade{display:inline-block;padding:3px 7px;border:1px solid #79693b;color:#ffe095;background:#272313;font-weight:bold}.hpbar{height:9px;background:#291c18;border:1px solid #4f4237;overflow:hidden}.hpbar i{display:block;height:100%;background:linear-gradient(90deg,#5f8a4e,#a5c36d)}.map-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.map-card{border:1px solid #3d4b3d;background:#0d1511;overflow:hidden}.map-card .preview{height:145px;overflow:hidden;background:#050908;position:relative}.map-card .preview img{width:auto;height:100%;min-width:100%;object-fit:cover;image-rendering:pixelated}.map-card .info{padding:13px}.map-card h3{margin:0 0 5px}.map-card p{color:var(--muted);font-size:11px}.map-stage{border:1px solid #586148;background:#040706;height:520px;overflow:auto;position:relative;scrollbar-color:#706344 #101511}.map-world{position:relative;transform-origin:top left}.map-world>.level{display:block;image-rendering:pixelated;max-width:none}.map-avatar{position:absolute;width:30px;height:42px;transform:translate(-50%,-100%);z-index:4;filter:drop-shadow(0 4px 2px rgba(0,0,0,.6));image-rendering:pixelated}.map-avatar.other{opacity:.86;filter:drop-shadow(0 0 4px #ffd263)}.map-label{position:absolute;transform:translate(-50%,3px);z-index:5;background:#090d0bdb;color:#f0d58f;border:1px solid #65583b;padding:2px 5px;font-size:8px;white-space:nowrap}.map-controls{position:sticky;bottom:10px;margin:10px;display:grid;grid-template-columns:44px 44px 44px;gap:4px;width:max-content;z-index:10}.map-controls button{width:44px;height:38px;padding:0}.map-controls .up{grid-column:2}.map-controls .left{grid-column:1;grid-row:2}.map-controls .down{grid-column:2;grid-row:2}.map-controls .right{grid-column:3;grid-row:2}.battle-scene{min-height:340px;border:1px solid #525e4a;background:radial-gradient(circle at 60% 40%,#35452b,#111813 60%,#070b09);display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:30px;position:relative;overflow:hidden}.fighter{text-align:center}.fighter img{height:150px;max-width:90%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 7px rgba(0,0,0,.6))}.fighter.player img{height:110px}.battle-card{background:#0b120fe8;border:1px solid #4d5946;padding:12px;text-align:left}.battle-log{max-height:180px;overflow:auto;background:#080d0b;border:1px solid #303b31;padding:11px;font-size:11px;line-height:1.6}.battle-log div{border-bottom:1px dotted #273027;padding:3px}.sector{border-left:4px solid #6a774e}.sector h3{margin:0}.sector .score{font-size:27px;color:#f1d48a}.unit-card{display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:10px;padding:11px;border-bottom:1px solid #303a31}.unit-card:last-child{border-bottom:0}.unit-bars{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin-top:7px}.unit-bars span{height:6px;background:#273426;position:relative}.unit-bars i{display:block;height:100%;background:#9a8e50}.timer{font-size:24px;color:var(--amber2);letter-spacing:1px}.badge{font-size:9px;border:1px solid #485347;padding:3px 5px;color:#acb69e;text-transform:uppercase}.footer{margin-top:28px;padding:18px 4px;color:#667060;font-size:9px;border-top:1px solid #28342b;display:flex;justify-content:space-between}.empty{color:#7e8878;font-size:12px;padding:12px;border:1px dashed #394638}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.feature{padding:14px;border-left:2px solid #77704a;background:#111914;margin-bottom:8px}.feature b{color:#edd28b}.feature small{display:block;color:#8c9785;margin-top:5px;line-height:1.5}@media(max-width:900px){.g2,.g3,.g4,.map-list,.intro-grid{grid-template-columns:1fr}.topbar{padding:0 12px}.commander-chip small,.brand em{display:none}.shell{width:95vw}.map-stage{height:430px}.character-grid{grid-template-columns:repeat(2,1fr)}.battle-scene{grid-template-columns:1fr;padding:16px}.fighter img{height:110px}.mainnav a{padding:10px}.unit-card{grid-template-columns:1fr}.resource-strip span{min-width:33%}}

/* v0.1.1 production motion pass: subtle sprite life without sacrificing readability. */
.commander-chip img,.char-card img{animation:msw-idle 2.8s ease-in-out infinite;transform-origin:50% 100%}.fighter img{animation:msw-combat-idle 1.7s ease-in-out infinite;transform-origin:50% 100%}.fighter:nth-child(2) img{animation-delay:-.75s}.map-avatar{transition:left .11s linear,top .11s linear}.map-label{transition:left .11s linear,top .11s linear}.map-avatar[data-mirror-left="1"][data-facing="left"]{scale:-1 1}.rival-sprite{float:right;width:90px;height:90px;object-fit:contain;image-rendering:pixelated;animation:msw-combat-idle 1.9s ease-in-out infinite}.live-dot:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:#8bcf72;margin-right:5px;box-shadow:0 0 8px #8bcf72;animation:msw-pulse 1.5s ease-in-out infinite}@keyframes msw-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes msw-combat-idle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(.35deg)}}@keyframes msw-pulse{0%,100%{opacity:.45}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.commander-chip img,.char-card img,.fighter img,.rival-sprite,.live-dot:before{animation:none}.map-avatar,.map-label{transition:none}}

/* v0.1.2 production runtime polish: native warzone viewport, selectable dispatch teams,
   curated single-frame sprite presentation and visible Commander progression. */
.xpbar{height:10px;background:#171a12;border:1px solid #4d4930;overflow:hidden;box-shadow:inset 0 1px 3px #000}.xpbar>i{display:block;height:100%;background:linear-gradient(90deg,#8e772c,#d7ad39 65%,#f3d26b);box-shadow:0 0 10px rgba(224,181,68,.26)}.xpbar.wide{width:100%}.xp-caption{display:block;color:#c2ab70;margin:7px 0 9px}

.commander-chip{min-width:235px;padding:6px 12px;gap:11px}.commander-chip img{width:auto;height:46px;max-width:48px;object-fit:contain}.commander-chip-copy{display:block;min-width:168px}.commander-chip-copy>b{display:block;color:#f2ead4;font-size:13px}.commander-chip-copy>small{margin:2px 0 0;font-size:9px;color:#aaa990}.commander-xp-row{display:grid!important;grid-template-columns:minmax(70px,1fr) auto;align-items:center;gap:7px;margin-top:4px}.commander-xp-row>i{display:block;height:5px;background:#252319;border:1px solid #4a442c;overflow:hidden}.commander-xp-row>i>em{display:block!important;height:100%;margin:0;background:linear-gradient(90deg,#967d2f,#edc04b);font-size:0}.commander-xp-row>small{display:block!important;margin:0!important;font-size:8px!important;color:#c4b37e!important;white-space:nowrap}

.commander-progression{display:grid;grid-template-columns:120px minmax(0,1fr) 270px;gap:20px;align-items:center;border:1px solid #566046;background:linear-gradient(100deg,#101c16,#18251b 60%,#151a12);padding:19px 22px;box-shadow:0 14px 35px var(--shadow);position:relative;overflow:hidden}.commander-progression:after{content:'XP';position:absolute;right:20px;bottom:-38px;font:900 108px/1 Consolas,monospace;color:rgba(230,183,61,.035)}.commander-portrait{height:104px;border:1px solid #4e593f;background:radial-gradient(circle at 50% 65%,#34402b,#0a100d 70%);display:flex;align-items:center;justify-content:center;position:relative}.commander-portrait img{height:84px;max-width:90px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 8px 4px #0009);animation:msw-idle 2.8s ease-in-out infinite}.commander-portrait span{position:absolute;left:6px;bottom:5px;color:#8e987f;font-size:8px;letter-spacing:.8px}.commander-progress-main{min-width:0}.commander-progress-title{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.commander-progress-title h2{font-size:25px;margin:4px 4px 9px 0}.commander-xpbar-large{height:14px}.commander-xp-numbers{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:7px;font-size:10px}.commander-xp-numbers b{color:#e8ca75}.commander-xp-numbers span{color:#8f9985}.commander-combat-stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #384535;background:#0b120f;position:relative;z-index:1}.commander-combat-stats>div{text-align:center;padding:11px 5px;border-right:1px solid #303b30}.commander-combat-stats>div:last-child{border-right:0}.commander-combat-stats small{display:block;color:#7e8b79;font-size:8px}.commander-combat-stats b{display:block;color:#ead189;font-size:17px;margin-top:3px}

.profile-commander{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:center}.profile-commander>img{width:auto;height:110px;max-width:115px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 9px 4px #0009);justify-self:center}.profile-commander-copy h2{margin:9px 0 4px}.muted-copy{color:#98a08d;font-size:11px;line-height:1.6}

.dispatch-layout{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)}.dispatch-mission{border:1px solid #344137;background:#0c1410;margin:0 0 14px;padding:14px}.dispatch-mission:last-child{margin-bottom:0}.dispatch-mission-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #2d382f;padding-bottom:10px;margin-bottom:10px}.dispatch-mission-head b{display:block;color:#e8dfc5;font-size:14px}.dispatch-mission-head small{display:block;color:#8e9986;margin-top:4px;font-size:9px}.dispatch-slot-count{border:1px solid #5a5133;background:#1b1a11;color:#c8b066;padding:5px 8px;font-size:9px;white-space:nowrap}.dispatch-slot-count strong{color:#ffe099}.dispatch-unit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:305px;overflow:auto;padding-right:3px;scrollbar-color:#6d603f #101511}.dispatch-unit-card{display:grid;grid-template-columns:24px minmax(0,1fr) auto;grid-template-areas:'check main grade' 'check main power';align-items:center;gap:2px 8px;margin:0;padding:9px;border:1px solid #344139;background:#111915;cursor:pointer;transition:border-color .12s,background .12s,transform .12s}.dispatch-unit-card:hover{border-color:#6d633f;background:#172018}.dispatch-unit-card:has(input:checked){border-color:#c09c3d;background:#252414;box-shadow:inset 0 0 0 1px #6d5925}.dispatch-unit-card:has(input:disabled):not(:has(input:checked)){opacity:.42;cursor:not-allowed}.dispatch-unit-card input{position:absolute;opacity:0;pointer-events:none}.dispatch-check{grid-area:check;width:22px;height:22px;border:1px solid #56604c;display:grid;place-items:center;color:transparent;background:#080d0b}.dispatch-unit-card:has(input:checked) .dispatch-check{background:#a7842d;border-color:#e3bb51;color:#0c100b;font-weight:900}.dispatch-unit-main{grid-area:main;min-width:0}.dispatch-unit-main b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#e6ddc5;font-size:11px}.dispatch-unit-main small{display:block;color:#7f8c7d;margin-top:3px;font-size:8px;text-transform:uppercase}.dispatch-unit-card>.grade{grid-area:grade;font-size:8px;padding:2px 5px}.dispatch-power{grid-area:power;color:#c3a557;font-size:9px;text-align:right}.dispatch-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #2d382f;margin-top:10px;padding-top:10px}.dispatch-footer span{color:#8f9988;font-size:9px}.dispatch-footer button:disabled{opacity:.38;cursor:not-allowed;filter:none}

.warzone-toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.warzone-layout{display:grid;grid-template-columns:minmax(0,980px) 270px;gap:15px;justify-content:center;align-items:start}.warzone-console{min-width:0;border:1px solid #4f5b45;background:#0a100d;box-shadow:0 18px 45px #0008}.warzone-console-head{min-height:58px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #3b493b;background:linear-gradient(90deg,#152119,#0f1713)}.warzone-console-head small{display:block;color:#d1aa3c;font-size:8px;letter-spacing:1.2px}.warzone-console-head strong{display:block;font-size:15px;margin-top:3px;color:#eee6cf}.warzone-readout{text-align:right}.warzone-readout span,.warzone-readout b{display:block;font-size:8px;text-transform:uppercase}.warzone-readout span{color:#818d7d}.warzone-readout b{color:#dbbd66;margin-top:4px}.map-stage{height:min(430px,calc(var(--map-native-h) + 48px));min-height:270px;max-height:430px;width:100%;overflow:auto;position:relative;border:0;background:linear-gradient(#040706,#080c09);scrollbar-color:#847047 #111711;scrollbar-width:auto;overscroll-behavior:contain}.map-world{position:relative;transform-origin:top left;margin:20px;flex:none}.map-world>.level{display:block;width:auto;height:auto;max-width:none;max-height:none;image-rendering:pixelated;image-rendering:crisp-edges}.map-avatar{position:absolute;width:auto;height:52px;max-width:76px;transform:translate(-50%,-100%);z-index:4;filter:drop-shadow(0 5px 3px rgba(0,0,0,.8));image-rendering:pixelated;object-fit:contain}.map-avatar.other{opacity:1;filter:drop-shadow(0 0 4px #f2c84c) drop-shadow(0 5px 2px #0009)}.map-avatar[data-mirror-left="1"][data-facing="left"]{scale:-1 1}.map-label{transform:translate(-50%,5px);background:#080d0bed;border-color:#7c683c;color:#ffe298;padding:3px 6px;font-size:8px;box-shadow:0 2px 4px #0008}.warzone-scroll-hint{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 12px;border-top:1px solid #354136;background:#101813;color:#7e8b79;font-size:8px;text-transform:uppercase;letter-spacing:.6px}.map-sidebar{display:grid;gap:12px;position:sticky;top:126px}.map-control-panel,.map-operative-card{border:1px solid #455342;background:linear-gradient(180deg,#121d17,#0b120f);padding:15px;box-shadow:0 12px 30px #0006}.map-control-panel h2{font-size:17px;margin:5px 0 6px}.map-control-panel p{font-size:10px;color:#929d8d;line-height:1.55;margin:0 0 12px}.map-controls{position:static!important;margin:0 auto 12px;display:grid;grid-template-columns:52px 52px 52px;gap:5px;width:max-content;z-index:auto}.map-controls button{width:52px;height:44px;padding:0;font-size:16px}.map-controls .up{grid-column:2}.map-controls .left{grid-column:1;grid-row:2}.map-controls .down{grid-column:2;grid-row:2}.map-controls .right{grid-column:3;grid-row:2}.movement-status{border:1px solid #344136;background:#080d0b;color:#8e9988;padding:7px 8px;text-align:center;font-size:8px;text-transform:uppercase}.movement-status[data-kind="active"]{color:#e6c359;border-color:#66572d}.movement-status[data-kind="error"]{color:#e49a8c;border-color:#73443d}.map-operative-card{display:grid;grid-template-columns:58px 1fr;gap:8px 10px;align-items:center}.map-operative-card img{width:auto;height:60px;max-width:58px;object-fit:contain;image-rendering:pixelated;justify-self:center}.map-operative-card small,.map-operative-card b,.map-operative-card span,.map-operative-card em{display:block}.map-operative-card small{font-size:7px;color:#7f8b7d;letter-spacing:.6px}.map-operative-card b{font-size:11px;color:#e7ddc4;margin-top:2px}.map-operative-card span{font-size:9px;color:#d0b364;margin-top:3px}.map-operative-card .xpbar,.map-operative-card em{grid-column:1/-1}.map-operative-card em{font-style:normal;font-size:8px;color:#828e80}

.battle-scene{min-height:360px;padding:26px 32px;background:radial-gradient(ellipse at 65% 68%,#39472d 0,#1b261c 40%,#0a100d 75%)}.fighter{min-width:0}.fighter img{height:165px;width:auto;max-width:88%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 11px 6px rgba(0,0,0,.72))}.fighter.player img{height:132px;max-width:75%}.fighter.enemy-boss img{height:235px;max-width:95%}.fighter.enemy-vehicle img,.fighter.enemy-air img{height:175px}.battle-card b{color:#ece2c9}.boss-card-body{display:grid;grid-template-columns:230px 1fr;gap:20px;align-items:center;min-height:250px}.boss-art-frame{height:220px;border:1px solid #45503d;background:radial-gradient(circle at 50% 60%,#303b29,#080d0b 75%);display:flex;align-items:center;justify-content:center;overflow:hidden}.boss-art{max-width:95%;max-height:205px;width:auto;height:auto;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 12px 6px #000b);animation:msw-combat-idle 2.1s ease-in-out infinite}.boss-card-copy h3{font-size:21px;margin:10px 0 7px}.boss-card-copy p{color:#a8ae9b;line-height:1.55}

@media(max-width:1250px){.warzone-layout{grid-template-columns:minmax(0,1fr) 250px}.commander-progression{grid-template-columns:105px 1fr}.commander-combat-stats{grid-column:1/-1}.dispatch-layout{grid-template-columns:1fr}.map-stage{max-height:400px}}
@media(max-width:900px){.commander-chip{min-width:0}.commander-chip-copy>small{display:block}.commander-xp-row{display:none!important}.commander-progression{grid-template-columns:90px 1fr;gap:13px;padding:14px}.commander-portrait{height:90px}.commander-portrait img{height:70px}.commander-progress-title h2{font-size:20px}.commander-combat-stats{grid-column:1/-1}.warzone-layout{grid-template-columns:1fr}.map-sidebar{position:static;grid-template-columns:1fr 1fr}.map-stage{height:min(390px,calc(var(--map-native-h) + 42px));min-height:250px}.dispatch-unit-grid{grid-template-columns:1fr}.boss-card-body{grid-template-columns:170px 1fr}.boss-art-frame{height:175px}.boss-art{max-height:165px}}
@media(max-width:620px){.commander-chip-copy>small{display:none}.commander-chip{padding:4px 7px}.commander-chip img{height:38px}.commander-progression{grid-template-columns:1fr;text-align:center}.commander-portrait{width:120px;margin:auto}.commander-progress-title{justify-content:center}.commander-xp-numbers{justify-content:center}.map-sidebar{grid-template-columns:1fr}.map-world{margin:10px}.map-stage{min-height:230px}.boss-card-body{grid-template-columns:1fr}.boss-art-frame{height:210px}.profile-commander{grid-template-columns:1fr;text-align:center}.profile-commander-copy .actions{justify-content:center}}
@media(prefers-reduced-motion:reduce){.commander-portrait img,.boss-art{animation:none}}

/* v0.1.4 v3 overhead-map camera: native 1:1 art in a fixed close viewport. */
.warzone-layout{grid-template-columns:minmax(0,780px) 270px;gap:15px;justify-content:center;align-items:start}
.warzone-console{width:100%;min-width:0}
.map-stage{width:100%;height:560px;min-height:560px;max-height:560px;overflow:auto;position:relative;border:0;background:#030605;scrollbar-color:#847047 #111711;scrollbar-width:auto;overscroll-behavior:contain}
.map-world{position:relative;transform-origin:top left;margin:0!important;flex:none}
.map-world>.level{display:block;width:auto!important;height:auto!important;max-width:none!important;max-height:none!important;image-rendering:pixelated;image-rendering:crisp-edges;user-select:none;-webkit-user-drag:none}
.movement-status[data-kind="blocked"]{color:#f0c665;border-color:#80642c;background:#211b0e}
@media(max-width:1250px){.warzone-layout{grid-template-columns:minmax(0,720px) 250px}.map-stage{height:520px;min-height:520px;max-height:520px}}
@media(max-width:900px){.warzone-layout{grid-template-columns:1fr}.map-sidebar{position:static;grid-template-columns:1fr 1fr}.map-stage{height:460px;min-height:460px;max-height:460px}}
@media(max-width:620px){.map-sidebar{grid-template-columns:1fr}.map-stage{height:390px;min-height:390px;max-height:390px}}

/* v0.2.0 persistent physical Mother Base / FOB spaces */
.mother-base-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:10px}.mother-base-choice-grid.compact{grid-template-columns:1fr}.mother-base-choice{position:relative;display:grid;grid-template-columns:150px 1fr;gap:10px;align-items:center;border:1px solid #344139;background:#101813;padding:7px;cursor:pointer;overflow:hidden}.mother-base-choice:hover{border-color:#71623e;background:#152018}.mother-base-choice:has(input:checked){border-color:#d3a53e;box-shadow:inset 0 0 0 1px #705b29;background:#211f13}.mother-base-choice input{position:absolute;opacity:0}.mother-base-choice img{width:150px;height:84px;object-fit:cover;image-rendering:auto}.mother-base-choice span,.mother-base-choice b,.mother-base-choice small{display:block}.mother-base-choice b{font-size:10px;color:#eadfc6}.mother-base-choice small{font-size:8px;color:#8f9987;margin-top:4px}.signup-section-label{display:block;margin-top:18px;color:#d6b152;letter-spacing:.8px}.physical-base-card{display:grid;grid-template-columns:360px 1fr;overflow:hidden}.physical-base-preview{min-height:210px;border-right:1px solid #3d493b;background:#080d0b}.physical-base-preview img{display:block;width:100%;height:100%;min-height:210px;object-fit:cover}.physical-base-copy{padding:22px}.physical-base-copy h2{margin:7px 0 8px;font-size:25px}.physical-base-copy p{color:#a8ad99;line-height:1.6}.profile-base-summary{display:grid;grid-template-columns:230px 1fr;gap:16px;align-items:center}.profile-base-summary img{width:230px;height:130px;object-fit:cover;border:1px solid #475342}.profile-base-summary h3{font-size:18px;margin:8px 0}.profile-base-summary p{color:#9ba391;line-height:1.5}.mother-base-layout{grid-template-columns:minmax(0,840px) 285px}.mother-base-stage{height:560px;min-height:560px;max-height:560px}.mother-base-world{margin:0!important}.base-entity{position:absolute;transform:translate(-50%,-100%);z-index:5;transition:left 1.55s linear,top 1.55s linear;pointer-events:auto}.base-entity img{display:block;width:auto;height:48px;max-width:74px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #000c);transform-origin:center}.base-staff[data-mobile="1"] img{animation:msw-base-staff-idle 2.8s ease-in-out infinite}.base-vehicle{z-index:4}.base-vehicle img{height:68px;max-width:105px;filter:drop-shadow(0 7px 4px #000c)}.base-visitor{z-index:7}.base-visitor img{height:52px;filter:drop-shadow(0 0 4px #d4b84f) drop-shadow(0 5px 3px #000c)}.base-entity span{position:absolute;left:50%;top:100%;transform:translate(-50%,5px);white-space:nowrap;padding:3px 5px;background:#070c0aee;border:1px solid #625531;color:#f0d889;font-size:7px;opacity:0;transition:opacity .12s;pointer-events:none}.base-entity:hover span,.base-visitor span{opacity:1}.base-local-avatar{z-index:10}.base-local-label{z-index:11}.base-status-card{border:1px solid #455342;background:linear-gradient(180deg,#121d17,#0b120f);padding:15px;box-shadow:0 12px 30px #0006}.base-status-card h3{font-size:18px;margin:5px 0 10px}.base-status-card p{font-size:9px;color:#909b89;line-height:1.55;margin:12px 0 0}.base-status-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid #354137}.base-status-grid span{padding:9px;border-right:1px solid #354137;border-bottom:1px solid #354137}.base-status-grid span:nth-child(2n){border-right:0}.base-status-grid span:nth-last-child(-n+2){border-bottom:0}.base-status-grid small,.base-status-grid b{display:block}.base-status-grid small{font-size:7px;color:#7e897b}.base-status-grid b{font-size:10px;color:#dbc16f;margin-top:4px}.force-member-list{display:grid;gap:7px;margin-top:14px}.force-member{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px;border:1px solid #344139;background:#0d1512}.force-member b,.force-member small{display:block}.force-member small{font-size:8px;color:#859083;margin-top:4px}.force-member .actions{margin:0;flex-wrap:nowrap}@keyframes msw-base-staff-idle{0%,100%{translate:0 0}50%{translate:0 -1px}}
@media(max-width:1100px){.mother-base-layout{grid-template-columns:minmax(0,1fr) 260px}.physical-base-card{grid-template-columns:300px 1fr}.mother-base-choice{grid-template-columns:120px 1fr}.mother-base-choice img{width:120px;height:70px}}
@media(max-width:900px){.mother-base-layout{grid-template-columns:1fr}.mother-base-sidebar{position:static;grid-template-columns:1fr 1fr}.mother-base-stage{height:470px;min-height:470px;max-height:470px}.physical-base-card{grid-template-columns:1fr}.physical-base-preview{border-right:0;border-bottom:1px solid #3d493b}.mother-base-choice-grid{grid-template-columns:1fr}.profile-base-summary{grid-template-columns:1fr}.profile-base-summary img{width:100%;height:180px}.force-member{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.mother-base-sidebar{grid-template-columns:1fr}.mother-base-stage{height:390px;min-height:390px;max-height:390px}.mother-base-choice{grid-template-columns:95px 1fr}.mother-base-choice img{width:95px;height:58px}.physical-base-copy{padding:16px}.base-entity img{height:42px}.base-vehicle img{height:58px}}
@media(prefers-reduced-motion:reduce){.base-entity{transition:none}.base-staff[data-mobile="1"] img{animation:none}}
.allied-base-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.allied-base{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid #344139;background:#0d1512}.allied-base b,.allied-base small{display:block}.allied-base small{font-size:8px;color:#859083;margin-top:4px}@media(max-width:760px){.allied-base-list{grid-template-columns:1fr}}

/* v0.3.0 persistent autonomous commander presence */
.map-label.bot-label{color:#c9f0ff;border-color:#4e8792;background:#071416f2;text-decoration:none;box-shadow:0 0 8px #4ab4c733;cursor:pointer;min-width:22px;text-align:center;font-weight:900;letter-spacing:.8px;padding:3px 5px;overflow:visible}.map-label.bot-label::before{content:'AI';display:block}.map-label.bot-label:hover,.map-label.bot-label:focus-visible,.map-avatar.bot-avatar:hover+.map-label.bot-label{border-color:#8ad4df;color:#fff;background:#06191cf7;box-shadow:0 0 12px #5ac8db66;z-index:14}.map-label.bot-label:hover::before,.map-label.bot-label:focus-visible::before,.map-avatar.bot-avatar:hover+.map-label.bot-label::before{content:attr(data-full-label);font-weight:700;letter-spacing:0}.map-label.bot-label:focus-visible{outline:1px solid #bcecf2;outline-offset:2px}.ai-badge{border-color:#4f7e83;color:#b9e1df;background:#0b1a1a}.ai-mark{display:inline-block;padding:2px 5px;border:1px solid #4f7e83;color:#b9e1df;background:#0b1a1a;font-size:8px;text-transform:uppercase;letter-spacing:.6px}

/* v0.4.x persistent sharded global FOB overview worlds */
.fob-globe-shell{display:grid;grid-template-columns:minmax(0,820px) 320px;gap:18px;align-items:start;justify-content:center}.fob-globe-stage{position:relative;width:100%;max-width:820px;aspect-ratio:1/1;margin:auto;border:1px solid #4a5747;background:#050a08;overflow:hidden;box-shadow:0 24px 70px #0009,inset 0 0 80px #0009}.fob-globe-stage>img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.fob-globe-pin{position:absolute;transform:translate(-50%,-50%);z-index:3}.fob-globe-pin button{min-width:125px;padding:9px 10px;border:1px solid #b99a43;background:#08100de8;box-shadow:0 0 0 2px #0009,0 0 18px #e4b94c33;color:#f4d777;cursor:pointer;text-transform:uppercase;letter-spacing:.7px}.fob-globe-pin button:hover,.fob-globe-pin button:focus-visible{transform:translateY(-2px);border-color:#f0d473;background:#14180f;box-shadow:0 0 0 2px #0009,0 0 26px #e4b94c66}.fob-globe-pin b,.fob-globe-pin small{display:block}.fob-globe-pin b{font-size:10px}.fob-globe-pin small{font-size:7px;color:#9fa796;margin-top:4px;letter-spacing:.3px}.fob-globe-pin::before{content:'';position:absolute;left:50%;top:50%;width:12px;height:12px;transform:translate(-50%,-50%);border:1px solid #f2cc67;border-radius:50%;box-shadow:0 0 18px #f2cc67;z-index:-1}.fob-globe-brief{border:1px solid #465344;background:linear-gradient(180deg,#111b16,#090f0c);padding:20px;box-shadow:0 20px 50px #0007}.fob-globe-brief h2{font-size:24px;margin:6px 0 10px}.fob-globe-brief p{color:#a2aa99;line-height:1.65}.fob-rule-list{display:grid;gap:7px;margin:16px 0}.fob-rule-list span{display:grid;grid-template-columns:30px 1fr;align-items:center;border:1px solid #354238;background:#0b1410;padding:8px;font-size:9px;color:#bac1ad}.fob-rule-list b{color:#e0bd5d;font-size:10px}
.fob-skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.fob-skin-card{display:grid;grid-template-rows:150px 150px 1fr;border:1px solid #465344;background:linear-gradient(180deg,#111b16,#090f0c);overflow:hidden;box-shadow:0 18px 45px #0006}.fob-skin-icon{display:grid;place-items:center;background:radial-gradient(circle at 50% 55%,#273129,#090e0b 70%);border-bottom:1px solid #38453a}.fob-skin-icon img{max-width:230px;max-height:140px;object-fit:contain;filter:drop-shadow(0 14px 9px #000c)}.fob-skin-preview{overflow:hidden;border-bottom:1px solid #38453a}.fob-skin-preview img{display:block;width:100%;height:100%;object-fit:cover}.fob-skin-copy{padding:15px;display:flex;flex-direction:column}.fob-skin-copy h2{font-size:20px;margin:5px 0 7px}.fob-skin-copy p{font-size:9px;color:#9ea795;line-height:1.55;flex:1}.fob-skin-copy button{width:100%;margin-top:10px}
.fob-world-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:14px 0}.fob-world-console{border:1px solid #465344;background:#070c09;box-shadow:0 22px 65px #0009;overflow:hidden}.fob-world-console-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:11px 14px;border-bottom:1px solid #465344;background:linear-gradient(180deg,#172119,#0c130f)}.fob-world-console-head small,.fob-world-console-head strong{display:block}.fob-world-console-head small{font-size:7px;color:#7f8c7b;letter-spacing:.8px}.fob-world-console-head strong{font-size:12px;color:#ead58c;margin-top:3px}.fob-world-viewport{height:700px;max-height:70vh;overflow:auto;position:relative;background:#030605;scrollbar-color:#847047 #111711;scrollbar-width:auto;overscroll-behavior:contain}.fob-world-map{position:relative;flex:none}.fob-overview-level{display:block;width:2000px;height:2000px;max-width:none;max-height:none;object-fit:none;user-select:none;-webkit-user-drag:none}.fob-world-marker{position:absolute;transform:translate(-50%,-50%);width:128px;min-height:86px;z-index:4;text-decoration:none;display:block;filter:drop-shadow(0 9px 6px #000c)}.fob-world-marker img{display:block;width:128px;height:86px;object-fit:contain;transition:transform .14s,filter .14s}.fob-world-marker span{position:absolute;left:50%;top:82px;transform:translateX(-50%);min-width:110px;max-width:180px;padding:4px 6px;border:1px solid #5c6042;background:#07100deb;color:#efe0a5;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s,transform .12s;box-shadow:0 7px 18px #000a}.fob-world-marker span b,.fob-world-marker span small{display:block}.fob-world-marker span b{font-size:8px}.fob-world-marker span small{font-size:6px;color:#aab09e;margin-top:2px}.fob-world-marker.enemy:hover{z-index:12}.fob-world-marker.enemy:hover img,.fob-world-marker.enemy:focus-visible img{transform:scale(1.08);filter:brightness(1.12)}.fob-world-marker:hover span,.fob-world-marker:focus-visible span,.fob-world-marker.own span{opacity:1;transform:translate(-50%,3px)}.fob-world-marker.own{z-index:10;filter:drop-shadow(0 0 7px #f1d05d) drop-shadow(0 9px 6px #000c)}.fob-world-marker.own img{filter:brightness(1.1)}.fob-world-marker.own span{border-color:#d1ad4b;background:#17180e;color:#fff0a4}.fob-world-marker.protected::after{content:'PROTECTED';position:absolute;left:50%;top:-7px;transform:translate(-50%,-100%);padding:3px 5px;border:1px solid #598e9b;background:#081719e8;color:#b9eaf2;font-size:6px;letter-spacing:.6px}.fob-world-marker.protected img{filter:saturate(.7) brightness(.85)}
.fob-target-card .panel-body{min-height:100%}.fob-target-visual{height:180px;display:grid;place-items:center;border:1px solid #3b473c;background:radial-gradient(circle at center,#253027,#080d0a 72%);margin-bottom:14px}.fob-target-visual img{max-width:280px;max-height:170px;object-fit:contain;filter:drop-shadow(0 16px 9px #000c)}.fob-target-card h2{font-size:23px;margin:12px 0}.dispatch-submit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding-top:12px;border-top:1px solid #344139}.dispatch-submit-row span{font-size:9px;color:#9ca692}.dispatch-submit-row b{color:#dfbe5c}
@media(max-width:1180px){.fob-globe-shell{grid-template-columns:minmax(0,720px) 280px}.fob-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fob-world-viewport{height:620px}}
@media(max-width:900px){.fob-globe-shell{grid-template-columns:1fr}.fob-globe-brief{max-width:820px;margin:auto}.fob-world-console-head{align-items:flex-start;flex-direction:column}.fob-world-viewport{height:540px;max-height:none}.fob-world-marker{width:118px}.fob-world-marker img{width:118px;height:79px}.fob-world-marker span{top:76px}}
@media(max-width:620px){.fob-globe-pin button{min-width:88px;padding:6px}.fob-globe-pin b{font-size:8px}.fob-globe-pin small{display:none}.fob-skin-grid{grid-template-columns:1fr}.fob-skin-card{grid-template-rows:135px 135px 1fr}.fob-world-viewport{height:430px}.fob-world-marker{width:104px}.fob-world-marker img{width:104px;height:70px}.fob-world-marker span{top:66px}.dispatch-submit-row{align-items:stretch;flex-direction:column}.dispatch-submit-row button{width:100%}}

/* v0.5.0 combat support, functional sector milestones, global FOB invasion */
.battle-layout{align-items:start}.msw-battle-arena{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:14px;min-height:390px;padding:28px 24px;background:radial-gradient(ellipse at 50% 72%,#425331 0,#1b261c 42%,#080e0b 78%)}.battle-side{min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;position:relative}.battle-side-enemy{grid-column:3}.battle-vs{grid-column:2;align-self:center;margin-bottom:112px;color:#d8b85d;font-weight:900;font-size:15px;letter-spacing:2px;text-shadow:0 0 14px #d8b85d55}.fighter{position:relative;transform-origin:50% 100%}.fighter-sprite-shell{position:relative;display:grid;place-items:center;min-height:178px;transform-origin:50% 100%}.fighter.player .fighter-sprite-shell{min-height:145px}.fighter-sprite-shell img{position:relative;z-index:2}.security-backup-line{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:7px}.security-backup{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:7px;border:1px solid #3d4b3e;background:#09110eda;padding:5px 7px;min-width:0;transform-origin:50% 100%}.security-backup img{width:46px;height:42px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 3px #000a)}.security-backup b,.security-backup small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.security-backup b{font-size:8px;color:#e5d397}.security-backup small{font-size:7px;color:#819181;margin-top:2px}.security-backup-empty{padding:7px 9px;margin-top:7px;border:1px dashed #334036;color:#748075}.battle-command-module{margin-top:13px;padding-top:13px;border-top:1px solid #334036}.battle-command-module small{display:block;color:#899485;line-height:1.5;margin-top:5px}.intel-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.intel-stat-grid span{border:1px solid #344238;background:#0b1410;padding:8px;font-size:8px;color:#879382;text-transform:uppercase}.intel-stat-grid b{display:block;color:#e6cc82;font-size:13px;margin-top:4px}.security-slot-grid{align-items:stretch}.security-slot-card{display:grid;gap:9px;padding:13px;border:1px solid #3c4b3e;background:linear-gradient(180deg,#101a15,#09110e)}.security-slot-card h3{margin:8px 0 4px}.security-slot-card small{color:#899384}.capability-card{border:1px solid #38463a;background:#0b1310;padding:10px}.capability-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.capability-card-head>b{color:#e7cb7d}.capability-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:8px;padding:8px 5px;border-top:1px solid #2c372e}.capability-row>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #455346;color:#879485;font-size:8px}.capability-row b,.capability-row small{display:block}.capability-row b{font-size:9px}.capability-row small{font-size:7px;color:#7d887a;line-height:1.45;margin-top:2px}.capability-row em{font-size:7px;font-style:normal;letter-spacing:.5px}.capability-row.active>span{border-color:#8c7841;color:#f1d274;background:#211d10}.capability-row.active em{color:#a8c98c}.capability-row.locked{opacity:.64}.capability-row.locked em{color:#9a8067}.fob-shard-grid{align-items:stretch}.fob-shard-card{padding:15px;border:1px solid #3c4a3e;background:linear-gradient(180deg,#111b16,#09110e);box-shadow:inset 0 0 30px #0002}.fob-shard-card h3{margin:12px 0 6px;color:#ead696}.fob-shard-card p{line-height:1.55}

/* Action choreography is presentation-only; state/results remain server-authoritative. */
.fx-action-attack .fighter.player{animation:msw-player-lunge .72s cubic-bezier(.2,.8,.25,1) both}.fx-action-attack.fx-player-hit .fighter.enemy .fighter-sprite-shell{animation:msw-target-impact .48s ease .24s both}.fx-enemy-counter .fighter.enemy{animation:msw-enemy-lunge .72s cubic-bezier(.2,.8,.25,1) .52s both}.fx-enemy-counter.fx-enemy-hit .fighter.player .fighter-sprite-shell{animation:msw-target-impact-left .48s ease .78s both}.fx-backup .security-backup.assist-hit{animation:msw-backup-fire .68s ease .35s both}.fx-action-medical .fighter.player .fighter-sprite-shell::after{content:'';position:absolute;z-index:1;inset:22% 18%;border:2px solid #8fdc9d;border-radius:50%;box-shadow:0 0 22px #8fdc9daa,0 0 45px #8fdc9d55;animation:msw-heal-ring .9s ease both}.fx-action-recovery .fighter.enemy .fighter-sprite-shell::after{content:'';position:absolute;z-index:1;left:18%;right:18%;top:22%;bottom:8%;border:2px dashed #e7c75f;border-radius:50%;box-shadow:0 0 24px #e7c75f77;animation:msw-recovery-ring 1s ease both}.fx-recovery-success .fighter.enemy .fighter-sprite-shell{animation:msw-recovery-extract 1s ease both}.fx-pvp-player-attack .fighter.player{animation:msw-player-lunge .72s cubic-bezier(.2,.8,.25,1) both}.fx-pvp-enemy-hit .fighter.enemy .fighter-sprite-shell{animation:msw-target-impact .48s ease .24s both}.fx-pvp-enemy-attack .fighter.enemy{animation:msw-enemy-lunge .72s cubic-bezier(.2,.8,.25,1) both}.fx-pvp-player-hit .fighter.player .fighter-sprite-shell{animation:msw-target-impact-left .48s ease .24s both}
@keyframes msw-player-lunge{0%,100%{transform:translateX(0)}35%{transform:translateX(42px) scale(1.035)}58%{transform:translateX(30px)} }
@keyframes msw-enemy-lunge{0%,100%{transform:translateX(0)}35%{transform:translateX(-42px) scale(1.035)}58%{transform:translateX(-30px)}}
@keyframes msw-target-impact{0%,100%{transform:translate(0,0);filter:none}30%{transform:translate(14px,-3px);filter:brightness(1.65)}48%{transform:translate(-8px,2px)}66%{transform:translate(5px,-1px)}}
@keyframes msw-target-impact-left{0%,100%{transform:translate(0,0);filter:none}30%{transform:translate(-14px,-3px);filter:brightness(1.65)}48%{transform:translate(8px,2px)}66%{transform:translate(-5px,-1px)}}
@keyframes msw-backup-fire{0%,100%{transform:translateX(0);filter:none}38%{transform:translateX(18px);filter:brightness(1.35)}58%{transform:translateX(9px)}}
@keyframes msw-heal-ring{0%{opacity:0;transform:scale(.45)}45%{opacity:1;transform:scale(1.05)}100%{opacity:0;transform:scale(1.35)}}
@keyframes msw-recovery-ring{0%{opacity:0;transform:scale(.65) rotate(0)}45%{opacity:1}100%{opacity:0;transform:scale(1.25) rotate(120deg)}}
@keyframes msw-recovery-extract{0%{transform:translateY(0);opacity:1}62%{transform:translateY(-38px);opacity:.8}100%{transform:translateY(-85px);opacity:.08}}
@media(max-width:900px){.msw-battle-arena{grid-template-columns:1fr;gap:8px;align-items:stretch}.battle-side-enemy{grid-column:1}.battle-vs{grid-column:1;margin:0;justify-self:center}.security-backup-line{grid-template-columns:1fr 1fr}.intel-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-matrix .g3,.fob-shard-grid{grid-template-columns:1fr}.fighter-sprite-shell{min-height:130px}.fighter.player .fighter-sprite-shell{min-height:115px}}
@media(max-width:620px){.security-backup-line{grid-template-columns:1fr}.intel-stat-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.fx-action-attack .fighter.player,.fx-action-attack.fx-player-hit .fighter.enemy .fighter-sprite-shell,.fx-enemy-counter .fighter.enemy,.fx-enemy-counter.fx-enemy-hit .fighter.player .fighter-sprite-shell,.fx-backup .security-backup.assist-hit,.fx-recovery-success .fighter.enemy .fighter-sprite-shell,.fx-pvp-player-attack .fighter.player,.fx-pvp-enemy-hit .fighter.enemy .fighter-sprite-shell,.fx-pvp-enemy-attack .fighter.enemy,.fx-pvp-player-hit .fighter.player .fighter-sprite-shell,.fx-action-medical .fighter.player .fighter-sprite-shell::after,.fx-action-recovery .fighter.enemy .fighter-sprite-shell::after{animation:none!important}}
.fx-action-contact .fighter.player{animation:msw-contact-player .62s ease both}.fx-action-contact .fighter.enemy{animation:msw-contact-enemy .62s ease both}.fx-action-contact .security-backup{animation:msw-contact-backup .72s ease .18s both}@keyframes msw-contact-player{0%{opacity:0;transform:translateX(-34px)}100%{opacity:1;transform:translateX(0)}}@keyframes msw-contact-enemy{0%{opacity:0;transform:translateX(34px)}100%{opacity:1;transform:translateX(0)}}@keyframes msw-contact-backup{0%{opacity:0;transform:translateY(12px)}100%{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.fx-action-contact .fighter.player,.fx-action-contact .fighter.enemy,.fx-action-contact .security-backup{animation:none!important}}

/* v0.6.0 FOB Invasion Command Centre */
.fob-command-hero{background:radial-gradient(circle at 82% 28%,rgba(227,170,59,.14),transparent 28rem),linear-gradient(115deg,rgba(10,23,19,.98),rgba(35,38,24,.94));border-color:#6b6340}.fob-command-hero:after{content:'COMMAND';font-size:92px;right:1.5%;bottom:-20px}.fob-command-hero-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:17px;position:relative;z-index:2}.fob-command-status-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:18px 0}.fob-command-status{position:relative;overflow:hidden;min-height:132px;padding:14px;border:1px solid #3b493b;background:linear-gradient(160deg,#121c16,#09110d);box-shadow:inset 0 0 34px #0004}.fob-command-status:after{content:'';position:absolute;right:-28px;bottom:-38px;width:96px;height:96px;border:1px solid #d2ae4b22;transform:rotate(45deg)}.fob-command-status small,.fob-command-status span,.fob-command-status em{display:block}.fob-command-status small{font-size:8px;color:#8f9b87;letter-spacing:1px}.fob-command-status strong{display:block;font-size:23px;color:#e9d293;margin:7px 0}.fob-command-status span{font-size:9px;color:#c4c8b4}.fob-command-status span b{color:#f3d678}.fob-command-status em{font-style:normal;font-size:7px;line-height:1.55;color:#7c897b;margin-top:7px}.fob-command-status.protected{border-color:#4d7981;background:linear-gradient(160deg,#102125,#091215)}.fob-command-status.protected strong{color:#b8e5e9}.fob-command-status.open{border-color:#416145}.fob-command-status.warning{border-color:#805c36;background:linear-gradient(160deg,#211b12,#100e0a)}.fob-command-status.warning strong{color:#efb56b}.fob-command-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(390px,.75fr);gap:18px;align-items:start}.fob-command-primary{min-width:0}.fob-command-side{min-width:0}.fob-command-section-copy{font-size:9px;line-height:1.7;color:#929f91;margin:0 0 14px}.fob-target-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.fob-command-target{position:relative;min-width:0;padding:12px;border:1px solid #364338;background:linear-gradient(180deg,#111a15,#09100d);box-shadow:inset 0 0 30px #0003}.fob-command-target:hover{border-color:#625d3e}.fob-command-target.protected{opacity:.72;border-color:#36525a}.fob-command-target-top{display:flex;align-items:center;gap:6px;min-height:23px}.fob-command-target h3{font-size:14px;margin:11px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fob-command-target-meta{display:flex;justify-content:space-between;gap:7px;padding:8px 0;border-top:1px solid #28342c;border-bottom:1px solid #28342c;margin-bottom:10px;color:#879382;font-size:7px}.fob-command-target-meta b{color:#ddc376}.fob-command-target form{margin:0}.fob-command-target .actions{gap:5px}.fob-command-lock{padding:7px 8px;margin-bottom:8px;border:1px solid #355861;background:#0a1719;color:#9bd1d7;font-size:7px;letter-spacing:.6px}.fob-command-mini-label{font-size:8px;color:#c9ad5b;letter-spacing:1px;margin:14px 0 8px}.fob-command-unit-grid{max-height:370px;grid-template-columns:1fr}.fob-command-unit-grid .dispatch-unit-card{grid-template-columns:1fr;padding:10px}.fob-command-unit-grid .dispatch-unit-card>span b,.fob-command-unit-grid .dispatch-unit-card>span small,.fob-command-unit-grid .dispatch-unit-card>span em{display:block}.fob-command-unit-grid .dispatch-unit-card>span b{font-size:10px;color:#e8dec3}.fob-command-unit-grid .dispatch-unit-card>span small{font-size:7px;color:#7f8d7f;margin-top:3px}.fob-command-unit-grid .dispatch-unit-card>span em{font-size:7px;color:#baa052;font-style:normal;margin-top:4px}.fob-doctrine-list{display:grid;gap:7px}.fob-doctrine-list span{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:start;padding:9px;border:1px solid #313e34;background:#0a120f;color:#939d90;font-size:8px;line-height:1.5}.fob-doctrine-list b{display:grid;place-items:center;height:22px;border:1px solid #605536;background:#1d1b10;color:#e4c260;font-size:8px}.fob-command-lower{align-items:start}.fob-operation-list{display:grid;gap:8px}.fob-operation-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid #354238;background:#0b1410}.fob-operation-row:hover{border-color:#655c3c}.fob-operation-row small{font-size:7px;color:#879383;letter-spacing:.6px}.fob-operation-row h3{font-size:13px;margin:5px 0 4px}.fob-operation-row h3 span{color:#e1bf5f;font-size:9px}.fob-operation-row p{font-size:8px;color:#808c80;margin:0}.fob-operation-eta{text-align:right;min-width:92px}.fob-operation-eta small,.fob-operation-eta b{display:block}.fob-operation-eta b{font-size:15px;color:#e5ca79;margin:4px 0 8px}.fob-operation-list.inbound .fob-operation-row{border-color:#5d4334;background:#17110d}.fob-operation-list.inbound .fob-operation-eta b{color:#e89c76}.fob-retaliation-panel{border-color:#604938}.fob-retaliation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.fob-retaliation-card{position:relative;padding:13px;border:1px solid #4c3e32;background:linear-gradient(180deg,#17130f,#0d0d0a);min-width:0}.fob-retaliation-card.ready{border-color:#755436;box-shadow:inset 0 0 35px #6b371020}.fob-retaliation-card.locked{border-color:#36545a;background:#0b1314}.fob-retaliation-card.resolved{border-color:#34463a;opacity:.82}.fob-retaliation-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:8px;border-bottom:1px solid #332d27;color:#9c866c;font-size:7px}.fob-retaliation-card h3{font-size:14px;margin:10px 0}.fob-retaliation-card h3 small{font-size:7px;vertical-align:middle}.fob-retaliation-meta{display:grid;gap:5px;font-size:7px;color:#8e9489}.fob-retaliation-meta span{display:flex;justify-content:space-between;gap:8px}.fob-retaliation-meta b{color:#e6c376}.fob-retaliation-state{margin:11px 0 9px;padding:7px;border:1px solid #36545a;background:#0a1517;color:#a8ced2;font-size:7px;letter-spacing:.7px}.fob-retaliation-state.ready{border-color:#755436;background:#21160e;color:#f0b86c}.fob-retaliation-state.complete{border-color:#395840;background:#0e1911;color:#a6c99d}.fob-retaliation-card .actions{gap:5px}.fob-retaliation-card form{margin:0}.fob-command-table td:nth-child(2){font-weight:bold}.fob-command-table td:nth-child(5){color:#e0bd61}.fob-command-table .badge{font-size:7px}.fob-command-table{min-width:720px}.fob-command-panel-scroll{overflow:auto}.fob-command-target .btn.small,.fob-command-target button.small,.fob-retaliation-card .btn.small,.fob-retaliation-card button.small{padding:6px 8px;font-size:8px}.fob-retaliation-card button.danger{border-color:#77443b;background:#321d19;color:#f0aaa0}
@media(max-width:1200px){.fob-command-status-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fob-command-layout{grid-template-columns:minmax(0,1.35fr) minmax(350px,.75fr)}.fob-target-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.fob-retaliation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.fob-command-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fob-command-layout{grid-template-columns:1fr}.fob-command-lower{grid-template-columns:1fr}.fob-retaliation-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.fob-command-status-grid{grid-template-columns:1fr}.fob-target-matrix,.fob-retaliation-grid{grid-template-columns:1fr}.fob-operation-row{grid-template-columns:1fr}.fob-operation-eta{text-align:left}.fob-command-hero-actions .btn{width:100%}}

/* v0.6.0 supplied-art Command Network visual integration
   Presentation only: neutral gunmetal / sunset-amber palette, page-specific supplied
   artwork, semantic resource telemetry, CRT scan sweep and restrained UI motion. */
:root{
  --bg:#090a0b;--bg2:#111315;--panel:#141719;--panel2:#1d2021;--line:#45433b;
  --ink:#f0e7d5;--muted:#a69c8a;--amber:#e8862e;--amber2:#ffc45b;--green:#75bd72;
  --red:#d45a45;--cyan:#69c1c8;--steel:#aeb7bb;--sand:#b99a6a;--shadow:rgba(0,0,0,.64);
  --hot:#ef6d2f;--warning:#f0a43d;--screen:#77c8bc;
}
html{background:#08090a;scrollbar-color:#8c6738 #111315}
body{position:relative;color:var(--ink);background:radial-gradient(circle at 50% -15rem,#3c2d20 0,transparent 44rem),linear-gradient(180deg,#111214 0,#090a0b 58%,#060708 100%);background-attachment:fixed;isolation:isolate}
body::before{content:'';position:fixed;z-index:-1;pointer-events:none;right:-3vw;top:118px;width:min(46vw,660px);height:min(76vh,660px);background-image:var(--page-scene-art,none);background-size:cover;background-position:center;border-radius:50%;opacity:.075;filter:saturate(.9) contrast(1.1);-webkit-mask-image:radial-gradient(circle at 52% 45%,#000 0 32%,rgba(0,0,0,.75) 52%,transparent 76%);mask-image:radial-gradient(circle at 52% 45%,#000 0 32%,rgba(0,0,0,.75) 52%,transparent 76%)}
body::after{content:'';position:fixed;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,165,75,.012) 1px,transparent 1px),linear-gradient(rgba(255,165,75,.01) 1px,transparent 1px);background-size:34px 34px;opacity:.55}

/* Supplied library art routing by actual gameplay system. */
body.page-index,body.page-login,body.page-signup,body.page-404{--hero-art:url('../artwork/MAINHEADER.jpg')}
body.page-dashboard{--hero-art:url('../artwork/CommandCentreHeader.jpg');--page-scene-art:url('../artwork/CommandCentre.jpg')}
body.page-map-select,body.page-map,body.page-battle{--hero-art:url('../artwork/SelectWarzoneHeader.jpg');--page-scene-art:url('../artwork/SelectWarzone.jpg')}
body.page-missions,body.page-sidequests{--hero-art:url('../artwork/CombatMissionsHeader.jpg');--page-scene-art:url('../artwork/CombatMissions.jpg')}
body.page-bosses{--hero-art:url('../artwork/BOSSOPERATIONSHeader.jpg');--page-scene-art:url('../artwork/BOSSOPERATIONS.jpg')}
body.page-dispatch,body.page-fob-dispatch{--hero-art:url('../artwork/DispatchHeader.jpg');--page-scene-art:url('../artwork/Dispatch.jpg')}
body.page-rd{--hero-art:url('../artwork/R&DHeader.jpg');--page-scene-art:url('../artwork/R&D.jpg')}
body.page-strategic{--hero-art:url('../artwork/NUCLEAEDETERRENCEHEADER.jpg');--page-scene-art:url('../artwork/NUCLEAEDETERRENCE.jpg')}
body.page-rankings{--hero-art:url('../artwork/RankingHeader.jpg');--page-scene-art:url('../artwork/Ranking.jpg')}
body.page-base,body.page-staff,body.page-mother-base,body.page-mother-base-presence{--hero-art:url('../artwork/SlugHangerHeader.jpg');--page-scene-art:url('../artwork/SlugHanger.jpg')}
body.page-community,body.page-friends,body.page-messages,body.page-strike-forces,body.page-profile{--hero-art:url('../artwork/MessHallHeader.jpg');--page-scene-art:url('../artwork/MessHall.jpg')}
body.page-ai-commanders,body.page-commanders,body.page-pvp,body.page-pvp-match{--hero-art:url('../artwork/AICOMMANDERS.jpg');--page-scene-art:url('../artwork/ExtaCommanderScanner.jpg')}
body.page-fob,body.page-fob-world,body.page-fob-globe,body.page-fob-shards,body.page-fob-skin,body.page-fob-target,body.page-fob-infiltration,body.page-fob-result{--hero-art:url('../artwork/CommandCentreHeader.jpg');--page-scene-art:url('../artwork/ExtaCommanderScanner.jpg')}

.scanline{position:fixed;z-index:99;inset:0;pointer-events:none;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,238,207,.018) 3px 4px);mix-blend-mode:screen;opacity:.58}
.scanline::after{content:'';position:absolute;left:0;right:0;top:-18vh;height:17vh;background:linear-gradient(180deg,transparent,rgba(255,190,99,.025) 25%,rgba(255,213,145,.12) 78%,rgba(255,241,209,.035),transparent);box-shadow:0 12px 34px rgba(239,109,47,.06);animation:msw-scan-sweep 8.5s linear infinite}
@keyframes msw-scan-sweep{0%{transform:translateY(-12vh)}100%{transform:translateY(130vh)}}

.topbar{height:82px;border-bottom:1px solid #6a5133;background:linear-gradient(180deg,rgba(34,31,28,.98),rgba(14,16,17,.98));box-shadow:0 8px 34px rgba(0,0,0,.72),inset 0 -1px rgba(255,183,91,.09);overflow:hidden}
.topbar::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 0 35%,rgba(255,170,72,.035) 50%,transparent 65%);transform:translateX(-65%);animation:msw-topbar-sweep 10s ease-in-out infinite}
@keyframes msw-topbar-sweep{0%,60%{transform:translateX(-65%)}85%,100%{transform:translateX(65%)}}
.brand{position:relative;z-index:1;gap:13px;text-shadow:0 2px 8px #000}.brand-mark{width:54px;height:46px;border-color:#d68a39;color:#ffd178;background:linear-gradient(145deg,#312619,#17191a);box-shadow:inset 0 0 0 2px #59432c,0 0 18px rgba(230,132,42,.12)}
.brand b{font-size:22px;letter-spacing:.5px}.brand em{color:#bca98e;letter-spacing:1.4px}
.network-state{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;grid-template-columns:auto auto;column-gap:7px;align-items:center;padding:7px 12px 6px;border:1px solid #3b4d48;background:rgba(8,14,14,.76);box-shadow:inset 0 0 18px rgba(81,172,159,.045);font-size:8px;letter-spacing:1.4px;color:#8fa69f}
.network-state i{grid-row:1/3;width:7px;height:7px;border-radius:50%;background:#76d691;box-shadow:0 0 10px rgba(118,214,145,.72);animation:msw-link-pulse 2.2s ease-in-out infinite}.network-state b{color:#a5e3b3;font-size:8px}.network-state span{font-size:7px}
@keyframes msw-link-pulse{50%{opacity:.45;box-shadow:0 0 4px rgba(118,214,145,.32)}}
.commander-chip{position:relative;z-index:1;border-left-color:#e48732;background:linear-gradient(90deg,rgba(32,25,19,.88),rgba(18,20,20,.93));box-shadow:inset 0 0 22px rgba(232,134,46,.045)}
.commander-sprite-shell{width:42px;height:44px;display:grid;place-items:end center;position:relative;border-bottom:1px solid #72512c;background:radial-gradient(circle at 50% 85%,rgba(232,134,46,.12),transparent 55%)}
.commander-sprite-shell::after{content:'';position:absolute;left:8px;right:8px;bottom:-2px;height:4px;border-radius:50%;background:#0009;filter:blur(2px)}
.commander-chip img{width:40px;height:42px;transform-origin:50% 100%;animation:msw-sprite-idle 2.8s steps(2,end) infinite}
@keyframes msw-sprite-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}

.mainnav{top:82px;border-bottom:1px solid #40372c;background:linear-gradient(180deg,#111416,#0c0e10);box-shadow:0 6px 18px rgba(0,0,0,.34)}
.mainnav a{position:relative;color:#b7aea1;padding:12px 14px;border-bottom-color:transparent;transition:color .16s ease,background-color .16s ease,transform .16s ease}
.mainnav a::after{content:'';position:absolute;left:12px;right:12px;bottom:4px;height:1px;background:#e98b38;transform:scaleX(0);transform-origin:center;transition:transform .18s ease;box-shadow:0 0 7px rgba(233,139,56,.4)}
.mainnav a:hover,.mainnav a.active{color:#ffe1a7;background:linear-gradient(180deg,rgba(232,134,46,.12),rgba(232,134,46,.025));border-bottom-color:transparent;transform:translateY(-1px)}
.mainnav a:hover::after,.mainnav a.active::after{transform:scaleX(1)}

.shell{position:relative;z-index:1;width:min(1460px,96vw);margin-top:26px}
.hero{min-height:238px;border:1px solid #6c5637;background-image:linear-gradient(90deg,rgba(8,9,10,.93) 0%,rgba(8,9,10,.78) 38%,rgba(8,9,10,.31) 70%,rgba(8,9,10,.18) 100%),linear-gradient(0deg,rgba(7,8,9,.84),transparent 72%),var(--hero-art,none);background-size:cover;background-position:center;background-repeat:no-repeat;box-shadow:0 20px 54px rgba(0,0,0,.58),inset 0 0 0 1px rgba(255,196,101,.055),inset 0 -100px 100px rgba(0,0,0,.22);padding:30px 32px;isolation:isolate}
.hero::before{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(232,134,46,.2) 0 2px,transparent 2px) 16px 14px/48px 1px no-repeat,linear-gradient(180deg,rgba(232,134,46,.2) 0 2px,transparent 2px) 16px 14px/1px 48px no-repeat,linear-gradient(270deg,rgba(105,193,200,.18) 0 2px,transparent 2px) calc(100% - 16px) calc(100% - 14px)/48px 1px no-repeat,linear-gradient(0deg,rgba(105,193,200,.18) 0 2px,transparent 2px) calc(100% - 16px) calc(100% - 14px)/1px 48px no-repeat}
.hero::after{content:'COMMAND NETWORK';right:20px;bottom:10px;font-size:10px;letter-spacing:3px;color:rgba(255,211,145,.26);font-weight:700}
.hero h1{max-width:850px;text-shadow:0 3px 18px #000,0 1px #000;font-size:clamp(30px,4vw,54px)}.hero h1 span{color:#ffc65d;text-shadow:0 0 20px rgba(240,146,55,.22),0 3px 18px #000}.hero p{max-width:850px;color:#d3c7b4;text-shadow:0 2px 12px #000;line-height:1.65}.eyebrow{color:#f09a43;text-shadow:0 1px 8px #000}
.hero-operative{position:absolute;z-index:4;right:24px;bottom:16px;width:132px;height:134px;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;border-bottom:1px solid rgba(239,152,67,.3);background:radial-gradient(ellipse at 50% 94%,rgba(239,152,67,.12),transparent 58%)}
.hero-operative::before{content:'ACTIVE OPERATIVE';position:absolute;right:0;bottom:-1px;padding:3px 6px;background:#0a0b0cdd;border:1px solid #5c4730;color:#d8b27a;font-size:7px;letter-spacing:1px}
.hero-operative::after{content:'';position:absolute;width:58px;height:8px;bottom:2px;background:#0009;border-radius:50%;filter:blur(3px)}
.hero-operative img{position:relative;z-index:1;max-width:112px;height:108px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 9px 4px rgba(0,0,0,.72));transform-origin:50% 100%;animation:msw-hero-operative 2.7s steps(2,end) infinite}
@keyframes msw-hero-operative{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-.4deg)}}
body:has(.hero-operative) .hero p{padding-right:118px}

.panel{position:relative;border-color:#4a443a;background:linear-gradient(180deg,rgba(25,27,28,.97),rgba(12,14,15,.98));box-shadow:0 16px 38px rgba(0,0,0,.53),inset 0 0 0 1px rgba(255,255,255,.012);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;isolation:isolate}
.panel:hover{z-index:3;transform:translateY(-2px);border-color:#70583a;box-shadow:0 20px 46px rgba(0,0,0,.62),0 0 24px rgba(232,134,46,.035),inset 0 0 0 1px rgba(255,194,100,.035)}
.panel-head{position:relative;background:linear-gradient(90deg,#29241e,#181b1c 60%,#131617);border-bottom-color:#4c4134;padding:14px 18px;overflow:hidden}
.panel-head::after{content:'';position:absolute;left:0;top:0;width:118px;height:2px;background:linear-gradient(90deg,#ef9340,transparent);box-shadow:0 0 10px rgba(239,147,64,.22)}
.panel-head small{color:#e39445}.panel-head h2{color:#f3eadc;letter-spacing:.2px}.bolts{color:#8d7452;letter-spacing:4px}.panel-body{background:linear-gradient(135deg,rgba(255,177,79,.01),transparent 34%)}

.stat{position:relative;overflow:hidden;border-color:#49443c;background:linear-gradient(145deg,#171a1b,#0f1112);box-shadow:inset 0 0 24px rgba(0,0,0,.2);transition:transform .16s ease,border-color .16s ease}.stat::after{content:'';position:absolute;right:-24px;bottom:-30px;width:76px;height:76px;border:1px solid rgba(232,134,46,.12);transform:rotate(45deg)}.stat:hover{transform:translateY(-2px);border-color:#765b3a}.stat small{color:#aaa093;letter-spacing:.6px}.stat strong{color:#f6cc78;text-shadow:0 0 14px rgba(232,134,46,.07)}.stat em{color:#8e8981}.stat-gmp strong{color:#ffc45b}.stat-base-power strong{color:#79d0d4}.stat-recovered-units strong{color:#8ec989}.stat-base-grade strong{color:#f0a14b}.stat-security strong{color:#ef7d62}.stat-warzone strong,.stat-fob-world strong,.stat-world strong{color:#7cc8ce}

.resource-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;border-color:#51483b;background:#2c241c;margin-bottom:18px;box-shadow:0 10px 28px rgba(0,0,0,.3)}
.resource-strip .resource{--resource:#d1b477;position:relative;overflow:hidden;min-width:0;padding:11px 14px 13px;border-right:0;background:linear-gradient(180deg,#191b1c,#101213);transition:background .16s ease,transform .16s ease}
.resource-strip .resource:hover{z-index:2;transform:translateY(-2px);background:linear-gradient(180deg,#242120,#111314)}.resource-strip .resource::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--resource);box-shadow:0 0 10px color-mix(in srgb,var(--resource) 38%,transparent)}
.resource-strip small{color:#9c958a;letter-spacing:.8px}.resource-strip b{display:block;margin-top:2px;color:var(--resource);font-size:16px;text-shadow:0 0 13px color-mix(in srgb,var(--resource) 16%,transparent)}.resource-strip i{position:absolute;left:14px;right:14px;bottom:6px;height:1px;background:linear-gradient(90deg,var(--resource),transparent);opacity:.62}
.resource-common_metal{--resource:#c2c9cc!important}.resource-minor_metal{--resource:#71c5d0!important}.resource-precious_metal{--resource:#f3c85d!important}.resource-fuel{--resource:#ef873a!important}.resource-biological{--resource:#78c77b!important}.resource-strategic_devices{--resource:#df6d61!important}

.btn,button{position:relative;overflow:hidden;border-color:#875b32;background:linear-gradient(180deg,#60371d,#352218);color:#ffd48e;box-shadow:inset 0 1px rgba(255,205,126,.08),0 4px 12px rgba(0,0,0,.18);transition:transform .13s ease,border-color .13s ease,filter .13s ease,box-shadow .13s ease}
.btn::after,button::after{content:'';position:absolute;top:0;bottom:0;left:-48%;width:32%;background:linear-gradient(90deg,transparent,rgba(255,224,172,.1),transparent);transform:skewX(-18deg);transition:left .35s ease;pointer-events:none}.btn:hover,button:hover{filter:none;transform:translateY(-1px);border-color:#c17c39;box-shadow:0 6px 18px rgba(0,0,0,.28),0 0 14px rgba(230,124,42,.06)}.btn:hover::after,button:hover::after{left:118%}.btn:active,button:active{transform:translateY(1px)}
.btn.secondary{border-color:#3c6e72;background:linear-gradient(180deg,#193538,#142526);color:#9ddde0}.btn.danger{border-color:#81463a;background:linear-gradient(180deg,#4b211a,#2e1714);color:#f4a296}
.alert{border-left-color:#65bdc4;background:#121d1f;color:#d7e8e6;box-shadow:inset 0 0 25px rgba(71,174,183,.035)}.alert.success{border-color:#70b970;background:#121c14}.alert.error{border-color:#d25843;background:#211411}.alert.warning{border-color:#e7963d;background:#211910}
label{color:#cfc3b2}input,select,textarea{background:#0b0d0e;border-color:#4e483f;color:#f0e6d7;box-shadow:inset 0 2px 9px rgba(0,0,0,.3)}input:focus,select:focus,textarea:focus{border-color:#df8c3f;box-shadow:0 0 0 1px rgba(223,140,63,.15),inset 0 2px 9px rgba(0,0,0,.3)}

.feature{position:relative;border-left-color:#d2873f;background:linear-gradient(90deg,#1b1917,#111314);transition:transform .16s ease,background .16s ease,border-color .16s ease;overflow:hidden}.feature::after{content:'';position:absolute;right:-28px;top:-30px;width:74px;height:74px;border:1px solid rgba(232,134,46,.09);transform:rotate(45deg)}.feature:hover{transform:translateX(4px);border-left-color:#ffb153;background:linear-gradient(90deg,#241d18,#121415)}.feature b{color:#f0be6e}.feature small{color:#a59c90}
.character-grid{gap:12px}.char-card{border-color:#4d473e;background:#111314;transition:transform .16s ease,border-color .16s ease,background .16s ease}.char-card:hover{transform:translateY(-3px);border-color:#7c603f;background:#1b1816}.char-card:has(input:checked){border-color:#e18d3c;box-shadow:inset 0 0 0 1px #e18d3c,0 0 20px rgba(225,141,60,.08)}.char-card img{filter:drop-shadow(0 5px 3px #0008);transform-origin:50% 100%;animation:msw-sprite-idle 3s steps(2,end) infinite}.char-card b{color:#efe1cd}

th,td{border-bottom-color:#343233}th{color:#efa04a}tbody tr{transition:background .14s ease,transform .14s ease}tr:hover td{background:#1b1816}.grade{border-color:#82613b;color:#ffd585;background:#2b2117}.badge{border-color:#50545a;color:#b9b8b2;background:#121416}
.hpbar{background:#281411;border-color:#5a3931}.hpbar i{background:linear-gradient(90deg,#b83f31,#e87149,#e6b453)}
.map-card{border-color:#49433a;background:#111314;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.map-card:hover{z-index:2;transform:translateY(-4px);border-color:#7d5f3d;box-shadow:0 15px 30px rgba(0,0,0,.45)}.map-card .preview img{transition:transform .35s ease,filter .35s ease}.map-card:hover .preview img{transform:scale(1.035);filter:saturate(1.08) contrast(1.04)}.map-card p{color:#aaa094}.map-stage{border-color:#66513a;background:#070809;scrollbar-color:#95683b #0f1112}.map-label{background:#0a0c0ded;color:#ffd38a;border-color:#725438}.map-avatar.other{filter:drop-shadow(0 0 5px #f0a849)}
.battle-scene{border-color:#5c4936;background:radial-gradient(circle at 60% 40%,#3b3024,#151617 58%,#08090a)}.battle-card,.battle-log{background:#0d0f10ed;border-color:#3e3a34}.battle-log div{border-bottom-color:#2e2d2b}.sector{border-left-color:#bf7f3d}.sector .score{color:#efbd68}.unit-bars span{background:#2f302e}.unit-bars i{background:linear-gradient(90deg,#c17436,#e1b85c)}.timer{color:#ffc65d}.empty{color:#9a948a;border-color:#47423a}.footer{color:#77746d;border-top-color:#34302b}

/* v0.6.0 Command Centre palette integration. */
.fob-command-hero{border-color:#805d38;background-image:linear-gradient(90deg,rgba(8,9,10,.94),rgba(8,9,10,.72) 42%,rgba(8,9,10,.22)),linear-gradient(0deg,rgba(7,8,9,.82),transparent 68%),var(--hero-art,none)}
.fob-command-status{border-color:#4c473f;background:linear-gradient(160deg,#191b1b,#0d0f10);box-shadow:inset 0 0 34px #0005;transition:transform .16s ease,border-color .16s ease}.fob-command-status:hover{transform:translateY(-2px);border-color:#72583a}.fob-command-status:after{border-color:#e99a4528}.fob-command-status small{color:#a1988a}.fob-command-status strong{color:#f0c36c}.fob-command-status span{color:#cbc0ae}.fob-command-status span b{color:#ffd274}.fob-command-status em{color:#8f8c84}.fob-command-status.protected{border-color:#417078;background:linear-gradient(160deg,#112125,#0b1113)}.fob-command-status.protected strong{color:#8fd5dc}.fob-command-status.open{border-color:#4f6a4d}.fob-command-status.warning{border-color:#8b5b35;background:linear-gradient(160deg,#241812,#100e0d)}.fob-command-status.warning strong{color:#f0a052}
.fob-command-section-copy{color:#a39b8e}.fob-command-target{border-color:#48443e;background:linear-gradient(180deg,#171919,#0d0f10);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.fob-command-target:hover{z-index:2;transform:translateY(-3px);border-color:#81613e;box-shadow:0 12px 24px #0007}.fob-command-target.protected{border-color:#3d6167}.fob-command-target-meta{border-color:#343330;color:#999289}.fob-command-target-meta b{color:#e8b765}.fob-command-lock{border-color:#3e6970;background:#0b181b;color:#9ed7dc}.fob-command-mini-label{color:#e29a4b}.fob-command-unit-grid .dispatch-unit-card>span b{color:#efe4d3}.fob-command-unit-grid .dispatch-unit-card>span small{color:#918c83}.fob-command-unit-grid .dispatch-unit-card>span em{color:#d2a25c}
.fob-doctrine-list span{border-color:#423f39;background:#0f1112;color:#aaa195}.fob-doctrine-list b{border-color:#7d5b36;background:#2a1d14;color:#f0b65d}.fob-operation-row{border-color:#45423d;background:#101213;transition:transform .16s ease,border-color .16s ease}.fob-operation-row:hover{transform:translateX(3px);border-color:#7b5d3d}.fob-operation-row small{color:#999188}.fob-operation-row h3 span{color:#eab35c}.fob-operation-row p{color:#928d85}.fob-operation-eta b{color:#efbd67}.fob-operation-list.inbound .fob-operation-row{border-color:#744633;background:#1b1110}.fob-operation-list.inbound .fob-operation-eta b{color:#f08b6e}.fob-retaliation-panel{border-color:#6e4636}.fob-retaliation-card{border-color:#58483b;background:linear-gradient(180deg,#1a1512,#0e0e0e);transition:transform .16s ease,border-color .16s ease}.fob-retaliation-card:hover{transform:translateY(-3px);border-color:#8c5f3d}.fob-retaliation-card.ready{border-color:#8b5b36;box-shadow:inset 0 0 35px #7e351b20}.fob-retaliation-card.locked{border-color:#3d6268;background:#0d1516}.fob-retaliation-card.resolved{border-color:#405443}.fob-retaliation-head{border-color:#3b342d;color:#aa927a}.fob-retaliation-meta{color:#99958d}.fob-retaliation-meta b{color:#eabd6a}.fob-retaliation-state{border-color:#416a70;background:#0b1719;color:#a8dadd}.fob-retaliation-state.ready{border-color:#875a35;background:#25180f;color:#f1aa5c}.fob-retaliation-state.complete{border-color:#45624a;background:#0f1711;color:#a8d0a3}.fob-command-table td:nth-child(5){color:#edb85f}

/* Entrance and focus choreography is non-authoritative and degrades to static UI. */
.motion-ready .ui-reveal{opacity:0;transform:translateY(8px)}.motion-ready .ui-reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .34s ease,transform .34s ease}.motion-ready .ui-reveal.is-visible.panel:hover{transform:translateY(-2px)}
:focus-visible{outline:2px solid #f2a24a;outline-offset:2px}

@media(max-width:1120px){.network-state{display:none}.hero{background-position:center}.resource-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body::before{width:82vw;right:-28vw;opacity:.05}.hero{min-height:218px;padding:24px}.hero-operative{right:14px;width:105px;height:116px}.hero-operative img{height:92px;max-width:92px}body:has(.hero-operative) .hero p{padding-right:88px}.topbar{height:78px}.mainnav{top:78px}.resource-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){body::before{display:none}.hero{min-height:190px;background-image:linear-gradient(90deg,rgba(8,9,10,.93),rgba(8,9,10,.65)),linear-gradient(0deg,rgba(7,8,9,.78),transparent 70%),var(--hero-art,none)}.hero-operative{display:none}body:has(.hero-operative) .hero p{padding-right:0}.resource-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.brand b{font-size:18px}.brand-mark{width:46px;height:42px}.commander-sprite-shell{display:none}.panel:hover,.fob-command-target:hover,.fob-retaliation-card:hover,.map-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.scanline::after,.topbar::before,.network-state i,.commander-chip img,.hero-operative img,.char-card img{animation:none!important}.panel,.feature,.stat,.map-card,.fob-command-status,.fob-command-target,.fob-operation-row,.fob-retaliation-card,.btn,button{transition:none!important}.motion-ready .ui-reveal{opacity:1!important;transform:none!important}}

/* Final interaction/hero-position refinements for the supplied-art pass. */
body.page-dashboard,body.page-fob,body.page-fob-world,body.page-fob-globe,body.page-fob-shards,body.page-fob-skin,body.page-fob-target,body.page-fob-infiltration,body.page-fob-result{--hero-pos:68% center}
.hero{background-position:var(--hero-pos,center)}
.motion-ready .ui-reveal.is-visible.feature:hover{transform:translateX(4px)}
.motion-ready .ui-reveal.is-visible.stat:hover{transform:translateY(-2px)}
.motion-ready .ui-reveal.is-visible.map-card:hover{transform:translateY(-4px)}
.motion-ready .ui-reveal.is-visible.fob-command-status:hover,.motion-ready .ui-reveal.is-visible.fob-command-target:hover,.motion-ready .ui-reveal.is-visible.fob-retaliation-card:hover{transform:translateY(-3px)}
.motion-ready .ui-reveal.is-visible.fob-operation-row:hover{transform:translateX(3px)}
@media(max-width:620px){.motion-ready .ui-reveal.is-visible.panel:hover,.motion-ready .ui-reveal.is-visible.map-card:hover,.motion-ready .ui-reveal.is-visible.fob-command-status:hover,.motion-ready .ui-reveal.is-visible.fob-command-target:hover,.motion-ready .ui-reveal.is-visible.fob-retaliation-card:hover{transform:none}}

/* Full-site specialized surface recolour: keep olive/green for semantic readiness,
   not as the default structural chrome. */
.commander-progression{border-color:#5b4b39;background:linear-gradient(100deg,#17191a,#211c18 60%,#141617);box-shadow:0 14px 35px rgba(0,0,0,.5)}
.commander-portrait{border-color:#5b4b38;background:radial-gradient(circle at 50% 65%,#36281d,#0b0c0d 70%)}.commander-portrait span{color:#aa9985}
.commander-xp-numbers span{color:#9e958a}.commander-combat-stats{border-color:#4f463b;background:#0e1011}.commander-combat-stats>div{border-right-color:#3d3832}.commander-combat-stats small{color:#918980}.commander-combat-stats b{color:#f0c774}
.xpbar{background:#191817;border-color:#5a4732}.commander-xp-row>i{background:#1d1a17;border-color:#58452f}.commander-xp-row>small{color:#d7b679!important}
.dispatch-mission{border-color:#49423a;background:#101213}.dispatch-mission-head{border-bottom-color:#39342f}.dispatch-mission-head small{color:#989086}
.dispatch-unit-card{border-color:#47423b;background:#121415}.dispatch-unit-card:hover{border-color:#76593a;background:#1c1917}.dispatch-unit-card:has(input:checked){border-color:#d08a3d;background:#2a1c13;box-shadow:inset 0 0 0 1px #815426}.dispatch-unit-card:has(input:checked) .dispatch-check{background:#d48737;border-color:#f0ad54;color:#130e0a}.dispatch-footer{border-top-color:#39342f}.dispatch-footer span{color:#9c9489}
.warzone-console{border-color:#5b4936;background:#0a0c0d}.warzone-console-head{border-bottom-color:#4a4035;background:linear-gradient(90deg,#241d18,#141719)}.warzone-console-head small{color:#e49a48}
.map-control-panel,.map-operative-card{border-color:#50473c;background:linear-gradient(180deg,#17191a,#0d0f10)}.map-control-panel p{color:#a19a91}.map-operative-card small{color:#8f8981}.map-operative-card span{color:#e2b15f}.map-operative-card em{color:#8d8982}.movement-status{border-color:#49423a;background:#0a0c0d;color:#9c958b}.movement-status[data-kind="active"]{color:#f0b85b;border-color:#765126}.movement-status[data-kind="blocked"]{background:#21150f}.boss-art-frame{border-color:#594838;background:radial-gradient(circle at 50% 60%,#3c2d21,#090a0b 75%)}
.mother-base-choice{border-color:#4b443b;background:#121415}.mother-base-choice:hover{border-color:#785b3c;background:#1b1816}.mother-base-choice:has(input:checked){border-color:#dd9240;box-shadow:inset 0 0 0 1px #86592a;background:#2b1d14}.mother-base-choice small{color:#999187}.physical-base-preview{border-color:#514638;background:#090a0b}.profile-base-summary img{border-color:#574b3d}.profile-base-summary p{color:#a49b8e}.base-status-card{border-color:#50473c;background:linear-gradient(180deg,#17191a,#0d0f10)}.base-status-card p{color:#9f978c}.base-status-grid,.base-status-grid span{border-color:#403a34}.base-status-grid small{color:#89837b}.base-status-grid b{color:#efbd68}.force-member,.allied-base{border-color:#47413a;background:#101213}.force-member small,.allied-base small{color:#918a82}
.ai-badge,.ai-mark{border-color:#49757a;color:#a8dfe1;background:#0b181a}.live-dot:before{background:#76ca86;box-shadow:0 0 8px #76ca86}
.fob-globe-stage{border-color:#62513e;background:#060708}.fob-globe-pin button{border-color:#b97836;background:#0b0d0edc;color:#ffd183}.fob-globe-pin button:hover,.fob-globe-pin button:focus-visible{border-color:#efa34d;background:#201712}.fob-globe-pin small{color:#a59b8e}.fob-globe-brief{border-color:#51473c;background:linear-gradient(180deg,#17191a,#0d0f10)}.fob-globe-brief p{color:#aaa094}.fob-rule-list span{border-color:#454039;background:#101213;color:#b8afa2}.fob-rule-list b{color:#e8a54f}.fob-skin-card{border-color:#51473c;background:linear-gradient(180deg,#17191a,#0d0f10)}.fob-skin-icon{background:radial-gradient(circle at 50% 55%,#30271f,#0b0c0d 70%);border-bottom-color:#493f35}.fob-skin-preview{border-bottom-color:#493f35}.fob-skin-copy p{color:#a39b90}.fob-world-console{border-color:#51483d;background:#08090a}.fob-world-console-head{border-bottom-color:#51483d;background:linear-gradient(180deg,#241d18,#101213)}.fob-world-console-head small{color:#948b80}.fob-world-console-head strong{color:#efc16e}.fob-target-visual{border-color:#51473c;background:radial-gradient(circle at center,#33271e,#090a0b 72%)}.dispatch-submit-row{border-top-color:#403a34}.dispatch-submit-row span{color:#a0978c}.dispatch-submit-row b{color:#e8b65e}
.fob-world-viewport{background:#050607;scrollbar-color:#986b3b #111315}.fob-world-marker span{border-color:#685039;background:#0a0b0ce8;color:#f3d29a}.fob-world-marker span small{color:#aaa197}.fob-world-marker.own span{border-color:#d28a3c;background:#211711;color:#ffe0a0}.fob-world-marker.protected::after{border-color:#4e8790;background:#081719e8;color:#b9eaf2}
.msw-battle-arena{background:radial-gradient(ellipse at 50% 72%,#3a2d22 0,#17191a 42%,#090a0b 78%)}.security-backup{border-color:#4b443c;background:#0c0e0fda}.security-backup small{color:#908a82}.security-backup-empty{border-color:#49423a;color:#8f8981}.battle-command-module{border-top-color:#443e37}.battle-command-module small{color:#999187}.intel-stat-grid span{border-color:#47413a;background:#101213;color:#958e85}.intel-stat-grid b{color:#efc06b}.security-slot-card{border-color:#4d463d;background:linear-gradient(180deg,#161819,#0d0f10)}.security-slot-card small{color:#948d84}.capability-card{border-color:#4a433b;background:#101213}.capability-card-head>b{color:#eab45e}.capability-row{border-top-color:#3b3732}.capability-row>span{border-color:#514a41;color:#989087}.capability-row small{color:#8c867f}.capability-row.active>span{border-color:#a06b35;color:#ffd17d;background:#2b1b12}.capability-row.active em{color:#8dca8a}.fob-shard-card{border-color:#4b453d;background:linear-gradient(180deg,#17191a,#0e1011)}.fob-shard-card h3{color:#efc16d}
body.page-index,body.page-login,body.page-signup,body.page-404{--page-scene-art:url('../artwork/MAINHEADER.jpg')}

/* v0.8.1 — corrected Peace-Walker-style automatic FOB / strike / dispatch battle playback */
body.page-dispatch-result{--hero-art:url('../artwork/DispatchHeader.jpg');--page-scene-art:url('../artwork/Dispatch.jpg')}
body.page-fob-dispatch-result{--hero-art:url('../artwork/CommandCentreHeader.jpg');--page-scene-art:url('../artwork/ExtaCommanderScanner.jpg')}
.dispatch-result-cell{display:flex;align-items:center;gap:8px;justify-content:space-between;flex-wrap:wrap}.dispatch-result-cell>span{color:#b6aa9b}

.auto-battle-shell{position:relative;overflow:hidden;margin-bottom:18px;border-color:#5c4936;box-shadow:0 22px 55px #0008}
.auto-battle-shell::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#fff 4px);opacity:.012;z-index:20}
.auto-battle-head{display:flex;justify-content:space-between;align-items:center;gap:18px}
.auto-battle-head p{margin:4px 0 0;color:#948d83;font-size:10px}
.auto-battle-controls{display:flex;gap:7px;position:relative;z-index:21}
.auto-battle-controls button.secondary{border-color:#5c5549;background:#17191a;color:#d6c6aa;padding:7px 10px;font-size:9px}
.auto-battle-controls button:disabled{opacity:.4;cursor:default;filter:none}

.auto-battle-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 230px minmax(0,1fr);align-items:stretch;border-bottom:1px solid #393633;background:linear-gradient(180deg,#161918,#101212)}
.auto-battle-score{padding:11px 15px;min-width:0;border-right:1px solid #393633}
.auto-battle-score.enemy{border-right:0;border-left:1px solid #393633;text-align:right}
.auto-battle-score small,.auto-battle-link small{display:block;color:#d49748;font-size:8px;letter-spacing:1.5px}
.auto-battle-score.enemy small{color:#d76759}
.auto-battle-score b{display:block;margin:4px 0;color:#eed09a;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auto-battle-score.enemy b{color:#efaaa0}
.auto-battle-score span{display:block;color:#999187;font-size:8px;letter-spacing:.5px}
.auto-battle-score strong{color:#f0c56f}
.auto-battle-score.enemy strong{color:#ef8a7c}
.auto-force-hp{height:6px;margin-top:7px;border:1px solid #594c32;background:#13130e;overflow:hidden}
.auto-force-hp i{display:block;height:100%;background:linear-gradient(90deg,#6f7b32,#b6aa44,#e0c65f);transition:width .38s ease}
.auto-battle-score.enemy .auto-force-hp{border-color:#5b3430;background:#1a0d0c}
.auto-battle-score.enemy .auto-force-hp i{background:linear-gradient(90deg,#9c3029,#d65346,#ef8d67)}
.auto-battle-link{display:grid;place-content:center;text-align:center;padding:8px 12px;min-width:0}
.auto-battle-link b{display:block;margin:5px 0 3px;color:#ece2c9;font-size:13px;letter-spacing:1.2px}
.auto-battle-link span{color:#88847d;font-size:8px;white-space:nowrap}

.auto-battle-arena.msw-battle-arena{position:relative;grid-template-columns:minmax(0,1fr) 180px minmax(0,1fr);align-items:center;gap:14px;min-height:430px;padding:22px 24px 82px;overflow:hidden;background:radial-gradient(ellipse at 50% 72%,#3a2d22 0,#17191a 42%,#090a0b 78%)}
.auto-battle-arena::before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.16;background:linear-gradient(90deg,transparent 49.9%,#e0c98f25 50%,transparent 50.1%),repeating-radial-gradient(circle at 50% 52%,transparent 0 70px,#d8c39112 71px 72px,transparent 73px 140px)}
.auto-battle-side{position:relative;z-index:2;min-width:0;width:100%;align-self:stretch;justify-content:center}
.auto-battle-side-label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;padding:7px 9px;border-left:3px solid #d08a3d;background:#141412cc}
.auto-battle-side-label.enemy{border-left:0;border-right:3px solid #c94d42;flex-direction:row-reverse}
.auto-battle-side-label span{color:#c98d47;font-size:8px;letter-spacing:1.5px}.auto-battle-side-label.enemy span{color:#d76759}
.auto-battle-side-label b{font-size:9px;color:#ded2bc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auto-battle-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;align-content:center;min-width:0}
.auto-battle-fighter{min-width:0;position:relative;padding:7px;border:1px solid #4e473d;background:linear-gradient(180deg,#161818e8,#0a0c0dec);transition:transform .18s ease,opacity .24s ease,filter .24s ease,box-shadow .18s ease}
.auto-battle-side[data-auto-force="left"] .auto-battle-fighter{border-color:#665238;background:linear-gradient(180deg,#1d1914e8,#0b0c0dec)}
.auto-battle-side[data-auto-force="right"] .auto-battle-fighter{border-color:#623d38;background:linear-gradient(180deg,#1b1312e8,#0b0c0dec)}
.auto-battle-fighter .fighter-sprite-shell{min-height:102px;height:102px;display:grid;place-items:center}
.auto-battle-fighter.player .fighter-sprite-shell{min-height:102px}
.auto-battle-fighter .fighter-sprite-shell img,.auto-battle-fighter.player .fighter-sprite-shell img{height:88px!important;width:auto!important;max-width:128px!important;object-fit:contain!important;image-rendering:pixelated;filter:drop-shadow(0 8px 5px #000a)}
.auto-battle-fighter.auto-battle-vehicle .fighter-sprite-shell img{height:72px!important;max-width:150px!important}
/* v0.8.2: automatic-battle combatants explicitly face the opposing force.
   The recovered/enemy catalog source art is natively left-facing, so the friendly
   roster is mirrored at render time while the hostile roster keeps native facing. */
.auto-battle-fighter .fighter-sprite-shell img.auto-battle-sprite-face-right{transform:scaleX(-1)!important;transform-origin:50% 50%}
.auto-battle-fighter .fighter-sprite-shell img.auto-battle-sprite-face-left{transform:scaleX(1)!important;transform-origin:50% 50%}
.auto-battle-fighter .battle-card{padding:8px 9px;min-height:64px;background:#0b0d0eea;border-color:#403a34}
.auto-battle-fighter .battle-card b{display:block;color:#ece2c9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auto-battle-fighter .battle-card small{display:block;margin-top:4px;color:#958e85;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.auto-battle-fighter .hpbar{height:8px;margin-top:7px;background:#281411;border:1px solid #5a3931;overflow:hidden}
.auto-battle-fighter .hpbar i{display:block;height:100%;background:linear-gradient(90deg,#b83f31,#e87149,#e6b453);transition:width .38s ease}
.auto-battle-side[data-auto-force="left"] .auto-battle-fighter .hpbar{background:#17170f;border-color:#5f5130}
.auto-battle-side[data-auto-force="left"] .auto-battle-fighter .hpbar i{background:linear-gradient(90deg,#6f7b32,#b6aa44,#e0c65f)}
.auto-battle-fighter.is-firing{z-index:6;transform:translateX(12px) scale(1.035);box-shadow:0 0 24px #d08a3d44}
.auto-battle-side[data-auto-force="right"] .auto-battle-fighter.is-firing{transform:translateX(-12px) scale(1.035);box-shadow:0 0 24px #c94d4244}
.auto-battle-fighter .fighter-sprite-shell::before,.auto-battle-fighter .fighter-sprite-shell::after{content:'';position:absolute;z-index:5;pointer-events:none;opacity:0}
.auto-battle-fighter.is-firing .fighter-sprite-shell::after{top:45%;right:-18px;width:42px;height:3px;background:linear-gradient(90deg,#fff1b7,#e7b95b 50%,transparent);box-shadow:0 0 10px #e7b95b;animation:autoBattleMuzzle .3s steps(2,end)}
.auto-battle-side[data-auto-force="right"] .auto-battle-fighter.is-firing .fighter-sprite-shell::after{right:auto;left:-18px;transform:scaleX(-1)}
.auto-battle-fighter.is-hit .fighter-sprite-shell::before{inset:24% 25%;border:2px solid #f2d291;background:#f0c56f20;box-shadow:0 0 22px #e7b95b;animation:autoBattleImpact .42s steps(2,end)}
.auto-battle-fighter.is-hit .fighter-sprite-shell{animation:autoBattleEncounterHit .42s steps(2,end)}
.auto-battle-fighter.is-hit{box-shadow:inset 0 0 0 2px #f0d29c,0 0 24px #d08a3d3d}
.auto-battle-side[data-auto-force="right"] .auto-battle-fighter.is-hit{box-shadow:inset 0 0 0 2px #f2a49a,0 0 24px #c94d4248}
.auto-battle-fighter.is-ko{opacity:.28;filter:grayscale(1) brightness(.58)}
.auto-battle-fighter.is-ko::after{content:'KO';position:absolute;z-index:8;inset:0;display:grid;place-items:center;color:#f0d9bd;font-size:25px;font-weight:900;letter-spacing:3px;text-shadow:0 2px 8px #000;background:#08090945}
.auto-battle-fighter.is-shielded{box-shadow:inset 0 0 0 2px #69c9d0,0 0 25px #55c8d13d}
.auto-battle-fighter.is-shielded::after{content:'SHIELD';position:absolute;z-index:9;inset:8px;display:grid;place-items:center;border:1px solid #84d9dd99;color:#b6f3f5;background:#15313588;font-size:10px;font-weight:900;letter-spacing:2px}

.auto-battle-vs{position:relative;z-index:4;grid-column:2;align-self:center;margin:0;width:180px;min-width:0;text-align:center;color:#d8b85d;text-shadow:0 0 14px #d8b85d55}
.auto-battle-vs b{display:block;margin-top:10px;font-size:19px;letter-spacing:3px}
.auto-battle-vs span{display:block;min-height:72px;padding:9px 8px;border:1px solid #4d463d;background:#080a0ae8;color:#c7bdad;font-size:8px;line-height:1.45;letter-spacing:0;text-shadow:none;overflow-wrap:anywhere}
.auto-battle-result{position:absolute;z-index:12;left:18px;right:18px;bottom:13px;display:flex;align-items:center;justify-content:center;gap:13px;padding:10px 14px;border:1px solid #7a5d37;background:#0b0c0cf2;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease}
.auto-battle-result.is-visible{opacity:1;transform:translateY(0)}
.auto-battle-result small{color:#9b9287;font-size:8px;letter-spacing:2px}.auto-battle-result strong{color:#f0bf66;font-size:22px;letter-spacing:.5px}.auto-battle-result span{color:#bdb4a6;font-size:9px;line-height:1.4}
.auto-battle-log-wrap{display:grid;grid-template-columns:90px minmax(0,1fr);align-items:start;border-top:1px solid #373431;background:#090b0b}
.auto-battle-log-wrap>small{padding:11px 12px;color:#d49748;font-size:8px;letter-spacing:1.4px}
.auto-battle-log{height:78px;overflow:auto;padding:8px 12px;color:#a49d92;font-size:9px;line-height:1.5;border-left:1px solid #302e2b}
.auto-battle-log div{padding:2px 0;border-bottom:1px dotted #292927}
.auto-battle-doctrine{margin:0;padding:9px 15px 11px;border-top:1px solid #2d2d2b;color:#77756f;background:#0d0f0f;font-size:8px;line-height:1.5}
.auto-battle-aar-hero{margin-top:18px}

@keyframes autoBattleMuzzle{0%{opacity:0;transform:scaleX(.25)}30%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.2)}}
@keyframes autoBattleImpact{0%{opacity:0;transform:scale(.55) rotate(0)}35%{opacity:1;transform:scale(1.05) rotate(8deg)}100%{opacity:0;transform:scale(1.35) rotate(16deg)}}
@keyframes autoBattleEncounterHit{0%{transform:translateX(0);filter:brightness(1)}28%{transform:translateX(-6px);filter:brightness(1.7)}58%{transform:translateX(5px);filter:brightness(.65)}100%{transform:translateX(0);filter:brightness(1)}}
@media(max-width:1050px){.auto-battle-arena.msw-battle-arena{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);padding-left:14px;padding-right:14px}.auto-battle-vs{width:120px}.auto-battle-fighter .fighter-sprite-shell img,.auto-battle-fighter.player .fighter-sprite-shell img{height:76px!important;max-width:110px!important}.auto-battle-fighter .fighter-sprite-shell{height:90px;min-height:90px}.auto-battle-fighter.player .fighter-sprite-shell{min-height:90px}}
@media(max-width:900px){.auto-battle-head{align-items:flex-start;flex-direction:column}.auto-battle-controls{align-self:stretch}.auto-battle-controls button{flex:1}.auto-battle-scoreboard{grid-template-columns:1fr 1fr}.auto-battle-link{grid-column:1/-1;grid-row:2;border-top:1px solid #393633}.auto-battle-arena.msw-battle-arena{grid-template-columns:1fr;gap:10px;padding:16px 14px 88px}.auto-battle-side-enemy{grid-column:1}.auto-battle-vs{grid-column:1;width:100%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px}.auto-battle-vs span{min-height:0}.auto-battle-vs b{margin:0}.auto-battle-roster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.auto-battle-scoreboard{grid-template-columns:1fr}.auto-battle-score.enemy{border-left:0;border-top:1px solid #393633;text-align:left}.auto-battle-link{grid-column:1;grid-row:auto}.auto-battle-roster{grid-template-columns:1fr 1fr;gap:6px}.auto-battle-fighter{padding:5px}.auto-battle-fighter .fighter-sprite-shell,.auto-battle-fighter.player .fighter-sprite-shell{height:72px;min-height:72px}.auto-battle-fighter .fighter-sprite-shell img,.auto-battle-fighter.player .fighter-sprite-shell img{height:62px!important;max-width:88px!important}.auto-battle-fighter .battle-card{padding:6px;min-height:58px}.auto-battle-result{left:8px;right:8px;gap:6px;flex-wrap:wrap}.auto-battle-result strong{font-size:18px}.auto-battle-result span{width:100%;text-align:center}.auto-battle-log-wrap{grid-template-columns:1fr}.auto-battle-log{border-left:0;border-top:1px solid #302e2b}}
@media(prefers-reduced-motion:reduce){.auto-battle-fighter,.auto-battle-fighter .hpbar i,.auto-battle-result{transition:none!important}.auto-battle-fighter.is-hit .fighter-sprite-shell{animation:none!important}}

/* v0.8.3 combat-facing consistency
   Recovered enemy-unit art is natively left-facing, so Security escorts deployed on
   the Commander's left side are mirrored in code/CSS to look inward. PvP uses each
   character's authored right/left sprites; this mirror utility is only used for
   catalog entries whose left-facing pose is intentionally provided as a mirrored
   right-facing fallback (currently Trevor) and for Security escorts. */
.battle-sprite-face-right,.battle-sprite-face-left{transform-origin:50% 50%}
.battle-sprite-mirror-x{transform:scaleX(-1)!important;transform-origin:50% 50%!important}