/* Dungeon Runner: carved slate, forged brass, blood glass and arcane crystal. */
#pause-overlay{background:radial-gradient(ellipse at center,#05050966,#030409e8);backdrop-filter:blur(6px) saturate(.55);padding:16px;overflow:auto}
body[data-mode="paused"] #hud{opacity:.24;filter:saturate(.45);transition:opacity .2s}
body[data-mode="paused"] #status-toast,body[data-mode="paused"] #turn-cue,body[data-mode="paused"] #powerup-status,body[data-mode="paused"] #capture-feedback{visibility:hidden}
.pause-actions button:focus{outline:none}.pause-actions button:focus-visible{outline:1px solid #e2c28a;outline-offset:3px}
.pause-sanctum{position:relative;flex:none;width:420px;min-height:630px;max-width:100%;padding:126px 56px 78px;display:flex;flex-direction:column;justify-content:center;align-items:stretch;text-align:center;background:url('./assets/ui/pause-sanctum.webp') center/100% 100% no-repeat;filter:drop-shadow(0 20px 38px #000);color:#e8d8b7}
.pause-heading{margin:0}.pause-kicker{font:500 8px var(--font);letter-spacing:3px;color:#ad9572}.pause-heading h2{margin:12px 0 7px;font:500 44px/1.2 var(--display);letter-spacing:6px;color:#eee1c8;text-shadow:0 2px 4px #000}.pause-heading p{margin:0;color:#a89c90;font:italic 13px Georgia,serif}
.pause-rule{position:relative;height:1px;background:linear-gradient(90deg,transparent,#8c7048,transparent);margin:24px 8px 21px}.pause-rule i{position:absolute;width:7px;height:7px;top:-3px;left:calc(50% - 4px);transform:rotate(45deg);background:#6e1823;border:1px solid #bd9760;box-shadow:0 0 10px #b42c2222}
.pause-records{display:flex;justify-content:center;margin:0 0 25px}.pause-records>div{flex:1;display:flex;flex-direction:column;gap:6px}.pause-records>div+div{border-left:1px solid #826a3e3d}.pause-records strong{font:500 23px/1 var(--display);color:#d6bf91}.pause-records b{font-weight:500}.pause-records small{font:11px var(--display);margin-left:3px;color:#8e806b}.pause-records span{font:600 8px var(--font);letter-spacing:1px;color:#ad9b7c}
.pause-actions{display:flex;flex-direction:column;gap:9px}.pause-actions button{width:100%;cursor:pointer;font-family:var(--display);letter-spacing:2px;transition:background .15s,color .15s;position:relative;border-radius:0}
.sanctum-resume{height:53px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #bda16c;background:linear-gradient(100deg,#2d1217,#541f26 48%,#2c1217);box-shadow:inset 0 0 0 3px #0c090d,inset 0 0 0 4px #9c734b70,0 4px 12px #0009;color:#efdbb4;font-size:12px;text-shadow:0 1px 3px #000}.sanctum-resume svg{width:15px;height:18px;fill:#d8bc87;stroke:#f0deba;stroke-width:.6}.sanctum-resume:before,.sanctum-resume:after{content:'';position:absolute;left:-4px;top:calc(50% - 3px);width:5px;height:5px;background:#8c643c;border:1px solid #cfb578;transform:rotate(45deg)}.sanctum-resume:after{left:auto;right:-4px}.sanctum-resume:hover{background:linear-gradient(100deg,#452027,#742b32,#452027);color:#fff2d9}
.sanctum-secondary{height:42px;border:1px solid #7c654140;background:linear-gradient(#22202566,#0c0d1188);color:#bdae94;font-size:12px;box-shadow:inset 0 1px #a78d5422}.sanctum-secondary:hover{border-color:#ab8f5d;color:#efdbb4}.sanctum-home{height:34px;background:none;border:0;color:#8f8371;font:500 9px var(--font)!important;letter-spacing:1.7px!important}.sanctum-home:hover{color:#e8d3aa}
.sanctum-shortcut{display:flex;justify-content:center;align-items:center;gap:6px;margin-top:16px;color:#998974;font:500 7px var(--font);letter-spacing:1.3px}.sanctum-shortcut kbd{padding:3px 4px;border:1px solid #72604450;border-bottom:2px solid #72604460;font:7px var(--font);color:#b09c7a;background:#08080b}.sanctum-shortcut i{height:1px;width:5px;background:#78674b}.sanctum-shortcut>span{margin-left:5px}
/* One shaped metal housing replaces the detached HUD cards. */
.vitality-hud{left:max(15px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));width:368px;height:113px;background:url('./assets/ui/vitality-frame.svg') center/100% 100%;border:0;border-radius:0;filter:drop-shadow(0 3px 5px #000a)}
.vitality-hud .idol-meter{width:104px;height:104px;left:-10px;top:0}.vitality-hud .health-emblem{filter:drop-shadow(0 2px 3px #000)}.vitality-hud .idol-meter strong{bottom:1px;padding:3px 8px;background:linear-gradient(#332720,#100d12);border-color:#9c8055;color:#edd4a7;font:600 11px var(--display);border-radius:0}
.vitality-hud .arcane-meters{left:98px;right:31px;top:20px;gap:8px}.vitality-hud .arcane-meters span{font:600 8px var(--font);letter-spacing:1.5px;margin-bottom:5px;color:#d3c2a2}.vitality-hud #life-meter,.vitality-hud #mana-meter{clip-path:none;transform:none;border-radius:0;border:1px solid #9f8050;padding:3px;gap:3px;background:#060609;box-shadow:0 1px #c7a76840,inset 0 2px 3px #000}
.vitality-hud #life-meter{height:19px}.vitality-hud [data-health-segment]{background:linear-gradient(#edb097 0%,#d3474c 18%,#8e182b 48%,#560e1d 70%,#a42b35 100%);box-shadow:inset 1px 1px #ffd3ab70,inset -1px -1px #2e0208,0 0 6px #a5263322;clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}.vitality-hud [data-health-segment].lost{background:linear-gradient(#211b20,#0e0c10);box-shadow:inset 0 1px 3px #000;opacity:.8}.vitality-hud [data-health-segment]:after{display:none}
.vitality-hud #mana-meter{height:12px;padding:2px;gap:3px;border-color:#706079}.vitality-hud [data-mana-segment]{background:linear-gradient(#ded0ff,#9e7ed2 27%,#573a88 65%,#8561b4);box-shadow:inset 0 1px #efdbff99;clip-path:polygon(2px 0,100% 0,calc(100% - 2px) 100%,0 100%)}.vitality-hud [data-mana-segment].spent{background:#19141f;opacity:.85}.vitality-hud #mana-label{color:#bca6d5}.vitality-hud .pursuit-status{gap:5px;position:absolute;top:79px;left:1px;white-space:nowrap}.vitality-hud .pursuit-status span{font-size:6px;margin:0;color:#a39885;letter-spacing:1px}
.capture-panel{top:139px;left:max(32px,env(safe-area-inset-left));padding:0 0 0 13px;min-width:135px;background:none;border-left:1px solid #a0845055;filter:drop-shadow(0 2px 2px #000)}.capture-mode-label{font-size:7px;letter-spacing:2px;margin-bottom:5px;color:#9b8765}.capture-panel>div{gap:8px}.capture-panel strong{font:500 25px var(--display);color:#e7d3aa}.capture-panel div span{font-size:6px;letter-spacing:1px;color:#b4a58c}.capture-panel small{display:block;margin:5px 0 0;font-size:8px;color:#847e75}
.hud-scores{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));width:168px;gap:7px;padding:13px 16px 14px;background:linear-gradient(100deg,#141317d9,#08090de8);border:1px solid #8d74454d;box-shadow:inset 0 0 0 3px #09090b,inset 0 0 0 4px #6e583624,0 3px 8px #0007;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}
.distance-tablet{background:none;border:0;padding:0 0 8px;margin:0;width:100%;justify-content:center;gap:5px;color:#a38f6c;font:12px var(--display);border-bottom:1px solid #8d744539}.distance-tablet b{font:500 35px/1 var(--display);letter-spacing:1px;color:#efdfba}.score-tablet{min-width:0;padding:0;width:100%;background:none;border:0;display:flex;align-items:baseline;justify-content:space-between;gap:9px}.score-tablet strong{font:500 18px var(--display);color:#c8bca4;letter-spacing:.4px}.score-label{font-size:6px;letter-spacing:1.4px;color:#8f8067}.coin-tablet{width:100%;padding:6px 0 0;background:none;border:0;border-top:1px solid #8d74452b;display:flex;justify-content:center;gap:7px}.coin-tablet strong{font:500 20px var(--display);color:#d2ac64}.coin-tablet svg{width:16px;height:16px;color:#c19d57}
.cast-button{width:84px;height:90px;right:max(25px,env(safe-area-inset-right));bottom:max(89px,calc(env(safe-area-inset-bottom) + 76px));clip-path:polygon(13px 0,calc(100% - 13px) 0,100% 13px,100% calc(100% - 13px),calc(100% - 13px) 100%,13px 100%,0 calc(100% - 13px),0 13px);border:1px solid #b3925b;background:radial-gradient(ellipse at 50% 30%,#5c357c88,transparent 65%),linear-gradient(#25202c,#09090e);box-shadow:inset 0 0 0 4px #0b0b10,inset 0 0 0 5px #a2835144;gap:4px}.cast-button svg{width:29px;height:33px;fill:#ba8ee4;filter:drop-shadow(0 0 6px #af72dd80)}.cast-button span{font:500 9px var(--display);letter-spacing:2px;color:#e4ceaa}.cast-button small{font:500 6px var(--font);letter-spacing:.5px;color:#958269}.cast-button:active{background:radial-gradient(#6f4089,#1c1425)}
.pause-button{right:max(42px,env(safe-area-inset-right));width:48px;height:44px;bottom:max(24px,env(safe-area-inset-bottom));border:1px solid #8c734b;box-shadow:inset 0 0 0 3px #08090c,inset 0 0 0 4px #86704b40;background:linear-gradient(#28252a,#0e0e14);border-radius:0}.pause-button svg{width:18px;height:18px;stroke-width:1.6;color:#c2ab7f}
.hud-scores{background:url('./assets/ui/relic-ledger.svg') center/100% 100% no-repeat;border:0;box-shadow:none;clip-path:none;filter:drop-shadow(0 3px 5px #0009);padding:18px 20px 20px}
.status-toast,.target-cue,.capture-feedback{background:linear-gradient(90deg,transparent,#090a10eb 12%,#090a10eb 88%,transparent);border:0;border-top:1px solid #aa865345;border-bottom:1px solid #aa86532e;border-radius:0;box-shadow:none;color:#d9c39f;font-family:var(--display);text-shadow:0 1px 3px #000;letter-spacing:1px}
.status-toast{font-size:9px;padding:9px 22px}.capture-feedback{font-size:10px;padding:12px 25px;color:#e4c69b}.target-cue{font-size:8px;padding:9px 22px;color:#baab92}.cast-button #cast-label{letter-spacing:1px}
@media(max-width:700px){
 .pause-sanctum{width:350px;min-height:525px;padding:99px 43px 60px}.pause-heading h2{font-size:36px;letter-spacing:5px;margin-top:9px}.pause-kicker{font-size:7px;letter-spacing:2.5px}.pause-heading p{font-size:12px}.pause-rule{margin:18px 8px}.pause-records{margin-bottom:20px}.pause-records strong{font-size:21px}.pause-records span{font-size:5.5px;letter-spacing:1px}.sanctum-resume{height:49px;font-size:10px;letter-spacing:1.6px!important}.sanctum-secondary{height:37px;font-size:9px}.sanctum-home{height:29px}.sanctum-shortcut{margin-top:12px}
 .vitality-hud{width:calc(100vw - 123px);max-width:285px;min-width:185px;height:94px;left:max(7px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top));background-size:100% 100%}.vitality-hud .idol-meter{width:77px;height:77px;left:-6px;top:4px}.vitality-hud .idol-meter strong{font-size:9px;padding:2px 6px;bottom:1px}.vitality-hud .arcane-meters{left:73px;right:21px;top:17px;gap:7px}.vitality-hud .arcane-meters span{font-size:6px;letter-spacing:.8px;margin-bottom:4px}.vitality-hud #life-meter{height:15px;padding:2px;gap:2px}.vitality-hud #mana-meter{height:10px;padding:2px;gap:1px}.vitality-hud .pursuit-status{top:65px}.vitality-hud .pursuit-status span{font-size:5px;letter-spacing:.4px}.capture-panel{top:116px;left:20px;min-width:100px;padding-left:9px}.capture-panel strong{font-size:22px}.capture-mode-label{font-size:6px}.capture-panel small{font-size:7px}.capture-panel div span{font-size:5px}
 .hud-scores{width:105px;right:max(7px,env(safe-area-inset-right));top:max(14px,env(safe-area-inset-top));padding:11px 10px 10px;gap:6px}.distance-tablet{padding-bottom:6px;font-size:10px}.distance-tablet b{font-size:26px}.score-tablet{gap:4px}.score-tablet strong{font-size:14px;letter-spacing:0}.score-label{font-size:5px;letter-spacing:.5px}.coin-tablet{padding-top:5px;gap:5px}.coin-tablet strong{font-size:17px}.coin-tablet svg{width:13px;height:13px}
 .cast-button{width:66px;height:78px;right:max(14px,env(safe-area-inset-right));bottom:max(86px,calc(env(safe-area-inset-bottom) + 72px))}.cast-button svg{width:25px;height:29px}.cast-button span{font-size:8px}.cast-button small{font-size:5px}.pause-button{right:max(26px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:44px;height:42px}.play-hint{display:none}
}
@media(max-height:650px){#pause-overlay{align-items:flex-start}.pause-sanctum{width:340px;min-height:510px;padding:96px 43px 56px}.pause-heading h2{font-size:32px;margin:8px 0}.pause-rule{margin:16px 8px}.pause-records{margin-bottom:17px}.pause-records strong{font-size:20px}.sanctum-resume{height:44px;font-size:10px}.sanctum-secondary{height:35px}.sanctum-home{height:27px}.sanctum-shortcut{margin-top:9px}}
@media(max-height:540px) and (min-width:701px){.vitality-hud{width:300px;height:100px}.vitality-hud .idol-meter{width:86px;height:86px}.vitality-hud .arcane-meters{left:82px;top:15px;right:26px;gap:6px}.vitality-hud #life-meter{height:16px}.vitality-hud .pursuit-status{top:70px}.capture-panel{top:125px}.hud-scores{width:132px;gap:5px;padding:10px 12px}.distance-tablet b{font-size:26px}.cast-button{width:64px;height:74px;bottom:74px;right:20px}.pause-button{width:40px;height:38px;bottom:17px;right:32px}}
@media(prefers-reduced-motion:reduce){.pause-actions button,body[data-mode="paused"] #hud{transition:none}}
@media(max-width:700px){.pause-actions button{min-height:44px}.pause-records span{font-size:6.5px}.sanctum-shortcut{font-size:6px}}
@media(max-height:540px) and (min-width:600px){
 #pause-overlay{align-items:center;padding:12px}.pause-sanctum{width:640px;min-height:330px;padding:69px 58px 48px;display:grid;grid-template-columns:1fr 1fr;gap:0 35px;align-content:center}.pause-heading{grid-column:1;grid-row:1}.pause-heading h2{font-size:31px;letter-spacing:4px}.pause-heading p{font-size:11px}.pause-kicker{font-size:6px}.pause-rule{display:none}.pause-records{grid-column:1;grid-row:2;margin:18px 0 0}.pause-records strong{font-size:20px}.pause-records span{font-size:6px;letter-spacing:.6px}.pause-actions{grid-column:2;grid-row:1 / span 2;gap:7px}.pause-actions button{min-height:40px}.sanctum-resume{font-size:9px;letter-spacing:1.3px!important;gap:8px}.sanctum-secondary{font-size:10px}.sanctum-shortcut{grid-column:2;margin-top:9px}.sanctum-home{font-size:7px!important}
}