/* Wider browser war room. Shared phone rules and model sizes remain intact. */
/* Larger build cards occupy the same bottom strip; the camera stays in place. */
.web-game #deck-panel{max-width:752px;height:63px}
.web-game #deck-panel .tactical-card{height:55px}
.web-game .tactical-card .card-thumb{height:27px}
.web-game .phone-build-state{flex-basis:14px;font-size:10px;line-height:14px}
.web-game .tactical-card .card-cost{font-size:11px}
.web-game #deck-panel #btn-deploy-harvester{width:66px;height:55px;flex-basis:66px}
.web-site-back{font:600 11px 'Chakra Petch',monospace;color:#a9b995;text-decoration:none;margin-right:12px;padding:9px 0}.web-site-back:hover{color:#ff8b49}.web-key-guide{display:none}
@media(min-width:1000px) and (pointer:fine){
 .web-game #main-menu{background:radial-gradient(ellipse at 50% 100%,#253121,#0d130e 70%)}
 .web-game #main-menu .mm-shell{max-width:1440px;margin:auto;padding:30px 40px 35px;gap:24px}
 .web-game .phone-menu-head{height:65px;flex-basis:65px;font-size:29px;border-color:#394332}
 .web-game .phone-page-title{font-size:16px;color:#b4c5a0}
 .web-game .phone-menu-toggle{min-height:43px;padding:9px 20px;background:#202c20;border-color:#52624a;border-radius:3px;color:#e3dfc8}
 .web-game .phone-hero{grid-template-columns:minmax(0,1fr) minmax(245px,.36fr);gap:25px;max-height:690px}
 .web-game .phone-faction-stage{gap:16px}
 .web-game .phone-faction-tile{border-radius:4px;border-color:#415c4e;background:radial-gradient(ellipse at 50% 80%,#315e58,#172320 80%)}
 .web-game .phone-faction-tile[data-faction=nod]{background:radial-gradient(ellipse at 50% 80%,#6c3b2d,#271d1b 80%);border-color:#624336}
 .web-game .phone-faction-tile strong{font-size:29px;top:22px;left:20px}
 .web-game .phone-faction-art{top:8%;height:78%;width:104%;left:-2%;padding:25px 0 5px}
 .web-game .phone-faction-state{font-size:12px;bottom:22px;right:20px;letter-spacing:1px}
 .web-game .phone-faction-tile.active{border-color:#ff8b42;box-shadow:inset 0 0 40px #ff7b2220}
 .web-game .phone-home-actions{grid-template-rows:1.3fr repeat(3,1fr);gap:13px}
 .web-game .phone-home-actions .phone-primary{font-size:40px;min-height:70px;background:#ff702f;color:#181a11;border-color:#ff9c61;border-radius:3px}
 .web-game .phone-home-shortcut{padding:18px 22px;border-radius:3px;background:linear-gradient(110deg,#2d3a26,#1b251c);border-color:#4a5c42}
 .web-game .phone-home-shortcut strong{font-size:32px}
 .web-game .phone-home-shortcut span{font-size:13px;color:#b2bfa4}
 .web-game .phone-home-store{background:linear-gradient(110deg,#42351e,#26271b);border-color:#746536}
 .web-game .phone-setup{grid-template-columns:1fr 1fr;gap:45px;max-width:1200px;margin:auto}
 .web-game .phone-setup-choices,.web-game .phone-setup-launch{gap:18px}
 .web-game #main-menu .mm-faction-opt{min-height:90px;padding:20px}
 .web-game #main-menu .mm-faction-name{font-size:25px}
 .web-game #main-menu .mm-mode-opt{min-height:60px;font-size:20px}
 .web-game #main-menu .mm-battle{min-height:84px;font-size:32px;background:#ff702f}
 .web-game .phone-theater-preview{min-height:210px;flex:initial;padding:20px}
 .web-game .phone-theater-preview strong{font-size:36px}
 .web-game .phone-page{padding-top:8px}
 .web-game .phone-ui #loadout-screen .loadout-window,.web-game #loadout-screen .loadout-window{max-width:1400px}
 .web-game .phone-contract-window{width:600px;padding:28px}
 .web-game .web-key-guide{position:fixed;bottom:1px;left:50%;transform:translateX(-50%);height:23px;display:flex;align-items:center;gap:22px;z-index:8;font:500 10px 'Chakra Petch',monospace;color:#b8c5ad;white-space:nowrap}
 .web-game .web-key-guide kbd{color:#ededd8;font-family:inherit;padding:1px 4px;border:1px solid #48543c;border-radius:2px}
 .web-game .web-key-guide button{background:none;border:0;color:#d9e2c8;font:inherit;cursor:pointer}
 .web-game:not(.web-in-battle) .web-key-guide{display:none}
 body.web-game:has(#main-menu:not(.hidden)) .web-key-guide{display:none}
}

/* Desktop/browser results use the middle of the window, with equal summary
   panels and a full-width reward row. These rules are never bundled in Android. */
@media (min-width:800px) and (min-height:540px) {
 .web-game #game-over-modal{padding:24px;align-items:center;justify-content:center}
 .web-game .post-match-content{width:min(1040px,100%)!important;max-width:1040px!important;height:min(740px,calc(100dvh - 48px))!important;max-height:calc(100dvh - 48px);padding:24px 28px!important;gap:18px}
 .web-game .game-over-banner{justify-content:center;text-align:center;padding-bottom:18px;gap:14px}
 .web-game .game-over-icon{font-size:36px}
 .web-game #game-over-title{font-size:clamp(24px,2.2vw,32px);letter-spacing:1px}
 .web-game #game-over-subtitle{font-size:13px;margin-top:6px}
 .web-game .phone-result-body.phone-result-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-items:stretch;gap:20px;overflow-y:auto;padding:12px 0}
 .web-game .phone-result-columns .phone-result-summary,.web-game .phone-result-columns .phone-result-details{display:contents}
 .web-game .phone-result-columns .phone-match-scrap,.web-game .phone-result-columns .post-match-score-card{grid-column:auto;margin:0;padding:18px 20px;min-width:0}
 .web-game .phone-match-scrap-heading{justify-content:center;margin-bottom:16px}
 .web-game .phone-match-scrap-heading h3{font-size:14px}
 .web-game .phone-match-scrap-teams{gap:20px}
 .web-game .phone-match-scrap-team + .phone-match-scrap-team{padding-left:20px}
 .web-game .phone-match-scrap-label{font-size:12px}
 .web-game .phone-match-scrap-outcome{font-size:10px}
 .web-game .phone-match-scrap-team dl{gap:7px}
 .web-game .phone-match-scrap-team dt{font-size:12px}
 .web-game .phone-match-scrap-team dd{font-size:14px}
 .web-game .phone-match-scrap-kept{margin-top:12px;padding-top:10px}
 .web-game .phone-match-scrap-total{font-size:30px}
 .web-game .phone-match-scrap-note{font-size:11px;margin-top:10px}
 .web-game .post-match-score-card{justify-content:center;gap:9px}
 .web-game .score-breakdown-row,.web-game .gauge-meta{font-size:13px}
 .web-game .phone-result-columns .score-total-row{flex-direction:row;align-items:center;justify-content:space-between;font-size:14px;gap:12px}
 .web-game .score-total-val{font-size:27px}
 .web-game .gauge-sub{font-size:11px}
 .web-game .phone-result-columns .pm-rewards,.web-game .phone-result-columns .pm-troops,.web-game .phone-result-columns .promotion-alert{grid-column:1/-1;min-width:0}
 .web-game .phone-result-columns .pm-rewards{margin:0;padding:20px 24px;text-align:center}
 .web-game .pm-rw-row{justify-content:center;gap:16px 36px}
 .web-game .pm-rw b{font-size:24px}
 .web-game .pm-rw img,.web-game .pm-rw-ico{width:32px;height:32px}
 .web-game .pm-rw small,.web-game .pm-cmd-bar{font-size:13px}
 .web-game .pm-cmd-bar{max-width:680px;margin:16px auto 0;gap:14px}
 .web-game .pm-crate-note{margin-top:15px}
 .web-game .post-match-actions{margin-top:0;gap:16px;padding-top:16px}
 .web-game .post-match-actions .menu-btn{min-height:48px;font-size:14px}
 .web-game .phone-result-columns [hidden]{display:none!important}
}