/* Warfront 4.18: readable compact mobile Army Builder + calm Victory/Defeat.
 * Pure presentation. Never replaces the original save, XP or battle handlers. */
#wf391-home #wf418-audio-toggle{white-space:nowrap!important;border-color:#dcb778!important;color:#ffdfa9!important}
#wf394[data-page="army"] .wf-shell{gap:5px!important;padding:7px 12px!important}
#wf394[data-page="army"] .wf-head{display:flex!important;min-height:0!important;padding:0 0 4px!important;flex:0 0 auto!important;gap:8px!important}
#wf394[data-page="army"] .wf-head>div:first-child{display:flex!important;gap:9px!important;align-items:center!important;flex-wrap:wrap!important;min-width:0!important}
#wf394[data-page="army"] .wf-head .eyebrow{display:none!important}
#wf394[data-page="army"] .wf-head .wf-note{display:none!important}
#wf394[data-page="army"] .wf-head h2{font-size:clamp(19px,2.5vw,27px)!important;line-height:1.05!important;margin:0!important}
#wf394[data-page="army"] .wf-head .wf416-open{font-size:12px!important;min-height:29px!important;padding:5px 9px!important;max-width:max-content!important}
#wf394[data-page="army"] .wf-main{flex:1 1 auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}
#wf394[data-page="army"] .wf-pane{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:100%!important;overflow:hidden!important;flex:1 1 auto!important}
#wf394[data-page="army"] .wf-pane>.wf-goldline,
#wf394[data-page="army"] .wf-goldline{flex:0 0 auto!important;padding:5px 3px!important;gap:7px!important}
#wf394[data-page="army"] .wf-goldline .wf413-lockedlabel{gap:6px!important;font-size:12px!important}
#wf394[data-page="army"] .wf-goldline .wf413-locked{padding:5px 8px!important;font-size:13px!important}
#wf394[data-page="army"] .wf416-formations{flex:0 0 auto!important;padding:4px 0!important;gap:5px!important;min-height:32px!important}
#wf394[data-page="army"] .wf416-formations button{min-height:26px!important;padding:3px 7px!important;line-height:1.1!important;font-size:11px!important}
#wf394[data-page="army"] .wf-scroll{display:block!important;flex:1 1 0!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
 border-top:1px solid #8b6b5b88!important;background:#18112680!important;scrollbar-width:thin}
#wf394[data-page="army"] .wf-unitgrid{gap:7px!important;padding:5px!important;align-content:start!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
#wf394[data-page="army"] .wf-unit{display:flex!important;align-items:center!important;gap:9px!important;min-height:76px!important;
 padding:8px!important;border:1px solid #9b7b63!important;border-radius:8px!important;background:#271a38ed!important;box-sizing:border-box!important}
#wf394[data-page="army"] .wf-unit .wf-unitpic{display:block!important;flex:0 0 auto!important;width:62px!important;height:60px!important;
 object-fit:contain!important;background:#24162d!important;border:1px solid #826188!important;border-radius:6px!important}
#wf394[data-page="army"] .wf-unit .wf-unitinfo{display:flex!important;flex:1!important;min-width:0!important;gap:4px!important;align-items:flex-start!important}
#wf394[data-page="army"] .wf-unit .wf-unitinfo b{font:700 14px/1.15 Georgia,serif!important;color:#ffe2ae!important;white-space:normal!important;overflow-wrap:anywhere!important}
#wf394[data-page="army"] .wf-unit .wf-unitinfo small{font:11px/1.2 system-ui,sans-serif!important;color:#ddd0dc!important;white-space:normal!important;overflow-wrap:anywhere!important}
#wf394[data-page="army"] .wf-unit .wf-unitinfo .wf416-req{color:#ffcc8f!important}
#wf394[data-page="army"] .wf-unit .wf-qty{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:5px!important}
#wf394[data-page="army"] .wf-unit .wf-qty button{min-width:31px!important;min-height:32px!important;padding:3px!important;font-size:17px!important}
#wf394[data-page="army"] .wf-unit .wf-qty strong{font-size:14px!important;min-width:16px!important;text-align:center!important}
#wf394[data-page="army"] #wf394-unit-status{flex:0 0 auto!important;margin:3px 0 0!important;padding:3px!important;
 min-height:0!important;max-height:23px!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important;font:11px/1.1 system-ui,sans-serif!important;color:#e6c88c!important}
#wf394[data-page="army"] .wf-bottom{flex:0 0 auto!important;min-height:41px!important;gap:7px!important;padding:6px 0 0!important}
#wf394[data-page="army"] .wf-bottom button{min-height:34px!important;padding:6px 9px!important;font-size:clamp(11px,1.45vw,14px)!important}
#wf394[data-page="army"] .wf-bottom select,#wf394[data-page="army"] .wf-bottom input{height:34px!important;min-height:34px!important}
@media(orientation:landscape) and (max-height:540px){
 #wf394[data-page="army"]{padding:3px 6px!important}
 #wf394[data-page="army"] .wf-shell{padding:5px 9px!important;gap:3px!important}
 #wf394[data-page="army"] .wf-head{padding-bottom:3px!important}
 #wf394[data-page="army"] .wf-head h2{font-size:clamp(17px,2.4vw,23px)!important}
 #wf394[data-page="army"] .wf-head .wf416-open{min-height:27px!important;padding:3px 8px!important;font-size:11px!important}
 #wf394[data-page="army"] .wf-unitgrid{gap:5px!important;padding:5px!important}
 #wf394[data-page="army"] .wf-unit{min-height:72px!important;padding:6px!important}
 #wf394[data-page="army"] .wf-unit .wf-unitpic{width:52px!important;height:54px!important}
 #wf394[data-page="army"] .wf-unit .wf-unitinfo b{font-size:13px!important}
 #wf394[data-page="army"] .wf-unit .wf-unitinfo small{font-size:10.5px!important}
 #wf394[data-page="army"] .wf-unit .wf-qty button{min-width:29px!important;min-height:29px!important}
 #wf394[data-page="army"] .wf-bottom{min-height:35px!important;gap:4px!important;padding-top:3px!important}
 #wf394[data-page="army"] .wf-bottom button{min-height:31px!important;padding:4px 7px!important}
 #wf394[data-page="army"] .wf-goldline{padding:3px 0!important}
 #wf394[data-page="army"] .wf416-formations{padding:2px 0!important;min-height:28px!important}
}
@media(orientation:landscape) and (max-height:355px){
 #wf394[data-page="army"] .wf-head h2{font-size:18px!important}
 #wf394[data-page="army"] .wf-unit{min-height:62px!important}
 #wf394[data-page="army"] .wf-unit .wf-unitpic{width:44px!important;height:44px!important}
 #wf394[data-page="army"] .wf-bottom{min-height:31px!important}
 #wf394[data-page="army"] .wf-goldline{min-height:0!important}
}
/* Victory and defeat information hierarchy */
#wf342-result.wf361-ready.wf373-awards{width:min(1320px,98vw)!important;max-width:none!important;
 max-height:calc(100dvh - 12px)!important;overflow-y:auto!important;overscroll-behavior:contain!important;
 scrollbar-width:thin;border-radius:12px!important}
#wf342-result.wf361-ready.wf373-awards .wf361-root{display:grid!important;
 grid-template-columns:minmax(0,1.07fr) minmax(0,.93fr)!important;
 grid-template-areas:"banner banner" "awards main" "bottom bottom"!important;
 align-items:start!important;gap:8px!important;padding:10px 12px!important}
#wf342-result .wf361-top-label{display:none!important}
#wf342-result .wf361-banner{grid-area:banner!important;padding:0 8px 7px!important;border-bottom:1px solid #b48d65!important}
#wf342-result .wf361-crown,#wf342-result .wf361-wreath{display:none!important}
#wf342-result .wf361-banner h3{font:700 clamp(29px,4.5vw,46px)/1 Georgia,serif!important;letter-spacing:3px!important}
#wf342-result .wf418-outcome-caption{font:700 clamp(11px,1.35vw,14px)/1.25 system-ui,sans-serif;color:#f0d5ab;margin-top:3px}
#wf342-result.wf361-loss .wf418-outcome-caption{color:#f0b7b7}
#wf342-result .wf373-awards-root{grid-area:awards!important;display:flex!important;flex-direction:column!important;gap:5px!important;min-width:0!important}
#wf342-result .wf373-matchup{font-size:11px!important;letter-spacing:.07em!important;padding:1px 4px!important}
#wf342-result .wf373-mvp{display:grid!important;grid-template-columns:75px minmax(0,1fr)!important;gap:9px!important;
 padding:8px!important;min-height:103px!important;align-items:center!important}
#wf342-result .wf373-portrait{height:78px!important;min-height:78px!important;max-height:78px!important;border-radius:8px!important}
#wf342-result .wf373-portrait img{max-height:74px!important;object-fit:contain!important}
#wf342-result .wf373-ribbon{font-size:12px!important;padding:3px 8px!important}
#wf342-result .wf373-mvp-name{font-size:clamp(14px,1.7vw,19px)!important;margin:2px 0!important}
#wf342-result .wf373-mvp-sub{font-size:10px!important;line-height:1.25!important;margin:0 0 4px!important}
#wf342-result .wf373-mvp-stats{display:flex!important;flex-wrap:wrap!important;gap:4px!important}
#wf342-result .wf373-stat{padding:3px 5px!important;font-size:10px!important;line-height:1.15!important}
#wf342-result .wf418-details-toggle{display:block;align-self:flex-start;padding:4px 10px;min-height:27px;
 background:linear-gradient(#58376f,#2b1b40);border:1px solid #bd9a67;border-radius:6px;
 color:#ffe3ad;font:700 11px Georgia,serif;cursor:pointer}
#wf342-result:not(.wf418-details-open) .wf373-title,
#wf342-result:not(.wf418-details-open) .wf373-highlights,
#wf342-result:not(.wf418-details-open) .wf373-footnote{display:none!important}
#wf342-result.wf418-details-open .wf373-highlights{gap:5px!important}
#wf342-result.wf418-details-open .wf373-highlight{padding:5px!important}
#wf342-result.wf418-details-open .wf373-highlight-symbol{width:40px!important;height:40px!important}
#wf342-result.wf418-details-open .wf373-highlight-name{font-size:11px!important}
#wf342-result.wf418-details-open .wf373-highlight-value{font-size:10px!important}
#wf342-result .wf361-main{grid-area:main!important;display:flex!important;flex-direction:column!important;
 gap:6px!important;padding:0!important;min-width:0!important;align-items:stretch!important}
#wf342-result .wf361-rewards,#wf342-result .wf342-xp-card{padding:7px 10px!important;min-height:0!important;gap:0!important}
#wf342-result .wf361-reward-row{min-height:26px!important;gap:7px!important}
#wf342-result .wf361-reward-row>span{font-size:11px!important}
#wf342-result .wf361-reward-row b{font-size:13px!important}
#wf342-result .wf361-total-row{padding:4px 0 0!important;margin-top:2px!important}
#wf342-result .wf361-total-row strong{font-size:13px!important}
#wf342-result .wf342-reward-total{font-size:18px!important}
#wf342-result .wf418-xp-note{display:block;padding:4px 7px;margin:0 0 5px;border-radius:5px;background:#243447;
 border:1px solid #b19b73;color:#ffe4b3;font:800 10px/1.2 system-ui,sans-serif;letter-spacing:.05em;text-transform:uppercase}
#wf342-result .wf418-xp-note.wf418-offline{background:#3d222d;border-color:#be8b79;color:#ffd0b5}
#wf342-result .wf342-xp-heading{margin:0 0 3px!important;gap:4px!important}
#wf342-result .wf342-xp-heading span{font-size:10px!important}
#wf342-result .wf342-xp-heading strong{font-size:12px!important}
#wf342-result .wf342-xp-level-line{margin:0 0 4px!important;font-size:12px!important}
#wf342-result .wf342-xp-level-line strong{font-size:11px!important}
#wf342-result .wf342-result-xp-track{height:11px!important;min-height:11px!important}
#wf342-result .wf342-xp-footer{font-size:10px!important}
#wf342-result .wf361-bottom{grid-area:bottom!important;padding:3px 2px 2px!important;
 border-top:1px solid #a58362!important;min-width:0!important}
#wf342-result .wf342-result-buttons{margin:4px auto 0!important;gap:10px!important;max-width:770px!important}
#wf342-result .wf342-result-buttons button{min-height:38px!important;padding:5px 10px!important;font-size:15px!important}
#wf342-result .wf342-result-local{font-size:10px!important;margin:1px!important}
#wf342-result .wf342-levelup{margin:2px 0!important}
@media(orientation:landscape) and (max-height:480px){
 #gc95end:has(#wf342-result:not([hidden])){padding:5px!important}
 #wf342-result.wf361-ready.wf373-awards{max-height:calc(100dvh - 10px)!important}
 #wf342-result.wf361-ready.wf373-awards .wf361-root{gap:4px!important;padding:6px 9px!important}
 #wf342-result .wf361-banner{padding-bottom:3px!important}
 #wf342-result .wf361-banner h3{font-size:clamp(26px,4vw,38px)!important}
 #wf342-result .wf373-mvp{min-height:86px!important;padding:5px!important;grid-template-columns:65px minmax(0,1fr)!important}
 #wf342-result .wf373-portrait{min-height:63px!important;height:63px!important;max-height:63px!important}
 #wf342-result .wf373-portrait img{max-height:59px!important}
 #wf342-result .wf342-result-buttons button{min-height:35px!important;padding:5px!important;font-size:13px!important}
 #wf342-result .wf361-rewards,#wf342-result .wf342-xp-card{padding:5px 7px!important}
 #wf342-result .wf373-mvp-sub{margin-bottom:2px!important}
}
@media(orientation:portrait) and (max-width:650px){
 #wf342-result.wf361-ready.wf373-awards .wf361-root{display:flex!important;flex-direction:column!important}
 #wf342-result.wf361-ready.wf373-awards .wf361-main,#wf342-result .wf373-awards-root,
 #wf342-result .wf361-bottom{width:100%!important}
}