/* M0.6 — timed turns, colored damage amounts, collapsible game toolbar */
.header-hide-btn{flex:0 0 auto;min-height:38px;padding:7px 11px;border-radius:8px;border:1px solid #34393d;background:#333b40;color:#f8fafb;font-size:11px;font-weight:700;white-space:nowrap}
.header-hide-btn:hover{background:#495258}
.header-unhide{display:none;position:fixed;top:max(7px,env(safe-area-inset-top));right:max(9px,env(safe-area-inset-right));z-index:100;border:1px solid #606b70;background:#293137ee;color:white;border-radius:9px;min-height:41px;padding:9px 14px;font-weight:800;font-size:12px;box-shadow:0 5px 16px #0005}
.app-shell.header-collapsed .topbar{display:none!important}
.app-shell.header-collapsed .header-unhide{display:block}
.app-shell.header-collapsed .content{padding-top:12px}
.battle-timer-wrap{display:flex;align-items:center;gap:9px}
.battle-timer{display:flex;align-items:center;gap:7px;position:relative;padding:6px 10px 9px;background:#f5f7f7;border:1px solid #aeb7bb;border-radius:11px;color:#3a4145;min-width:113px;overflow:hidden}
.battle-timer>span{font-size:9px;letter-spacing:.65px;font-weight:750}
.battle-timer strong{font-size:16px;font-variant-numeric:tabular-nums;white-space:nowrap}
.turn-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#d1d6d8}
.turn-progress>span{display:block;height:100%;background:#41494e;transition:width .15s linear}
.battle-timer:has([data-turn-progress][style*="0%"]){border-color:#bb9c84}
/* Deliberately only damage numerals, no CRIT/BLOCK/DODGE overlay labels. */
.combat-figure .fx-damage-number{
 position:absolute;z-index:12;top:12%;left:-22%;width:144%;pointer-events:none;opacity:0;
 font:900 clamp(16px,2.3vw,30px) Inter,system-ui,sans-serif;
 line-height:1.1;text-align:center;font-variant-numeric:tabular-nums;
 letter-spacing:.4px;-webkit-text-stroke:.5px #252a2c;
 text-shadow:0 2px 4px #121619,0 0 7px #1119;
}
.fx-damage-number.tone-normal{color:#f7f9fb}
.fx-damage-number.tone-blocked{color:#a9b1b7}
.fx-damage-number.tone-crit{color:#ffa13c;text-shadow:0 2px 5px #1b1510,0 0 18px #f58a24cc}
.fx-damage-number.tone-blocked-crit{color:#c99a75;text-shadow:0 2px 4px #18130e,0 0 14px #ad6f3a88}
.combat-fx-active .duelist.enemy .fx-damage-number{animation:damage-number-out .84s cubic-bezier(.2,.8,.1,1) .36s both}
.combat-fx-active .duelist.player .fx-damage-number{animation:damage-number-out .71s cubic-bezier(.2,.8,.1,1) 1.17s both}
@keyframes damage-number-out{
 0%{opacity:0;transform:translateY(7px) scale(.75)}
 20%{opacity:1;transform:translateY(-5px) scale(1.14)}
 60%{opacity:1;transform:translateY(-20px) scale(1)}
 100%{opacity:0;transform:translateY(-46px) scale(.95)}
}
@media(max-width:950px){.header-hide-btn{padding:6px 8px;font-size:10px}.battle-timer strong{font-size:14px}}
@media(max-width:750px){.header-hide-btn{min-height:33px;padding:4px 5px;font-size:9px}.battle-timer{min-width:100px;padding:5px 7px 8px}.battle-timer>span{font-size:8px}.battle-timer strong{font-size:12px}.battle-timer-wrap{gap:5px}.combat-figure .fx-damage-number{font-size:clamp(14px,2.8vw,23px)}}
@media(max-width:560px){.header-hide-btn{font-size:0;min-width:26px}.header-hide-btn::before{content:'▴';font-size:16px}.battle-timer>span{display:none}.battle-timer{min-width:39px;justify-content:center}}
@media(prefers-reduced-motion:reduce){
 .combat-fx-active .duelist.enemy .fx-damage-number,
 .combat-fx-active .duelist.player .fx-damage-number{animation:none!important;opacity:1}
 .turn-progress>span{transition:none}
}