/* Warfront v4.20: scoped no-overlap victory and defeat redesign, after all earlier styles */
#gc95end:has(#wf342-result.wf420-result:not([hidden])){padding:5px!important;overflow:hidden!important}
#wf342-result.wf361-ready.wf420-result{
 display:block!important;position:relative!important;
 box-sizing:border-box!important;width:min(1380px,98vw)!important;max-width:none!important;
 max-height:calc(100dvh - 10px)!important;height:auto!important;
 overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;scrollbar-width:thin!important;
 margin:auto!important;padding:0!important;border-radius:14px!important;
 border:2px solid #d6b17a!important;
 background:radial-gradient(ellipse at 45% 0,#405a8758,transparent 60%),linear-gradient(135deg,#182842,#11162d 62%,#191426)!important;
 box-shadow:0 16px 60px #000d,inset 0 0 0 1px #eed09a4d!important}
#wf342-result.wf361-ready.wf420-result.wf361-loss{
 background:radial-gradient(ellipse at 45% 0,#89384455,transparent 60%),linear-gradient(135deg,#351e28,#181329 62%,#191427)!important;
 border-color:#c99187!important}
#wf342-result.wf361-ready.wf373-awards.wf420-result .wf361-root{
 display:grid!important;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr)!important;
 grid-template-areas:"banner banner" "awards summary" "levelup levelup" "bottom bottom"!important;
 grid-auto-rows:auto!important;align-items:start!important;gap:9px!important;
 box-sizing:border-box!important;min-width:0!important;padding:9px 11px 0!important;position:relative!important}
#wf342-result.wf420-result .wf361-top-label{display:none!important}
#wf342-result.wf420-result .wf361-banner{
 grid-area:banner!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;
 gap:2px!important;min-height:51px!important;padding:0 5px 7px!important;margin:0!important;
 border-bottom:1px solid #d8ba7e77!important;background:none!important}
#wf342-result.wf420-result .wf361-crown,#wf342-result.wf420-result .wf361-wreath{display:none!important}
#wf342-result.wf420-result .wf361-banner h3{font:700 clamp(27px,4vw,45px)/1 Georgia,serif!important;
 margin:0!important;padding:0!important;letter-spacing:.09em!important;color:#ffe3a3!important;
 text-shadow:0 3px 12px #0009!important}
#wf342-result.wf420-result.wf361-loss .wf361-banner h3{color:#ffa4a0!important}
#wf342-result.wf420-result .wf418-outcome-caption{font:600 clamp(10px,1.4vw,13px)/1.2 system-ui,sans-serif!important;
 text-align:center!important;color:#eacba9!important;margin:0!important}
#wf342-result.wf420-result .wf373-awards-root{
 grid-area:awards!important;display:flex!important;flex-direction:column!important;gap:6px!important;
 position:static!important;width:auto!important;max-width:100%!important;min-width:0!important;
 margin:0!important;padding:0!important;overflow:visible!important}
#wf342-result.wf420-result .wf373-matchup{font:700 11px/1.2 system-ui,sans-serif!important;
 letter-spacing:.09em!important;text-align:left!important;white-space:normal!important;padding:0 4px!important;margin:0!important}
#wf342-result.wf420-result .wf373-mvp{
 display:grid!important;grid-template-columns:clamp(58px,8vw,88px) minmax(0,1fr)!important;
 align-items:center!important;gap:9px!important;position:static!important;
 min-width:0!important;max-width:100%!important;min-height:90px!important;
 padding:7px 9px!important;margin:0!important;border:1px solid #c39b65!important;
 border-radius:9px!important;background:linear-gradient(145deg,#243d5c,#151d31)!important}
#wf342-result.wf420-result .wf373-portrait{display:grid!important;place-items:center!important;
 height:73px!important;min-height:73px!important;max-height:73px!important;width:100%!important;
 min-width:0!important;max-width:90px!important;padding:2px!important;margin:0!important;overflow:hidden!important}
#wf342-result.wf420-result .wf373-portrait img{width:100%!important;height:auto!important;max-width:100%!important;max-height:68px!important;object-fit:contain!important}
#wf342-result.wf420-result .wf373-mvp-copy{display:flex!important;flex-direction:column!important;
 gap:2px!important;min-width:0!important;position:static!important;overflow:visible!important}
#wf342-result.wf420-result .wf373-ribbon{display:inline-block!important;align-self:flex-start!important;
 max-width:100%!important;padding:3px 8px!important;margin:0!important;
 font:700 clamp(10px,1.4vw,13px)/1.1 Georgia,serif!important;white-space:normal!important}
#wf342-result.wf420-result .wf373-mvp-name{font:700 clamp(14px,2vw,21px)/1.1 Georgia,serif!important;
 margin:1px 0!important;overflow-wrap:anywhere!important}
#wf342-result.wf420-result .wf373-mvp-sub{font:10px/1.2 system-ui,sans-serif!important;margin:0!important;color:#ccbed4!important}
#wf342-result.wf420-result .wf373-mvp-stats{display:flex!important;flex-wrap:wrap!important;gap:3px!important;min-width:0!important;margin:2px 0 0!important}
#wf342-result.wf420-result .wf373-stat{position:static!important;display:inline-flex!important;
 font:700 10px/1.2 system-ui,sans-serif!important;white-space:normal!important;
 border-radius:5px!important;padding:3px 5px!important;margin:0!important;overflow-wrap:anywhere!important}
#wf342-result.wf420-result .wf418-details-toggle{
 display:inline-flex!important;align-self:flex-start!important;min-height:26px!important;
 padding:4px 9px!important;margin:0!important;font:700 11px Georgia,serif!important}
#wf342-result.wf420-result:not(.wf418-details-open) .wf373-title,
#wf342-result.wf420-result:not(.wf418-details-open) .wf373-highlights,
#wf342-result.wf420-result:not(.wf418-details-open) .wf373-footnote{display:none!important}
#wf342-result.wf420-result.wf418-details-open .wf373-highlights{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:5px!important}
#wf342-result.wf420-result.wf418-details-open .wf373-highlight{
 display:flex!important;flex-direction:column!important;align-items:center!important;
 min-width:0!important;min-height:88px!important;padding:6px 4px!important;gap:2px!important;
 background:#202b40!important;border:1px solid #b39870!important}
#wf342-result.wf420-result .wf373-title{margin:0!important;padding:0!important;font:700 11px Georgia,serif!important}
#wf342-result.wf420-result .wf373-highlight-label{font:700 9px/1.15 system-ui,sans-serif!important;text-align:center!important;white-space:normal!important}
#wf342-result.wf420-result .wf373-highlight-symbol{width:32px!important;height:32px!important;min-height:32px!important;margin:0!important}
#wf342-result.wf420-result .wf373-highlight-symbol img{max-width:100%!important;max-height:30px!important}
#wf342-result.wf420-result .wf373-highlight-name{font:700 10px/1.15 Georgia,serif!important;text-align:center!important;overflow-wrap:anywhere!important}
#wf342-result.wf420-result .wf373-highlight-value{font:9px/1.2 system-ui,sans-serif!important;text-align:center!important}
#wf342-result.wf420-result .wf373-footnote{font:9px/1.2 system-ui,sans-serif!important;margin:0!important}
#wf342-result.wf420-result .wf361-main{
 grid-area:summary!important;display:flex!important;flex-direction:column!important;gap:6px!important;
 position:static!important;width:auto!important;max-width:100%!important;min-width:0!important;
 min-height:0!important;margin:0!important;padding:0!important;overflow:visible!important}
#wf342-result.wf420-result .wf361-rewards,#wf342-result.wf420-result .wf342-xp-card{
 position:relative!important;inset:auto!important;transform:none!important;box-sizing:border-box!important;
 width:100%!important;max-width:100%!important;min-width:0!important;min-height:0!important;height:auto!important;
 flex:0 0 auto!important;padding:7px 9px!important;margin:0!important;overflow:visible!important;
 background:linear-gradient(155deg,#161a32,#11152a)!important;border:1px solid #c4a071!important;border-radius:9px!important}
#wf342-result.wf420-result .wf361-reward-row{
 display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;
 gap:6px!important;position:static!important;min-height:25px!important;padding:3px 0!important;margin:0!important}
#wf342-result.wf420-result .wf361-reward-row>span{font:11px/1.2 system-ui,sans-serif!important}
#wf342-result.wf420-result .wf361-reward-row b{font:700 13px/1.2 Georgia,serif!important;
 white-space:normal!important;overflow-wrap:anywhere!important;text-align:right!important}
#wf342-result.wf420-result .wf361-total-row{display:flex!important;align-items:baseline!important;
 justify-content:space-between!important;flex-wrap:wrap!important;gap:6px!important;position:static!important;
 padding:5px 0 0!important;margin:3px 0 0!important;border-top:1px solid #b796646f!important}
#wf342-result.wf420-result .wf361-total-row>strong{font:700 clamp(11px,1.45vw,15px) Georgia,serif!important}
#wf342-result.wf420-result .wf342-reward-total{font:700 clamp(14px,1.9vw,21px)/1.2 Georgia,serif!important;
 white-space:normal!important;overflow-wrap:anywhere!important;margin:0!important;color:#ffe2a1!important}
#wf342-result.wf420-result .wf418-xp-note{padding:3px 5px!important;margin:0 0 4px!important;font:700 9px/1.2 system-ui,sans-serif!important}
#wf342-result.wf420-result .wf342-xp-heading{display:flex!important;flex-wrap:wrap!important;gap:4px!important;
 align-items:center!important;margin:0 0 3px!important}
#wf342-result.wf420-result .wf342-xp-heading strong{font:700 11px Georgia,serif!important;overflow-wrap:anywhere!important}
#wf342-result.wf420-result .wf342-xp-level-line{display:flex!important;flex-wrap:wrap!important;gap:6px!important;
 justify-content:space-between!important;font:700 11px/1.2 system-ui,sans-serif!important;margin:3px 0!important}
#wf342-result.wf420-result .wf342-xp-level-line strong{font-size:11px!important}
#wf342-result.wf420-result .wf342-result-xp-track{height:10px!important;min-height:10px!important;margin:3px 0!important}
#wf342-result.wf420-result .wf342-xp-footer{display:flex!important;flex-wrap:wrap!important;
 justify-content:space-between!important;gap:5px!important;padding:3px 0!important;font:10px/1.2 system-ui,sans-serif!important}
#wf342-result.wf420-result>.wf361-root>.wf342-levelup{
 grid-area:levelup!important;position:static!important;display:block!important;box-sizing:border-box!important;
 width:100%!important;max-width:100%!important;min-height:0!important;margin:0!important;
 padding:7px 12px!important;border:1px solid #e8bd72!important;border-radius:7px!important;
 background:linear-gradient(90deg,#74452e,#365b3c)!important;color:#ffe3a5!important;
 font:700 12px/1.2 system-ui,sans-serif!important}
#wf342-result.wf420-result>.wf361-root>.wf342-levelup[hidden]{display:none!important}
#wf342-result.wf420-result .wf361-bottom{
 grid-area:bottom!important;position:sticky!important;bottom:0!important;z-index:4!important;
 width:100%!important;min-width:0!important;margin:0!important;
 padding:6px 5px 7px!important;border-top:1px solid #b4976a!important;
 background:linear-gradient(180deg,#12162dfb,#161128ff)!important}
#wf342-result.wf420-result .wf342-result-buttons{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;width:100%!important;max-width:750px!important;
 margin:0 auto!important;padding:0!important}
#wf342-result.wf420-result .wf342-result-buttons button{min-height:36px!important;
 padding:6px 9px!important;font:700 clamp(12px,1.5vw,16px) Georgia,serif!important}
#wf342-result.wf420-result .wf342-result-local{font:10px/1.2 system-ui,sans-serif!important;margin:2px 0 3px!important}
#wf342-result.wf420-result .wf342-retry-box{margin:3px 0!important}
@media(orientation:landscape) and (max-height:480px){
 #wf342-result.wf361-ready.wf373-awards.wf420-result .wf361-root{gap:5px!important;padding:6px 8px 0!important}
 #wf342-result.wf420-result .wf361-banner{min-height:43px!important;padding:0 4px 3px!important}
 #wf342-result.wf420-result .wf361-banner h3{font-size:31px!important}
 #wf342-result.wf420-result .wf373-mvp{grid-template-columns:55px minmax(0,1fr)!important;min-height:72px!important;gap:6px!important;padding:5px!important}
 #wf342-result.wf420-result .wf373-portrait{height:55px!important;min-height:55px!important;max-height:55px!important}
 #wf342-result.wf420-result .wf373-portrait img{max-height:50px!important}
 #wf342-result.wf420-result .wf373-mvp-name{font-size:14px!important}
 #wf342-result.wf420-result .wf373-mvp-sub{font-size:9px!important}
 #wf342-result.wf420-result .wf373-stat{font-size:9px!important;padding:3px!important}
 #wf342-result.wf420-result .wf361-main{gap:4px!important}
 #wf342-result.wf420-result .wf361-rewards,#wf342-result.wf420-result .wf342-xp-card{padding:5px 7px!important}
 #wf342-result.wf420-result .wf361-reward-row{min-height:21px!important;padding:2px 0!important}
 #wf342-result.wf420-result .wf361-total-row{padding-top:3px!important;margin-top:2px!important}
 #wf342-result.wf420-result .wf342-result-buttons button{min-height:33px!important;padding:5px!important}
 #wf342-result.wf420-result .wf361-bottom{padding:3px 5px 4px!important}
 #wf342-result.wf420-result>.wf361-root>.wf342-levelup{padding:4px 9px!important}
}
@media(orientation:portrait) and (max-width:720px){
 #wf342-result.wf361-ready.wf373-awards.wf420-result .wf361-root{
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-areas:"banner" "summary" "awards" "levelup" "bottom"!important}
}

/* v4.30.2: show Play Again and Main Menu without scrolling on phones.
 * The original footer is moved to become a direct child of the result panel;
 * the grid above is the only scrolling region. No XP/handlers are duplicated. */
#wf342-result.wf361-ready.wf420-result{
 display:flex!important;flex-direction:column!important;align-items:stretch!important;
 overflow:hidden!important;max-height:calc(100dvh - 10px)!important;
}
#wf342-result.wf361-ready.wf420-result>.wf361-root{
 flex:1 1 auto!important;min-height:0!important;max-height:none!important;
 overflow-y:auto!important;overflow-x:hidden!important;overscroll-behavior:contain!important;
}
#wf342-result.wf361-ready.wf420-result>.wf361-bottom{
 display:flex!important;flex:0 0 auto!important;flex-direction:column!important;
 justify-content:center!important;box-sizing:border-box!important;
 position:relative!important;inset:auto!important;width:100%!important;
 height:auto!important;min-height:50px!important;max-height:none!important;
 padding:5px 10px 7px!important;margin:0!important;overflow:visible!important;
 border-top:1px solid #c7a173!important;
 background:linear-gradient(180deg,#192039,#141329)!important;
 box-shadow:0 -4px 15px #080b1a90!important;z-index:5!important;
}
#wf342-result.wf361-ready.wf420-result>.wf361-bottom>.wf342-result-buttons{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;width:100%!important;max-width:750px!important;
 padding:0!important;margin:0 auto!important;
}
#wf342-result.wf361-ready.wf420-result>.wf361-bottom>.wf342-result-buttons button{
 display:block!important;min-height:38px!important;line-height:1.15!important;
 white-space:normal!important;touch-action:manipulation!important;
}
@media(orientation:landscape) and (max-height:480px){
 #wf342-result.wf361-ready.wf420-result>.wf361-bottom{
  min-height:43px!important;padding:4px 9px 5px!important;
 }
 #wf342-result.wf361-ready.wf420-result>.wf361-bottom>.wf342-result-buttons button{
  min-height:32px!important;font-size:12px!important;
 }
}
