#screen-speed-genre{flex-direction:column;align-items:center;gap:20px;padding:72px 32px 24px;justify-content:flex-start;overflow-y:auto}#screen-speed-round,#screen-chal-speed{padding:24px 32px 0;align-items:safe center;overflow-y:auto}#screen-speed-round .game-card,#screen-chal-speed .game-card{margin-bottom:24px}#screen-speed-round .vinyl-label,#screen-chal-speed .vinyl-label{background:radial-gradient(circle at 38% 34%,var(--accent2),var(--accent) 75%);box-shadow:0 0 0 1px rgba(0,0,0,0.4),0 0 16px color-mix(in srgb,var(--accent) 70%,transparent)}#screen-speed-round .mystery-tagline,#screen-chal-speed .mystery-tagline{font-size:28px;font-weight:800;color:var(--text);line-height:1.15}@media (max-width: 680px){#screen-speed-genre{padding-top:max(24px,env(safe-area-inset-top));padding-left:20px;padding-right:20px;padding-bottom:calc(var(--mobile-tab-height) + 12px + env(safe-area-inset-bottom,0px))}#screen-speed-round,#screen-chal-speed{top:0;height:calc(100% - var(--mobile-tab-height) - env(safe-area-inset-bottom,0px));padding:0;align-items:flex-start;overflow-y:auto}#screen-speed-round .screen-stack,#screen-chal-speed .screen-stack{height:100%}#screen-speed-round .game-card,#screen-chal-speed .game-card{margin-top:auto;margin-bottom:auto}#screen-speed-round .mystery-tagline,#screen-chal-speed .mystery-tagline{font-size:18px}}.speed-band-box{width:380px;max-width:100%}.speed-band-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:10px;border:none;background:var(--accent);color:var(--bg);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity 0.15s,background 0.15s,color 0.15s,width 0.15s,height 0.15s,border-radius 0.15s}.speed-band-clear:hover{opacity:0.85}.speed-band-clear.has-band{width:30px;height:30px;border-radius:50%;background:var(--surface2);color:var(--muted);opacity:1}.speed-band-clear.has-band:hover{color:var(--text);background:var(--border)}.speed-band-picked.hidden{display:none}.speed-band-picked{display:inline-flex;align-items:center;gap:8px;padding:6px 9px;border-radius:999px;background:var(--surface2);color:var(--text);font-size:12px;font-weight:700}.speed-band-picked img{width:22px;height:22px;border-radius:50%;object-fit:cover}.speed-or-divider{position:relative;width:380px;max-width:100%;text-align:center;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0.1em}.speed-or-divider::before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border);z-index:0}.speed-or-divider span{position:relative;z-index:1;background:var(--bg);padding:0 14px}.speed-genre-section{width:580px;max-width:100%}#screen-speed-round .screen-stack,#screen-chal-speed .screen-stack{align-items:center;max-height:none}#speed-round-card.speed-complete{animation:speed-complete-glow 1.35s ease-out}@keyframes speed-complete-glow{0%{transform:scale(1);box-shadow:0 12px 32px rgba(0,0,0,0.28)}28%{transform:scale(1.012);border-color:var(--accent2);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent2) 58%,transparent),0 0 46px color-mix(in srgb,var(--accent) 34%,transparent),0 20px 54px rgba(0,0,0,0.34)}100%{transform:scale(1);box-shadow:0 12px 32px rgba(0,0,0,0.28)}}.speed-live-score{display:flex;align-items:center;gap:7px;padding:7px 14px 7px 12px;border-radius:999px;font-weight:800;background:color-mix(in srgb,var(--accent2) 14%,var(--surface2));color:var(--accent2);font-size:13px;letter-spacing:0.02em;transition:color 0.2s,background 0.2s}.speed-live-score::before{content:"";width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--accent2);box-shadow:0 0 6px color-mix(in srgb,var(--accent2) 70%,transparent)}.speed-live-score.dropped{color:color-mix(in srgb,var(--red) 80%,var(--muted));background:color-mix(in srgb,var(--red) 14%,var(--surface2));animation:speed-live-score-drop 0.4s ease}.speed-live-score.dropped::before{background:color-mix(in srgb,var(--red) 80%,var(--muted));box-shadow:0 0 6px color-mix(in srgb,var(--red) 70%,transparent)}@keyframes speed-live-score-drop{0%{transform:scale(1.18)}100%{transform:scale(1)}}.speed-score-value{font-size:26px;font-weight:900;color:var(--accent);margin-top:2px}.speed-compare-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:999px;background:var(--surface2);color:var(--accent2);font-size:12px;font-weight:700}.speed-compare-badge.below-average{color:color-mix(in srgb,var(--red) 75%,var(--muted))}.speed-score-meta{font-size:11px;color:var(--muted);font-weight:600}.speed-next-hint{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px}
