.combatQuickGuide{padding:13px 16px;margin:12px 0;border:1px solid #c2a36c45;border-radius:10px;background:#201f1ad9;color:#e3d8bd;text-align:left}
.combatQuickGuide h3{font:600 15px Arial;margin:0 0 7px;color:#f0d59d}
.combatQuickGuide p{margin:5px 0;font:12px/1.5 Arial}
.combatQuickGuide ol{padding-left:20px;margin:8px 0;display:grid;gap:6px}
.combatQuickGuide li{font:12px/1.45 Arial;color:#d5cfbf}
.combatQuickGuide small{font:10px/1.4 Arial;color:#aebaaa;display:block;margin-top:8px}
.modeDialog .combatQuickGuide{margin:13px 0}
.modeDialog{max-height:90svh;overflow:auto}
body.championMode>.onlineHeader{display:none}
body.championMode .onlineMain{padding:6px 10px 12px}
body.championMode .onlineMobileNav{display:none!important}
.championMode #championArena.gladiatorView{padding:4px 8px 15px;max-width:1100px}
#championArena.gladiatorView .gladiatorHeading{margin:0 0 5px;padding:5px 10px;min-height:38px}
#championArena.gladiatorView .gladiatorHeading h1{font-size:21px;margin:2px 0}
#championArena.gladiatorView .gladiatorHeading .eyebrow{display:none}
#championArena.gladiatorView .gladiatorHeading button{min-height:32px;padding:5px 10px}
#championArena.gladiatorView .gladiatorHud{gap:80px;margin:5px 0;min-height:0}
#championArena.gladiatorView .gladiatorVitals{padding:6px 10px;gap:3px;min-height:0;height:auto;border:0;grid-template-columns:1fr auto}
#championArena.gladiatorView .gladiatorVitals>progress{height:4px!important;margin:0}
#championArena.gladiatorView .gladiatorVitals>progress[data-energy]{height:3px!important}
#championArena.gladiatorView .championAiStyle{display:none}
#championArena.gladiatorView .gladiatorTimer b{font:22px Georgia}
#championArena.gladiatorView .gladiatorStage{height:clamp(205px,calc(100svh - 335px),470px);min-height:0;max-height:none;width:100%;margin:0}
#championArena.gladiatorView .gladiatorControls{display:grid;grid-template-columns:185px minmax(0,1fr) 85px;gap:7px;padding:7px;margin:6px 0 0;align-items:start}
#championArena.gladiatorView .gladiatorMovement{grid-column:auto;grid-row:auto;align-self:start}
#championArena.gladiatorView .gladiatorMovement button{min-height:40px;padding:5px;font-size:11px}
#championArena.gladiatorView .gladiatorActions .battleCommand{min-height:54px!important;padding:5px!important;display:grid!important;gap:2px}
#championArena.gladiatorView .gladiatorActions .battleCardCopy b{font-size:11px}
#championArena.gladiatorView .gladiatorActions .battleCardCopy small{font-size:9px}
#championArena.gladiatorView .gladiatorStyle{grid-column:auto;grid-row:auto;min-height:40px;font-size:10px;max-width:none;padding:5px}
#championArena.gladiatorView .gladiatorKeyHint{display:none}
#championArena.gladiatorView .autoCombat{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:9px;margin:0;padding:2px}
#championArena.gladiatorView .autoCombat button{min-height:34px;padding:5px 10px;font-size:11px}
#championArena.gladiatorView .autoCombat small{font-size:10px;max-width:320px}
#championArena.gladiatorView>.gladiatorEntrance{position:static;inset:auto;display:block;padding:18px;background:#171d1c;border:1px solid #bda26b55;border-radius:12px;max-width:760px;margin:18px auto}
#championArena.gladiatorView>.gladiatorEntrance h2{font:25px Georgia;margin:0 0 10px}
#championArena.gladiatorView>.gladiatorEntrance .combatQuickGuide{margin:10px 0;background:#25271f;border:0}
#championArena.gladiatorView>.gladiatorEntrance p{max-width:none}
.championStartOptions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.liveProgress{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 12px;background:#141d1f}
.liveProgress[hidden]{display:none}
.liveProgress .missionCheckpoint{display:grid;gap:4px;flex:1;max-width:280px;border-top:2px solid #53625e;padding:6px 10px;color:#8e9d9a}
.liveProgress .missionCheckpoint.current{border-color:#e6c282;color:#f3d9a5;background:#c7a76412;border-radius:0 0 7px 7px}
.liveProgress .missionCheckpoint.complete{border-color:#7fc3a7;color:#94d8b9}
.liveProgress b{font:600 12px Arial}.liveProgress small{font:10px Arial;color:#adb8ae}
.liveProgress .waveCheckpoint{display:grid;place-items:center;width:28px;height:28px;border:1px solid #55635d;border-radius:50%;font:12px Arial;color:#9eaaa4}
.liveProgress .waveCheckpoint.current{border-color:#e8c47d;color:#f5dcab;box-shadow:0 0 12px #e8c47d22}
.liveProgress .waveCheckpoint.complete{background:#254439;border-color:#7fb69a;color:#bde5ce}
.liveProgress .squadTeamHealth{display:grid;gap:5px;max-width:340px;flex:1;padding:0 15px}
#liveBattlePanel .squadTurnControls{display:grid;gap:7px;width:100%}
#liveBattlePanel .squadTurnPrompt{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#e9ce98;font:12px Arial}
#liveBattlePanel .squadTurnPrompt span{font-size:11px;color:#b7c6bc}
#liveBattlePanel .squadPickRow{display:grid;grid-template-columns:70px repeat(5,minmax(0,1fr));align-items:center;gap:6px}
#liveBattlePanel .squadPickRow>small{font:9px Arial;color:#bfbb9f}
#liveBattlePanel .squadPickRow button{display:flex;align-items:center;gap:5px;min-width:0;text-align:left;padding:4px 6px!important}
#liveBattlePanel .squadPickRow button img{height:32px;width:25px}
#liveBattlePanel .squadPickRow button span{font-size:11px;min-width:0}
#liveBattlePanel .squadPickRow button small{font-size:9px}
#liveBattlePanel .squadTargets button[aria-pressed=true]{background:#4b3027;border-color:#e6a088}
#liveBattlePanel .squadAttackChoices{display:flex;justify-content:center;gap:8px}
#liveBattlePanel .squadAttackChoices button{min-width:145px;min-height:40px!important}
#liveBattlePanel button.primary{background:linear-gradient(100deg,#cfb475,#ebd29a);color:#17211f;border-color:#e8d092}
#liveBattlePanel .siegeOrders{width:100%;display:grid;gap:7px}
#liveBattlePanel .siegeOrders>strong{font:12px Arial;color:#ebd2a0}
#liveBattlePanel .siegeOrders>div{display:flex;gap:7px;flex-wrap:wrap}
#liveBattlePanel .siegeOrders>small{font:11px/1.4 Arial;color:#aebab5}
#liveBattlePanel .survivalCamp{display:grid;gap:10px;width:100%;padding:9px;background:#1b2b27;border:1px solid #baa06d66;border-radius:9px}
#liveBattlePanel .survivalCamp header{display:flex;justify-content:space-between;gap:10px;font:13px Arial;color:#efd59d}
#liveBattlePanel .survivalCamp header span{font-size:11px;color:#c2d0c7}
#liveBattlePanel .campRecruits,#liveBattlePanel .campUpgrades{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
#liveBattlePanel .campRecruits>small,#liveBattlePanel .campUpgrades>small{font:9px Arial;min-width:110px;color:#c9c0a6}
#liveBattlePanel .campRecruits button{display:flex;align-items:center;gap:4px;padding:4px 7px!important}
#liveBattlePanel .campRecruits button img{height:40px;width:30px}
#liveBattlePanel[data-mode=squad] .liveStage.squadStage{width:min(100%,calc((100svh - 365px)*1.785714));min-width:min(100%,520px)}
#liveBattlePanel[data-mode=squad] .liveActions.liveActions{display:block}
#liveBattlePanel[data-mode=siege] .liveStage{width:min(100%,calc((100svh - 330px)*1.785714))}
#liveBattlePanel[data-mode=survival] .liveStage{width:min(100%,calc((100svh - 300px)*1.785714))}
#liveBattlePanel[data-phase=finished] .liveProgress{display:none}
#liveBattlePanel[data-phase=finished] .liveStage{min-width:min(100%,620px);width:min(100%,960px)}
body.liveMode:has(#liveBattlePanel:is([data-mode=squad],[data-mode=siege],[data-mode=survival]))>.onlineHeader{display:none}
#liveBattlePanel:is([data-mode=squad],[data-mode=siege],[data-mode=survival]){margin:5px auto}
#liveBattlePanel:is([data-mode=squad],[data-mode=siege],[data-mode=survival]) .liveHeading{padding:6px 10px;min-height:39px}
#liveBattlePanel:is([data-mode=squad],[data-mode=siege],[data-mode=survival]) .liveHeading .eyebrow{display:none}
#liveBattlePanel:is([data-mode=squad],[data-mode=siege],[data-mode=survival]) .liveHeading h1{font-size:21px!important;margin:0!important}
#liveBattlePanel:is([data-mode=squad],[data-mode=siege],[data-mode=survival]) [data-live-network]{margin:0;padding-block:3px;min-height:13px;font-size:9px}
#liveBattlePanel:is([data-mode=squad],[data-mode=siege],[data-mode=survival]) .liveScore{padding:6px 10px}
#liveBattlePanel:is([data-mode=squad],[data-mode=siege],[data-mode=survival]) .liveObjective{padding:5px 10px}
.championStartOptions button{min-height:44px;font:12px Arial;padding:10px 14px}
#championArena[data-phase=champion-ready]>.gladiatorHud,#championArena[data-phase=champion-ready]>.gladiatorStage,#championArena[data-phase=champion-ready]>.gladiatorControls,#championArena[data-phase=champion-ready]>.gladiatorJournal{display:none!important}
#championArena.gladiatorView .gladiatorResult{margin:10px 0;padding:12px}
#championArena.gladiatorView .gladiatorResult button{min-height:40px}
#liveBattlePanel .liveNotice{margin:0;padding:5px 10px;min-height:25px}
#liveBattlePanel .liveResult button{margin:5px 6px 0 0;min-height:40px!important}
#liveBattlePanel .livePreparation .combatQuickGuide{margin:10px 0 15px}
#liveBattlePanel[data-mode=squad] .liveStage{width:min(100%,calc((100svh - 330px)*1.785714));min-width:0}
#liveBattlePanel[data-mode=squad] .liveActions>[data-live-skill]{min-width:100px}
#liveBattlePanel[data-mode=squad] .liveToolbar{background:#24271f}
#liveBattlePanel[data-phase=finished] .liveStage>[data-live-result]{position:absolute;inset:0;z-index:25;display:grid;place-items:center;padding:12px;background:#080b0b9c;backdrop-filter:blur(3px);cursor:default}
#liveBattlePanel[data-phase=finished] .liveStage .liveResult{width:min(100%,440px);margin:0;padding:20px;text-align:center;border:1px solid #d9b87580;border-radius:14px;background:linear-gradient(135deg,#29271ef5,#141b19f5);box-shadow:0 18px 60px #0009}
#liveBattlePanel[data-phase=finished] .liveStage .liveResult h2{font:32px Georgia!important;color:#f1d28f;margin:0 0 9px!important}
#liveBattlePanel[data-phase=finished] .liveStage .liveResult p{font-size:12px;color:#d0c9b7;margin:6px 0}
#liveBattlePanel[data-phase=finished] .battleResultChoices{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:12px}
#liveBattlePanel[data-phase=finished] [data-live-actions],#liveBattlePanel[data-phase=finished] .liveJournal,#liveBattlePanel[data-phase=finished] .liveToolbar,#liveBattlePanel[data-phase=finished] .liveLanes,#liveBattlePanel[data-phase=finished] .liveEnergy{display:none!important}
#liveBattlePanel[data-phase=finished] [data-live-pause]{display:none!important}
#liveBattlePanel[data-phase=finished] [data-live-control],#liveBattlePanel[data-phase=finished] [data-live-auto]{display:none!important}
#championArena.gladiatorView .championStage>.gladiatorResult:not(.hidden){position:absolute;inset:0;z-index:25;margin:0;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#101614ed;backdrop-filter:blur(3px);border:0;border-radius:0}
#championArena.gladiatorView .championStage>.gladiatorResult h2{font-size:30px}
#championArena.gladiatorView .championStage>.gladiatorResult p{max-width:430px;font-size:12px;margin:5px 0}
#championArena.gladiatorView .championStage>.gladiatorResult button{margin:5px 0 0;min-width:180px;min-height:35px;padding:6px}
#championArena.gladiatorView .championStage>.gladiatorResult [data-back]{background:#28332c;color:#e6d9bd;border:1px solid #b69d6a6b;border-radius:9px}
#championArena.gladiatorView[data-phase=finished] .gladiatorStage{min-height:250px}
@media(max-width:760px){
 #liveBattlePanel .squadPickRow{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}
 #liveBattlePanel .squadPickRow>small{grid-column:1/-1}
 #liveBattlePanel .squadPickRow button{flex-direction:column;text-align:center;padding:4px!important}
 #liveBattlePanel .squadTurnPrompt,#liveBattlePanel .survivalCamp header{align-items:flex-start;flex-direction:column;gap:4px}
 #liveBattlePanel[data-mode=squad] .liveActions{display:block}
 #liveBattlePanel[data-mode=squad] .liveStage.squadStage,#liveBattlePanel[data-mode=siege] .liveStage,#liveBattlePanel[data-mode=survival] .liveStage{width:100%;min-width:0}
 #liveBattlePanel .liveHeading>div:last-child{flex-wrap:wrap;justify-content:flex-end}
 .liveProgress{gap:5px;padding:7px}
 .liveProgress .missionCheckpoint{padding:4px}.liveProgress b{font-size:11px}.liveProgress small{font-size:9px}
 .liveProgress .waveCheckpoint{width:23px;height:23px}
 #championArena.gladiatorView .gladiatorControls{grid-template-columns:minmax(0,1fr) 68px}
 #championArena.gladiatorView .gladiatorMovement{grid-column:1/-1;display:flex;gap:6px}
 #championArena.gladiatorView .gladiatorMovement button{flex:1;min-height:38px}
 #championArena.gladiatorView .gladiatorMovement small{display:none}
 #championArena.gladiatorView .gladiatorStage{height:clamp(190px,calc(100svh - 345px),410px)}
 #championArena.gladiatorView .gladiatorVitals{padding:5px;font-size:11px}
 #championArena.gladiatorView .gladiatorVitals>small{font-size:8px}
 #championArena.gladiatorView .autoCombat small{display:none}
 #championArena.gladiatorView>.gladiatorEntrance{padding:12px;margin:8px auto}
 .combatQuickGuide{padding:11px 12px}
 .combatQuickGuide li{font-size:11px}
 .championStartOptions{display:grid}
 #liveBattlePanel[data-mode=squad] .liveStage{width:100%}
 #liveBattlePanel[data-mode=squad] .liveActions{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
 #liveBattlePanel[data-mode=squad] .liveActions>[data-live-skill]{min-width:0;font-size:9px!important;padding:4px!important}
 #liveBattlePanel[data-mode=squad] .liveActions img{height:32px;width:28px}
 #liveBattlePanel[data-phase=finished] .liveStage .liveResult{padding:10px}
 #liveBattlePanel[data-phase=finished] .liveStage .liveResult h2{font-size:24px!important;margin-bottom:4px!important}
 #liveBattlePanel[data-phase=finished] .liveStage .liveResult p{font-size:10px;margin:4px 0}
 #liveBattlePanel[data-phase=finished] .battleResultChoices{margin-top:7px;gap:5px}
 #liveBattlePanel[data-phase=finished] .liveResult button{min-height:38px!important;font-size:11px!important;margin:0}
}