/* Compact match interface: the playfield stays open and each action has one place. */
body.match-active:not(.menu-open) .round-panel,body.match-active .left-rail,body.match-active .wallet,body.match-active .right-rail,body.match-active .reference-services,body.match-active #quests-button,body.match-active .action-bar,body.match-active #item-button,body.match-active #revive-button,body.match-active .touch-actions{display:none!important}
#match-top{position:absolute;top:max(18px,env(safe-area-inset-top));left:50%;transform:translateX(-50%);width:min(480px,calc(100vw - 240px));padding:13px 18px;color:#fff6df;background:#113b41e8;border:1px solid #ffffff25;border-radius:15px;box-shadow:0 5px 20px #05252c30;font-family:Montserrat,sans-serif}
#match-top[hidden],#match-controls[hidden],#match-rescue[hidden]{display:none!important}
#match-observe[hidden]{display:none!important}#match-observe{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;gap:9px;pointer-events:auto}#match-observe button{padding:14px 17px;background:#113b41ee;border:1px solid #ffffff30;border-radius:9px;font:700 10px Montserrat,sans-serif;color:#fff1d7}#match-observe button[hidden]{display:none}
.match-meta{display:flex;align-items:center;gap:10px;font:700 9px Montserrat,sans-serif;color:#bbd8d2}.match-meta b{color:#a9f0cb}.match-meta span:last-child{margin-left:auto;font-weight:500}
#match-top[data-role=chaser] .match-meta b{color:#ffbe99}.match-main{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:9px 0}.match-main h2{font:800 clamp(15px,1.7vw,21px)/1.25 Montserrat,sans-serif;margin:0;color:#fff4dc;text-shadow:none}.match-main>b{font:800 24px/1 Montserrat,sans-serif;font-variant-numeric:tabular-nums;color:#fff4db;white-space:nowrap}.match-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font:500 10px/1.4 Montserrat,sans-serif;color:#bbd8d2}#match-clean{display:flex;gap:5px;flex-shrink:0}#match-clean i{width:20px;height:4px;border-radius:3px;background:#ffffff25}#match-clean i.filled{background:#a5edc8}#match-top[data-urgent=true] #match-clock{color:#ffb49c;animation:clock-beat .8s ease-in-out infinite}
#match-controls{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:9px;pointer-events:auto;font-family:Montserrat,sans-serif}
#match-controls button{position:relative;display:grid;grid-template-columns:auto 1fr;gap:3px 9px;align-items:center;min-width:138px;padding:11px 15px 14px;border:1px solid #ffffff35;border-radius:11px;background:#113b41e8;color:#fff2d4;font:700 11px Montserrat,sans-serif;overflow:hidden;cursor:pointer;box-shadow:0 4px 14px #05252c30}#match-controls button[hidden]{display:none}#match-controls kbd{grid-row:span 2;font:800 9px Montserrat,sans-serif;padding:5px;border-radius:5px;background:#ffffff14;min-width:29px;text-align:center}#match-controls b{font-size:10px;text-align:left}#match-controls small{text-align:left;font:600 9px Montserrat,sans-serif;color:#bcdbce}#match-controls button>i{position:absolute;left:0;bottom:0;height:3px;width:calc(var(--ready,1)*100%);background:#a4e9bf;transition:width .07s linear}#match-controls button:disabled{cursor:default;color:#c5d5d0;border-color:#ffffff1c}#match-controls button[data-ready=true]:hover{background:#225057}#match-controls button[data-match-action=attack]>i{background:#ffc092}#match-controls button:focus-visible{outline:2px solid #ffcd79;outline-offset:3px}#match-controls button[data-rescue=true]{border-color:#b5f9d1;background:#285b51}
#match-rescue{position:absolute;left:50%;bottom:108px;transform:translateX(-50%);width:min(300px,80vw);padding:13px 17px;border:1px solid #b5f9d155;background:#153f42ee;border-radius:12px;display:grid;gap:5px;text-align:center;font-family:Montserrat,sans-serif;color:#efffec}#match-rescue b{font-size:12px}#match-rescue span{font-size:10px;color:#bbd8d2}#match-rescue>div{height:4px;margin-top:5px;background:#ffffff20;border-radius:3px;overflow:hidden}#match-rescue i{display:block;height:100%;background:#a4e9bf}body.match-active #toast{bottom:100px;font-size:12px}body.match-active #pace-event{bottom:125px}
body.match-active #choice{bottom:115px;max-width:420px;background:#123e43eb;padding:15px;border-radius:13px;border:1px solid #ffffff25}body.match-active #choice>span{font-size:10px}body.match-active #choice button{border-radius:8px;padding:14px;background:#214c51}body.match-active #choice button.selected{background:#e8af54;color:#263f3f}body.match-active #runner-picker{top:148px;max-height:150px;overflow:auto;padding:12px;background:#133d43e8;border-radius:12px;border:1px solid #ffffff25}body.match-active #runner-picker button{font-size:10px;border-radius:7px}
.match-result-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:17px 0;text-align:center;font:500 10px Montserrat,sans-serif;color:#bfd9cd}.match-result-stats b{display:block;font:800 22px Montserrat,sans-serif;color:#fff0cf;margin-bottom:5px}
@keyframes clock-beat{50%{opacity:.68}}@media(prefers-reduced-motion:reduce){#match-top[data-urgent=true] #match-clock{animation:none}#match-controls button>i{transition:none}}
@media(max-width:750px){#match-top{top:14px;width:min(420px,calc(100vw - 100px));left:auto;right:12px;transform:none;padding:11px 13px}.match-meta{font-size:8px;gap:6px}.match-main h2{font-size:15px}.match-main>b{font-size:21px}.match-footer{font-size:9px}#match-clean i{width:13px}#match-controls{gap:6px;bottom:18px}#match-controls button{min-width:108px;padding:10px 9px 12px;gap:3px 6px}#match-controls b{font-size:9px}body.match-active #runner-picker{top:128px;width:85vw}}
@media(pointer:coarse){#match-controls{left:auto;right:max(15px,env(safe-area-inset-right));transform:none;bottom:max(30px,env(safe-area-inset-bottom));align-items:flex-end}#match-controls button{min-width:0;width:68px;height:65px;padding:9px 5px 12px;display:flex;flex-direction:column;justify-content:center;gap:5px}#match-controls kbd{display:none}#match-controls b,#match-controls small{text-align:center;font-size:8px}#match-controls button[data-match-action=dash]{width:86px;height:82px}#match-rescue{bottom:127px}body.match-active #choice{bottom:135px}body.match-active .reference-nav{left:9px;top:12px}.reference-nav button:nth-child(2){display:none}}
@media(max-height:480px){#match-top{padding:9px 13px;top:10px}.match-main{margin:6px 0}.match-main h2{font-size:14px}.match-main>b{font-size:20px}#match-controls{bottom:12px}#match-rescue{bottom:98px}body.match-active #runner-picker{top:116px;max-height:95px}}