/* Ashbound V7 Eclipse Duel. Original compact cinematic layout and tactical combat console. */
:root{--v7-sulfur:#e5ae78;--v7-rust:#a24935;--v7-sapphire:#8698a8;--v7-paper:#e8e0d5}
body{background:radial-gradient(circle at 50% -120px,#291c20,#05070b 56%);color:var(--v7-paper)}
.app{max-width:1280px}
.topbar{height:75px;background:linear-gradient(90deg,#0b0d13e8,#19131a66,#0b0d13d9);border-bottom:1px solid #97765c7d}
.topbar .eyebrow{font-size:9px;letter-spacing:3px;color:#d1a57e}
.hero-summary{margin:6px 0 10px}
.summary-stat{min-height:75px;background:linear-gradient(150deg,#1a1c24 0%,#0c0f15 75%);border:1px solid #a18a716b}
.summary-stat strong{font-size:clamp(24px,3.2vw,37px)}
.arena,.arena.zone-1,.arena.zone-2,.arena.zone-3,.arena.zone-4{height:min(750px,67vw);min-height:535px;border:1px solid #b88b6255;border-radius:12px;overflow:hidden;box-shadow:0 0 0 2px #030406,0 30px 68px #000b,0 0 44px #6b341923}
.arena:before{filter:saturate(.68) brightness(.70) contrast(1.12)}
.arena-top h2{font-size:clamp(25px,3vw,36px);letter-spacing:.2px;line-height:1.05}
.stage-pill{border-radius:2px;box-shadow:0 5px 25px #0009,inset 0 0 0 1px #b19e7730}
#arena3d{filter:contrast(1.13) saturate(.91) drop-shadow(0 23px 11px #050308e8);image-rendering:auto}
html.arena-3d-active .arena-grid{opacity:.68}
html.arena-3d-active .arena-glow{opacity:.9;background:radial-gradient(ellipse 50% 24% at 48% 78%,#e6ac7142,transparent 70%)}
html.arena-3d-active .combatant-name{font-weight:700;border-top:1px solid #ceaa6a34}
#rigStatus{font-size:9px;letter-spacing:1.2px;max-width:225px;bottom:54px;left:18px}
.display-mode,.scene-mode,.camera-mode,.quality-mode{background:linear-gradient(160deg,#221d20ee,#0b1118ef);border-color:#b08b64ae;border-radius:3px}
.motion-ribbon{letter-spacing:2px;font-size:clamp(9px,1.15vw,14px);color:#ebc395}
.combat-feed{min-height:49px;background:linear-gradient(90deg,#090d14,#1c171b,#090d14);border-top:1px solid #b48a604f;font-size:clamp(11px,1.4vw,14px);letter-spacing:.25px}
.battle-director{min-height:88px;display:grid;grid-template-columns:1.05fr 1.8fr .95fr;gap:17px;align-items:center;padding:15px 19px;margin:14px 0 11px;background:radial-gradient(ellipse at 50% -80%,#8e5c4038,transparent 78%),#0d1219;border:1px solid #9c866b70;border-radius:6px}
.director-label small,.director-right small{letter-spacing:1.4px;font-size:10px;color:#ab9482}
.director-label strong{letter-spacing:1.3px;font:700 14px Georgia,serif;color:#ead4ba}
.director-right strong{color:#e0b88e}
.combat-tactics{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr) minmax(145px,.8fr) minmax(145px,.8fr);grid-template-rows:auto auto;gap:10px;padding:12px 13px;background:linear-gradient(105deg,#1c1a21,#111922 50%,#24171c);border-color:#b593756a;border-radius:7px}
.tactic-intent{border-left:1px solid #aa836343}
.parry-button,.dodge-button{min-height:64px;border:1px solid #ab856a;background:linear-gradient(150deg,#3c2e2a,#171b23);display:flex;gap:10px;align-items:center;justify-content:center;color:#f5d2af;border-radius:5px;padding:7px 10px;cursor:pointer;transition:filter .2s,border-color .2s}
.dodge-button{background:linear-gradient(150deg,#233541,#151923);border-color:#668591;color:#c6e6e6}
.parry-button:hover,.dodge-button:hover{filter:brightness(1.2)}
.dodge-button>span{font:700 27px Georgia,serif;line-height:1}
.dodge-button>div{display:flex;flex-direction:column;align-items:start;gap:2px}
.dodge-button strong{font:800 11px system-ui,sans-serif;letter-spacing:1px}
.dodge-button small{font:600 9px system-ui,sans-serif;letter-spacing:.1px;color:#abc1c5}
.dodge-button:disabled{cursor:default;filter:grayscale(.8) brightness(.7)}
.ultimate-panel{grid-column:1/-1;display:grid;grid-template-columns:1fr minmax(170px,30%);align-items:center;gap:12px;border-top:1px solid #a989634a;padding:11px 2px 0}
.ultimate-panel>div{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}
.ultimate-panel small{font:800 10px system-ui,sans-serif;letter-spacing:2.5px;color:#cd9e7f}
.ultimate-panel strong{font:700 15px Georgia,serif;color:#ffc994}
.ultimate-track{grid-column:1/-1;background:#232027;border:1px solid #775a56;border-radius:2px;overflow:hidden;height:10px}
.ultimate-track i{display:block;height:100%;width:0%;background:linear-gradient(90deg,#7d2e34,#c25a40,#ffd1a0);box-shadow:0 0 18px #ee704d;transition:width .26s}
#ultimateButton{background:linear-gradient(110deg,#532928,#2b1e27);border:1px solid #bf7057;color:#ffe0c5;min-height:43px;letter-spacing:1px;font:800 11px system-ui,sans-serif;border-radius:4px;cursor:pointer;box-shadow:inset 0 1px #fff3dc22}
#ultimateButton:disabled{filter:grayscale(.9) brightness(.65);cursor:default}
#ultimateButton:not(:disabled){background:linear-gradient(100deg,#a64b37,#642c2c);box-shadow:0 0 18px #b64f4381;animation:ultimate-ready .85s ease-in-out infinite alternate}
@keyframes ultimate-ready{from{filter:brightness(.9)}to{filter:brightness(1.21)}}
.battle-director+.combat-tactics{margin-top:0}
.progress-card{background:linear-gradient(#1c1a21,#101620)!important}
.navtabs{border:1px solid #b08a625e!important}.navtab.active{color:#fff0dc}
.quickdock{max-width:min(790px,calc(100vw - 16px));background:#0a0d13ee}
.world-banner{background:linear-gradient(110deg,#1d1b23,#10141b)!important}
@media(max-width:850px){.combat-tactics{grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto auto}.tactic-intent{border-left:1px solid #aa836343}.parry-button,.dodge-button{grid-column:auto}.ultimate-panel{grid-column:1/-1}.battle-director{grid-template-columns:1fr 1.4fr .8fr;gap:8px}}
@media(max-width:680px){.topbar{height:71px}.hero-summary{gap:6px}.summary-stat{min-height:68px}.summary-stat strong{font-size:25px}
 .arena,.arena.zone-1,.arena.zone-2,.arena.zone-3,.arena.zone-4{height:590px;min-height:0}
 .arena-top h2{max-width:190px}
 .battle-director{min-height:70px;grid-template-columns:1fr 1.15fr;padding:8px;gap:7px}
 .director-right{display:none}.director-label strong{font-size:11px}.director-label small{font-size:8px}
 .combat-tactics{grid-template-columns:1fr 1fr;gap:7px;padding:9px;min-height:0}
 .tactic-rage,.tactic-intent{min-height:54px}
 .parry-button,.dodge-button{min-height:48px;padding:7px}
 .parry-button strong,.dodge-button strong{font-size:10px}.parry-button small,.dodge-button small{font-size:9px}
 .dodge-button>span{font-size:21px}.ultimate-panel{gap:7px;grid-template-columns:1fr minmax(110px,40%);padding-top:8px}
 .ultimate-panel small{font-size:9px;letter-spacing:1px}.ultimate-panel strong{font-size:12px}
 #ultimateButton{font-size:10px;min-height:40px}
 .quickdock button{font-size:10px!important}.app{padding-bottom:calc(115px + env(safe-area-inset-bottom))}
}
@media(max-width:365px){.arena,.arena.zone-1,.arena.zone-2,.arena.zone-3,.arena.zone-4{height:535px}.arena-top h2{max-width:160px}.combat-tactics{padding:6px;gap:5px}.dodge-button strong,.parry-button strong{font-size:9px}.ultimate-panel{grid-template-columns:1fr 115px}.ultimate-panel small{font-size:8px}.tactic-rage small,.tactic-intent small{letter-spacing:.3px}}
@media(prefers-reduced-motion:reduce){#ultimateButton:not(:disabled){animation:none}}