/* Cutout artwork: the slate remains solid, the space outside the iron is alpha. */
.pause-sanctum{background-image:url('./assets/ui/pause-sanctum-alpha.webp')}
#results-overlay{background:radial-gradient(ellipse at center,#16040866,#030309ed);backdrop-filter:blur(6px) saturate(.45);overflow:auto;padding:16px}
.death-sanctum{background-image:url('./assets/ui/death-sanctum-alpha.webp');padding-top:124px;padding-bottom:75px}
.death-heading h2{font-size:35px;letter-spacing:3px;color:#ead3c0;text-shadow:0 2px 3px #000,0 0 20px #7a122944}.death-heading .pause-kicker{color:#b47f6c;letter-spacing:2px}.death-heading p{font:italic 12px/1.6 Georgia,serif;color:#b6a094;margin:0}
.death-sanctum .new-best{font:600 8px var(--display);letter-spacing:1px;color:#d6b175;margin:12px 0 0;text-shadow:0 1px #000}
.death-sanctum .result-score{gap:5px;border-top:1px solid #9d71484d;padding-top:15px;margin-top:17px}.death-sanctum .result-score span{font:500 7px var(--font);letter-spacing:2.3px;color:#a58c70}.death-sanctum .result-score strong{font:500 40px/1.1 var(--display);color:#e6cba0;text-shadow:0 2px 3px #000}
.death-sanctum .result-stats{margin:20px 0 17px;gap:0}.death-sanctum .result-stats>div{gap:7px}.death-sanctum .result-stats>div+div{border-left:1px solid #7f614549}.death-sanctum .result-stats span{font:500 6px var(--font);letter-spacing:1px;color:#a18e76}.death-sanctum .result-stats strong{font:500 21px var(--display);gap:3px;color:#d9bf92}.death-sanctum .result-stats b{font-weight:500}.death-sanctum .result-stats small{font-size:9px;color:#a18a68}.death-sanctum .result-stats svg{width:13px;height:13px;color:#bca06b}
#monkey-result-record{font:500 8px/1.5 var(--font)!important;color:#8c7a6c!important;margin:0 0 17px!important}.death-actions{gap:9px}.death-actions .sanctum-resume{background:linear-gradient(100deg,#32090e,#6d1e26,#32090e);color:#efd4b7}.death-actions .sanctum-resume:hover{background:linear-gradient(100deg,#4f0d17,#8c2934,#4f0d17)}
/* Continuous life and mana reservoirs within a hand-weathered iron surround. */
.vitality-hud{width:410px;height:156px;background-image:url('./assets/ui/blood-iron-hud.webp');background-repeat:no-repeat;border:0;filter:drop-shadow(0 3px 5px #0009)}
.vitality-hud .idol-meter{width:109px;height:109px;left:17px;top:23px}.vitality-hud .idol-meter strong{bottom:0;background:linear-gradient(#3b271c,#160e10);border-color:#866344}
.vitality-hud .arcane-meters{left:131px;right:43px;top:48px;gap:4px}.vitality-hud .arcane-meters span{font-size:7px;letter-spacing:1.2px;margin-bottom:3px}.vitality-hud #life-meter,.vitality-hud #mana-meter{display:block;gap:0;border:1px solid #6e543a;clip-path:none;transform:none;padding:2px;background:#0b070b;box-shadow:inset 0 1px 3px #000,0 1px #c5a26b25}
.vitality-hud #life-meter{height:17px}.vitality-hud #mana-meter{height:11px;border-color:#625064;background:#09060e}.vitality-hud .meter-well{display:block;position:relative;height:100%;width:100%;background:#170d11;overflow:hidden}.vitality-hud #mana-meter .meter-well{background:#130c1c}
.vitality-hud .meter-fill,.vitality-hud .health-trail{position:absolute;inset:0 auto 0 0;display:block;width:var(--fill,100%);height:100%;border:0;clip-path:none;transition:width .2s ease-out;box-shadow:inset 0 1px #ffd1a970,inset 0 -1px #2a010a;transform:none}
.vitality-hud #life-meter .meter-fill{background:linear-gradient(#d98473,#be303b 23%,#850e22 65%,#a92732);box-shadow:inset 0 1px #f2c3a975,inset 0 -1px #480b16,0 0 7px #ae233344}
.vitality-hud .health-trail{background:linear-gradient(#ddad6c,#955530);transition:width .65s .18s ease-out;box-shadow:none}
.vitality-hud #mana-meter .meter-fill{background:linear-gradient(#c2a7e2,#9766c3 28%,#50316d 75%,#79469a);box-shadow:inset 0 1px #e6c7ff77,inset 0 -1px #251231}
.vitality-hud .pursuit-status{top:72px;left:1px}.vitality-hud .pursuit-status span{font-size:6px;letter-spacing:.8px;margin:0}.capture-panel{top:181px}
.vitality-hud.is-critical #life-meter{border-color:#8e3536;box-shadow:0 0 7px #9f0b2244}.vitality-hud.is-critical .health-emblem{filter:drop-shadow(0 0 5px #b3213d77)}
@media(max-width:700px){
 .death-sanctum{padding-top:98px;padding-bottom:63px}.death-heading h2{font-size:29px;letter-spacing:2px}.death-heading p{font-size:11px}.death-sanctum .result-score{padding-top:12px;margin-top:14px}.death-sanctum .result-score strong{font-size:35px}.death-sanctum .result-stats{margin:16px 0 14px}.death-sanctum .result-stats strong{font-size:20px}.death-sanctum .result-stats span{font-size:6px}#monkey-result-record{font-size:7px!important}
 .vitality-hud{width:calc(100vw - 112px);max-width:290px;min-width:196px;height:106px;left:max(3px,env(safe-area-inset-left));top:max(7px,env(safe-area-inset-top))}.vitality-hud .idol-meter{width:76px;height:76px;left:10px;top:15px}.vitality-hud .idol-meter strong{font-size:8px;padding:1px 5px;bottom:0}.vitality-hud .arcane-meters{left:32%;right:11%;top:31px;gap:2px}.vitality-hud .arcane-meters span{font-size:6px;letter-spacing:.6px;margin-bottom:2px}.vitality-hud #life-meter{height:13px;padding:2px}.vitality-hud #mana-meter{height:9px;padding:1px}.vitality-hud .pursuit-status{top:53px}.vitality-hud .pursuit-status span{font-size:5px;letter-spacing:.3px;margin:0}.capture-panel{top:127px}
}
@media(max-height:650px){.death-sanctum{padding-top:96px;padding-bottom:58px}.death-heading h2{font-size:27px}.death-heading p{font-size:10px}.death-sanctum .result-score{margin-top:13px;padding-top:10px}.death-sanctum .result-score strong{font-size:32px}.death-sanctum .result-stats{margin:14px 0 12px}.death-sanctum .result-stats strong{font-size:19px}#monkey-result-record{margin-bottom:12px!important}}
@media(max-height:540px) and (min-width:701px){.vitality-hud{width:350px;height:133px}.vitality-hud .idol-meter{width:94px;height:94px;left:14px;top:19px}.vitality-hud .arcane-meters{left:111px;right:37px;top:41px;gap:3px}.vitality-hud .arcane-meters span{font-size:6px;margin-bottom:2px}.vitality-hud #life-meter{height:14px}.vitality-hud #mana-meter{height:10px}.vitality-hud .pursuit-status{top:63px}.capture-panel{top:157px}}
@media(max-height:540px) and (min-width:600px){#results-overlay{align-items:center;padding:12px}.death-sanctum{width:640px;min-height:330px;padding:65px 58px 45px}.death-heading{grid-column:1;grid-row:1}.death-heading h2{font-size:25px}.death-heading p{font-size:10px}.death-sanctum .result-score{grid-column:1;grid-row:2;margin-top:10px;padding-top:9px;gap:2px}.death-sanctum .result-score strong{font-size:27px}.death-sanctum .result-stats{grid-column:1;grid-row:3;margin:11px 0}.death-sanctum .result-stats strong{font-size:17px}.death-sanctum #monkey-result-record{grid-column:1;grid-row:4;font-size:6px!important;margin:0!important}.death-actions{grid-column:2;grid-row:1 / span 4;justify-content:center}.death-sanctum .new-best{grid-column:2;grid-row:5;margin-top:8px;font-size:6px}}
@media(prefers-reduced-motion:reduce){.vitality-hud .meter-fill,.vitality-hud .health-trail{transition:none}}

/* Keep the ledger contents inside the metal trim; pause travels with it. */
.hud-status-stack{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));width:172px;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}
.hud-status-stack .hud-scores{position:relative;inset:auto;box-sizing:border-box;width:100%;height:164px;min-width:0;padding:24px 23px;display:grid;grid-template-rows:48px 30px 30px;align-items:center;gap:0;isolation:isolate}
.hud-status-stack .distance-tablet,.hud-status-stack .score-tablet,.hud-status-stack .coin-tablet{box-sizing:border-box;min-width:0;width:100%;margin:0;border-radius:0;box-shadow:none;white-space:nowrap}
.hud-status-stack .distance-tablet{order:-1;align-self:stretch;align-items:center;justify-content:center;padding:0 0 6px;gap:5px;line-height:1;border-bottom:1px solid #8d744539}
.hud-status-stack .distance-tablet b{font-size:33px;line-height:1;letter-spacing:0}
.hud-status-stack .score-tablet{padding:0;gap:5px;align-items:center;line-height:1}
.hud-status-stack .score-label{font-size:7px;letter-spacing:.8px;flex-shrink:0}
.hud-status-stack .score-tablet strong{font-size:17px;line-height:1.1;letter-spacing:0;font-variant-numeric:tabular-nums}
.hud-status-stack .coin-tablet{padding:6px 0 0;gap:6px;align-self:stretch;align-items:center;line-height:1}
.hud-status-stack .coin-tablet strong{font-size:20px;line-height:1;font-variant-numeric:tabular-nums}
.hud-status-stack .coin-tablet svg{flex-shrink:0;width:16px;height:16px}
.hud-status-stack .pause-button{position:relative;inset:auto;margin:0;width:46px;height:44px;min-width:44px;min-height:44px;pointer-events:auto;flex-shrink:0;touch-action:manipulation}
.hud-status-stack .pause-button svg{width:18px;height:18px;stroke-width:1.8}
.hud-status-stack .pause-button:focus-visible{outline:2px solid #e4c58e;outline-offset:3px}
.hud.intro-hud>.hud-status-stack{display:flex!important}
.hud.intro-hud .hud-status-stack .hud-scores{display:none}
@media(max-width:700px){
 .hud-status-stack{width:116px;top:max(10px,env(safe-area-inset-top));right:max(7px,env(safe-area-inset-right));gap:6px}
 .hud-status-stack .hud-scores{height:132px;padding:20px 12px 22px;grid-template-rows:34px 28px 28px}
 .hud-status-stack .distance-tablet{padding-bottom:5px;gap:4px;font-size:9px}
 .hud-status-stack .distance-tablet b{font-size:24px}
 .hud-status-stack .score-label{font-size:6px;letter-spacing:.3px}
 .hud-status-stack .score-tablet strong{font-size:13px}
 .hud-status-stack .coin-tablet{padding-top:5px;gap:5px}
 .hud-status-stack .coin-tablet strong{font-size:18px}
 .hud-status-stack .coin-tablet svg{width:13px;height:13px}
 .hud-status-stack .pause-button{width:44px;height:44px}
 .vitality-hud{width:calc(100vw - 132px);min-width:0}
 .vitality-hud .arcane-meters{left:max(86px,32%)}
}
@media(max-height:540px) and (min-width:701px){
 .hud-status-stack{width:140px;top:max(10px,env(safe-area-inset-top));gap:5px}
 .hud-status-stack .hud-scores{height:132px;padding:20px 18px 22px;grid-template-rows:34px 28px 28px}
 .hud-status-stack .distance-tablet b{font-size:26px}
 .hud-status-stack .score-label{font-size:6px}.hud-status-stack .score-tablet strong{font-size:14px}
 .hud-status-stack .coin-tablet strong{font-size:18px}
}