/* Bandar Runner arcade-specific UI. */
.runner-shell{margin-top:12px}.runner-panel{position:relative}.runner-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 18px;border-bottom:1px solid var(--border)}.runner-hint{color:#71859a;font-size:.74rem}.runner-canvas-wrap{position:relative;background:#06101d;padding:10px}.runner-canvas-wrap canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;border-radius:16px;background:#07111f;touch-action:none}.runner-overlay{position:absolute;inset:10px;display:grid;place-content:center;text-align:center;padding:24px;border-radius:16px;background:linear-gradient(180deg,rgba(3,12,23,.58),rgba(3,12,23,.88));backdrop-filter:blur(5px);z-index:3}.runner-overlay[hidden]{display:none}.runner-overlay h2{margin:0 0 10px;font-size:clamp(1.55rem,4vw,2.5rem);letter-spacing:-.04em}.runner-overlay p{max-width:560px;margin:0 auto 20px;color:#a7b8c9;line-height:1.55}.runner-start,.runner-push{border:0;border-radius:13px;background:var(--accent);color:#042033;font:inherit;font-weight:950;cursor:pointer}.runner-start{justify-self:center;min-height:46px;padding:0 20px}.runner-controls{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:14px;align-items:center;padding:14px 18px 18px}.runner-controls[hidden]{display:none!important}.runner-push{min-height:58px;font-size:1rem;box-shadow:0 8px 25px rgba(76,201,240,.16);user-select:none;-webkit-user-select:none}.runner-push:active{transform:translateY(2px) scale(.99)}.runner-status{color:#8fa3b7;font-size:.8rem;line-height:1.5}.runner-status strong{color:var(--text)}.runner-status.is-good{color:#75e8b0}.runner-status.is-danger{color:#ff8a8f}.runner-status.is-ready{color:#86dff5}.runner-mini-key{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 6px;border-radius:6px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:#c7d7e5;font-size:.7rem;font-weight:800}.runner-score-pop{position:absolute;pointer-events:none;font-weight:950;color:#5ee3a2;animation:runnerPop .7s ease forwards}.runner-overlay .game-share-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:min(100%,480px);margin:18px auto 0}.runner-overlay .game-share-actions .runner-start,.runner-overlay .game-share-actions .game-share-button{width:100%;max-width:none;min-height:46px;padding:0 10px;margin:0}.runner-overlay .game-share-status{margin-top:10px}@keyframes runnerPop{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@media(max-width:760px){.runner-toolbar{align-items:flex-start;flex-direction:column}.runner-hint{display:none}.runner-controls{grid-template-columns:1fr;padding:11px 12px 14px}.runner-push{min-height:64px}.runner-canvas-wrap{padding:6px}.runner-overlay{inset:6px;padding:16px}.runner-overlay p{font-size:.84rem;margin-bottom:12px}.runner-overlay .game-share-actions{gap:8px;margin-top:12px}.runner-overlay .game-share-actions .runner-start,.runner-overlay .game-share-actions .game-share-button{font-size:.82rem;min-height:44px}}
@media(max-width:760px){.runner-status{color:#b2c3d2;font-size:.86rem}.runner-mini-key{font-size:.76rem}.runner-overlay p{color:#b7c7d5;font-size:.9rem}.runner-overlay .game-share-actions .runner-start,.runner-overlay .game-share-actions .game-share-button{font-size:.9rem}}

@media(max-width:760px){.runner-status{color:#c0d0dc;font-size:.9375rem}.runner-mini-key{font-size:.875rem}.runner-overlay p{color:#c2d1de;font-size:1rem}.runner-start,.runner-push,.runner-overlay .game-share-actions .runner-start,.runner-overlay .game-share-actions .game-share-button{font-size:1rem}.runner-controls{position:sticky;z-index:8;bottom:0;padding-bottom:calc(14px + env(safe-area-inset-bottom));background:#07111f;border-top:1px solid rgba(255,255,255,.07);box-shadow:0 -14px 30px rgba(0,0,0,.22)}}

@media(max-width:520px){
  .runner-canvas-wrap:has(.runner-overlay:not([hidden])) canvas{display:none}
  .runner-overlay{position:relative;inset:auto;min-height:0;padding:20px 16px;overflow:visible}
  .runner-overlay .runner-start{width:100%;min-height:48px}
}