/* ASHBOUND V6 - original Character Forge / premium theatre of combat.
   Render mode is explicitly true skinned WebGL by default, art fallback available. */
:root{--forge-ochre:#d9aa71;--forge-iron:#282f37;--forge-bone:#cdbca0;--forge-fog:#8195a3}
body{background:radial-gradient(ellipse 70% 30% at 50% -3%,#68523e2b,transparent 73%),#06080d;color:#eadfd3}
.app{max-width:1200px}
.topbar{height:81px;border-bottom:1px solid #d8ac704a;box-shadow:0 9px 34px #0008}
.brand-icon{background:radial-gradient(circle at 50% 44%,#ffce8247,#2a272a 64%,#0d0f14);box-shadow:inset 0 0 21px #e5a66231,0 0 0 1px #a07b5d8a}
.brand h1{letter-spacing:2.8px;text-shadow:0 2px 19px #e7a46729}
.hero-summary{gap:8px;margin:7px 0 11px}
.summary-stat{background:linear-gradient(145deg,#1b202a,#10151e 70%,#10131b);border:1px solid #9285785f;box-shadow:inset 0 1px #fff1c215,0 12px 25px #0004}
.summary-stat strong{color:#e8d7c5}.summary-stat:nth-child(2) strong{color:#f1ba76}
.summary-stat:nth-child(3) strong{color:#ae9cda}
.arena,.arena.zone-1,.arena.zone-2,.arena.zone-3,.arena.zone-4{height:min(735px,74vw);min-height:570px;border:1px solid #b793685c;background-color:#080d14;box-shadow:0 0 0 1px #131920,0 0 40px #aa71340c,0 29px 86px #000c}
/* Preserve the successful photography-quality world backdrops; the moving figures are real 3D meshes. */
html:not(.cinema-art-mode) .arena:before{background:linear-gradient(180deg,#020409c9 0%,#090e1910 26%,#080c1812 66%,#02060ecb 100%),radial-gradient(ellipse 65% 78% at 50% 40%,transparent 36%,#050609a6 100%)}
html:not(.cinema-art-mode) .arena:after{box-shadow:inset 0 0 0 1px #d9a9742e,inset 0 -55px 64px #06070ad9,inset 0 0 55px #050c1710}
.arena-top{z-index:25}
.arena-top h2{font:700 clamp(25px,3.4vw,40px)/1.09 Georgia,serif;max-width:360px;color:#f5e8d6;text-shadow:0 2px 14px #000,0 3px 29px #000}
.location-eyebrow{color:#e3b986}
.stage-pill{background:linear-gradient(#1b1617ed,#0c1017ed);color:#f4d3a4;border:1px solid #a98a636a;box-shadow:inset 0 1px #ffe2b021}
.display-mode,.scene-mode,.camera-mode,.quality-mode{background:linear-gradient(165deg,#22222add,#10161ee8);border:1px solid #988368a1;color:#f0d0a4;letter-spacing:1px;box-shadow:inset 0 1px #fff4da0a,0 6px 17px #0009}
html:not(.cinema-art-mode) #displayMode{top:126px;left:22px;padding-inline:13px}
html:not(.cinema-art-mode) #sceneMode{top:126px;left:207px;width:134px;max-width:135px}
html:not(.cinema-art-mode) #cameraMode{top:126px;left:calc(50% - 53px);width:112px}
html:not(.cinema-art-mode) #qualityMode{top:126px;right:20px;width:108px}
#arena3d{filter:drop-shadow(0 17px 8px #020408e8) contrast(1.16) saturate(.94) brightness(1.06)}
html.arena-3d-active .arena-glow{background:radial-gradient(ellipse 55% 27% at 50% 79%,#dba56429,transparent 76%);opacity:.75}
html.arena-3d-active .arena-grid{opacity:.46;filter:contrast(.88)}
html.arena-3d-active .combatant-name{font-family:Georgia,serif;letter-spacing:1.25px;background:linear-gradient(90deg,transparent,#080c15ec 20%,#10111de0 50%,#080c15e5 80%,transparent);color:#f4e8d8}
html.arena-3d-active .combatant-name small{color:#bbac9d}
html.arena-3d-active .health-track{background:#090b13ef;border:1px solid #94887983;border-radius:4px;box-shadow:inset 0 1px 5px #0009}
html.arena-3d-active .hero-health{background:linear-gradient(90deg,#526965,#8abbab,#d2f0dc);box-shadow:0 0 8px #82c3ae5e}
html.arena-3d-active .enemy-health{background:linear-gradient(90deg,#7a303c,#c65a58,#eca084);box-shadow:0 0 8px #bb655c52}
#rigStatus{z-index:34;display:block!important;max-width:170px;border:1px solid #bfa1776d;background:#101417e5;color:#c8d8ca;box-shadow:0 2px 12px #0009}
html.cinema-art-mode #rigStatus{display:none!important}
.motion-ribbon{font-family:Georgia,serif;color:#d9b887;letter-spacing:2.2px;text-shadow:0 1px 12px #000}
.combat-feed{background:linear-gradient(90deg,#0b0e15,#161821f0,#090d14);border-top:1px solid #c1a37c44;color:#f0dbba;font-family:Georgia,serif}
.battle-director{background:linear-gradient(113deg,#1a1e27,#0e141c 60%,#1f191d);border-color:#a28a6f78;border-radius:5px}
.director-label strong{color:#ecc69b}
.combat-tactics{background:linear-gradient(110deg,#141924,#0c121c,#25191d);border-color:#ab876178;border-radius:5px;box-shadow:0 17px 31px #0007}
.tactic-rage strong{color:#f9d4a7}.intent-dot{background:#75b6ad}
.parry-button{border-color:#cd9968;color:#fae2c1;background:linear-gradient(135deg,#392e2a,#1a2029);box-shadow:inset 0 1px #f9e0b218}
.parry-button.ready-to-parry{background:linear-gradient(135deg,#71402d,#292333)}
.progress-card,.navtabs,.tabpanel,.daily-card,.stats-card,.world-banner{border-radius:6px!important;box-shadow:inset 0 1px #e0bd8930,0 15px 26px #0003}
.progress-card{background:linear-gradient(135deg,#1a2029,#10131a 73%)!important}
.navtabs{background:#0b111af5!important;border-color:#a0836455!important}
.navtab.active{background:linear-gradient(120deg,#614538,#2f292b)!important;color:#fce8cf}
.skill-button,.quickdock button:first-child{background:linear-gradient(135deg,#7b4b32,#4c2d2c)!important;border:1px solid #b5835e;color:#fff0d8}
.quickdock{background:#090e15ee;border:1px solid #ac86627a;box-shadow:0 8px 38px #000b}
.quickdock button{background:linear-gradient(#262a34,#191e2a);color:#d9d6d7}
.quickdock #quickParry{background:linear-gradient(135deg,#4e4237,#20232e)}
@media(max-width:680px){
 .topbar{height:76px}.summary-stat{min-height:64px}
 .arena,.arena.zone-1,.arena.zone-2,.arena.zone-3,.arena.zone-4{height:590px;min-height:0}
 .arena-top h2{font-size:clamp(21px,6vw,25px);max-width:204px}
 html:not(.cinema-art-mode) #displayMode{top:118px;left:10px;width:127px;font-size:8px;padding-inline:4px}
 html:not(.cinema-art-mode) #sceneMode{top:118px;left:auto;right:8px;width:116px;font-size:8px}
 html:not(.cinema-art-mode) #cameraMode{top:155px;left:10px;width:96px;font-size:8px}
 html:not(.cinema-art-mode) #qualityMode{top:155px;right:8px;width:97px;font-size:8px}
 .combatant-name{font-size:9px}
 .quickdock{max-width:calc(100vw - 14px)}
 .tactic-intent strong{font-size:11px}
}
@media(max-width:365px){
 .arena,.arena.zone-1,.arena.zone-2,.arena.zone-3,.arena.zone-4{height:530px}
 html:not(.cinema-art-mode) #displayMode{top:113px;width:108px;left:7px;letter-spacing:0;font-size:7px}
 html:not(.cinema-art-mode) #sceneMode{top:113px;width:105px;right:6px;letter-spacing:0;font-size:7px}
 html:not(.cinema-art-mode) #cameraMode,html:not(.cinema-art-mode) #qualityMode{top:150px}
 .arena-top h2{max-width:169px;font-size:20px}
}
@media(prefers-reduced-motion:reduce){.motion-ribbon,.arena-glow{animation:none!important}}