.runner-guest-alert{margin-top:15px}#runner-container{margin-top:15px;padding:15px;background:#f8fafc;border-radius:8px}.runner-wrapper{max-width:820px;margin:0 auto}.runner-hud{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:10px 16px;border-radius:8px;border:1px solid #cbd5e1;margin-bottom:12px}.hud-stat{font-size:14px;color:#334155}.hud-stat strong{color:#0f172a;font-size:16px}#runner-coins,.overlay-card h2,#runner-start-btn,.gameover-title{font-family:"Noto Color Emoji","Apple Color Emoji","Segoe UI Emoji",sans-serif}.runner-canvas-container{position:relative;width:100%;border-radius:8px;overflow:hidden;background:#0f172a;box-shadow:0 4px 12px rgba(0,0,0,.15)}#runner-canvas{width:100%;height:auto;display:block}.runner-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(15,23,42,.85);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:10}.overlay-card{background:#fff;padding:24px;border-radius:12px;text-align:center;max-width:360px;width:90%;box-shadow:0 10px 25px rgba(0,0,0,.3)}.overlay-card h2{margin-top:0;color:#0f172a;font-size:22px}.overlay-card p{color:#475569;font-size:14px;margin-bottom:18px}.gameover-title{color:#ef4444 !important}.record-badge{background:#f59e0b;color:#fff;font-weight:bold;padding:6px 12px;border-radius:20px;display:inline-block;margin-bottom:15px;animation:pulseRecord 1s infinite alternate}@keyframes pulseRecord{from{transform:scale(1)}to{transform:scale(1.08)}}.runner-btn{background:#3b82f6;color:#fff;border:0;padding:10px 20px;font-size:15px;font-weight:bold;border-radius:8px;cursor:pointer;transition:background .15s,transform .1s}.runner-btn:hover{background:#2563eb;transform:translateY(-1px)}.runner-btn-lg{padding:12px 28px;font-size:16px;width:100%}.runner-controls{display:flex;gap:12px;margin-top:12px}.runner-ctrl-btn{flex:1;padding:14px;font-size:15px;font-weight:bold;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#0f172a;cursor:pointer;user-select:none;transition:background .1s,transform .05s;text-align:center}.runner-ctrl-btn:active{background:#e2e8f0;transform:scale(0.98)}.btn-jump{border-color:#3b82f6;color:#2563eb}.btn-duck{border-color:#f59e0b;color:#d97706}.runner-guide{margin-top:20px;background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.runner-guide h4{margin-top:0;color:#0f172a}.runner-guide ul{margin:0;padding-left:20px;color:#475569;font-size:13px}.runner-guide li{margin-bottom:6px}.runner-leaderboards{display:flex;gap:20px;margin-top:24px}.leaderboard-col{flex:1;background:#fff;padding:16px;border-radius:8px;border:1px solid #e2e8f0}.leaderboard-col h3{margin-top:0;font-size:16px;color:#0f172a;border-bottom:2px solid #e2e8f0;padding-bottom:8px}@media(max-width:600px){.runner-leaderboards{flex-direction:column}}@media(prefers-color-scheme:dark){#runner-container{background:#181c24}.runner-hud,.runner-guide,.leaderboard-col{background:#1e2430;border-color:#2e3848}.hud-stat{color:#cbd5e1}.hud-stat strong{color:#f8fafc}.overlay-card{background:#1e2430;color:#f8fafc}.overlay-card h2{color:#f8fafc}.overlay-card p{color:#94a3b8}.runner-ctrl-btn{background:#252d3a;border-color:#3b4658;color:#f8fafc}.btn-jump{color:#60a5fa}.btn-duck{color:#fbbf24}.runner-guide h4,.leaderboard-col h3{color:#f8fafc}.runner-guide ul{color:#cbd5e1}}