/* Original timer scenery stays behind opaque reading surfaces. */
body {background:#1d1d22 url('/assets/timer-stone.webp') center top / 750px 1334px repeat;--flame-speed:3.8s;--flame-travel:2px;--flame-scale:1.025}
.dungeon-scenery {position:fixed;inset:64px 0 0;pointer-events:none;background:url('/assets/timer-torches.webp') center top / cover no-repeat;opacity:.3;z-index:0}
.battle {z-index:1}
.arena-head {background:#292521f5;padding:8px 12px;border-radius:3px}
.party-rail {background:#292521f5;padding:8px 12px}
.threat-info {background:#292521f5;padding:12px;border-radius:3px}
.hand-scroller {height:auto;min-height:307px;padding-top:26px;padding-bottom:13px}
.torch {width:150px;height:270px;top:68px;left:-28px;border:0;background:none;transform:none;opacity:.82;z-index:0}
.torch.right {right:-28px;left:auto;transform:none}
.torch::after {display:none}
.torch::before {inset:0;width:100%;height:100%;border-radius:0;background:url('/assets/timer-torches.webp') left top / 750px 1339px no-repeat;box-shadow:none;transform-origin:35% 60%;mask-image:linear-gradient(to bottom,#000 65%,transparent);animation:source-flame var(--flame-speed) ease-in-out infinite alternate}
.torch.right::before {background-position:right top;transform-origin:65% 60%;animation-delay:-1.6s}
body[data-torch-pace="rising"] {--flame-speed:2.6s;--flame-travel:3px;--flame-scale:1.04}
body[data-torch-pace="urgent"] {--flame-speed:1.9s;--flame-travel:4px;--flame-scale:1.06}
body[data-torch-pace="last"] {--flame-speed:1.4s;--flame-travel:5px;--flame-scale:1.08}
body[data-torch-pace="still"] .torch::before {animation-play-state:paused}
.countdown-screen {position:relative;z-index:1;min-height:calc(100dvh - 64px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 16px;background:#1b1913c9}
.countdown-screen h1 {font-size:clamp(1.6rem,4vw,2.7rem);margin:8px 0;color:#ffedbd}
.countdown-screen .eyebrow {margin:0;color:#f5d18a}
.start-count {font:900 clamp(6rem,19vw,10rem)/1 Georgia,serif;color:#ffe3a2;min-width:1.4em;margin:16px 0;text-shadow:4px 5px #17130f}
.countdown-rule {font-size:1rem;color:#f6e9cd;max-width:28em}
.countdown-party {display:flex;justify-content:center;flex-wrap:wrap;gap:16px;margin-top:20px;max-width:100%}
.countdown-party>div {display:flex;flex-direction:column;align-items:center;gap:6px;width:95px;overflow-wrap:anywhere;font-size:.85rem}
.countdown-party .portrait {width:58px;height:58px}
.countdown-time {font:700 1.4rem Georgia,serif;color:#ddc38d;margin-top:20px}
.clock-face {position:relative}
.start-go {position:absolute;right:100%;top:5px;margin-right:14px;font:900 1.8rem Georgia,serif;color:#ffe3a2;white-space:nowrap}
.start-go[hidden] {display:none}
.narrator-choice-help {font-size:.83rem;color:#e6d4b1;margin:4px 0 12px}
@keyframes source-flame {from{transform:translateY(0) rotate(-.7deg) scale(1)}to{transform:translateY(calc(-1 * var(--flame-travel))) rotate(.9deg) scale(var(--flame-scale))}}
@media(max-width:1100px){.party-rail{padding:8px}.arena-head{padding:8px}.torch{left:-60px;opacity:.65}.torch.right{right:-60px}.dungeon-scenery{background-size:auto 100%;background-repeat:repeat-x}}
@media(max-width:720px){.torch{display:block;width:100px;height:200px;left:-55px;top:72px;opacity:.7}.torch.right{right:-55px}.torch::before{background-size:560px 1000px}.dungeon-scenery{opacity:.22}.start-go{font-size:1.25rem;margin-right:8px}.countdown-party{gap:12px}.countdown-party>div{width:72px}.countdown-screen{padding:20px 12px}.countdown-rule{max-width:22em}}
@media(max-width:720px){.encounter-zone{background:#292521f5;padding:10px 8px}.threat-info{padding:0}}
@media(prefers-reduced-motion:reduce){.torch::before{animation:none!important}}
body.calm .torch::before {animation:none!important}