.mdl-shell{width:min(700px,100% - 32px)}.mdl-heading{margin-bottom:18px}.mdl-stage{width:620px;max-width:100%;margin:0 auto}.mdl-stage .movie-player{width:100%;max-width:100%;margin-top:0}.mdl-stage .movie-video-surface{border:1px solid var(--sp-line);min-height:0;box-shadow:0 0 0 6px #ffffff04,0 30px 80px #00000073}.mdl-stage .movie-video-corner-mask{z-index:3;background:#030405;width:76px;height:56px;display:block;position:absolute;top:0;left:0}.mdl-stage .movie-error{font-size:13px;line-height:1.5}.mdl-timeline{margin-top:14px}.mdl-track{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;height:14px;display:grid}.mdl-segment{background:#ffffff12;border-radius:4px;position:relative;overflow:hidden}.mdl-segment:first-child{border-radius:7px 4px 4px 7px}.mdl-segment:last-child{border-radius:4px 7px 7px 4px}.mdl-segment[data-unlocked=true]{background:color-mix(in srgb, var(--song-accent) 34%, #06120b)}.mdl-segment:after{background:var(--song-accent);content:"";transform:scaleX(var(--fill,0));transform-origin:0;position:absolute;inset:0}.mdl-ticks{color:var(--sp-dim);text-align:center;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;margin:6px 0 0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700;list-style:none;display:grid}.mdl-ticks li[data-unlocked=true]{color:var(--song-accent-text)}.mdl-ticks li[data-current=true]{color:#f3f7f4}.mdl-timeline-note{color:var(--sp-muted);text-align:center;margin:6px 0 0;font-size:13px}.mdl-bar{justify-content:space-between;align-items:center;gap:16px;margin:14px 0 10px;display:flex}.mdl-volume{min-height:44px;color:var(--sp-muted);align-items:center;gap:10px;font-size:13px;display:inline-flex}.mdl-volume input{width:110px;height:44px;accent-color:var(--song-accent);margin:0}.mdl-bar .sp-counter{margin:0}.mdl-guess-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.mdl-skip{border-radius:14px;min-height:52px}.mdl-progress{grid-template-columns:repeat(5,1fr);gap:5px;margin:14px 0 12px;padding:0;list-style:none;display:grid}.mdl-progress li{background:#ffffff1a;border-radius:2px;height:4px}.mdl-progress li[data-state=miss]{background:#ff6b5e}.mdl-progress li[data-state=correct]{background:var(--sp-green)}.mdl-guesses{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mdl-guess{border:1px solid var(--sp-line);background:var(--sp-card);border-radius:14px;grid-template-columns:28px 26px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:52px;padding:6px 14px;animation:.28s ease-out sp-in;display:grid}.mdl-guess-no{color:var(--sp-dim);text-align:center;font-size:12px;font-weight:600}.mdl-guess-mark{color:#ff8a80;background:#ff6b5e24;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.mdl-guess[data-result=correct]{border-color:#18f28799}.mdl-guess[data-result=correct] .mdl-guess-mark{background:var(--sp-green);color:var(--sp-green-on)}.mdl-guess strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;overflow:hidden}.mdl-guess[data-result=skip] strong{color:var(--sp-muted);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:500}.mdl-guess-year{color:var(--sp-muted);margin-left:6px;font-weight:400}.mdl-guess-note{color:var(--sp-dim);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.mdl-video-hint{color:var(--sp-dim);text-align:center;margin:14px 0 0;font-size:12px;line-height:1.6}@media (width<=600px){.mdl-heading h1{font-size:34px}.mdl-heading{margin-bottom:12px}.mdl-stage .movie-video-surface{border-radius:18px}.mdl-stage .songspot-play-key{width:64px;height:64px}.mdl-ticks{font-size:11px}.mdl-bar{margin:10px 0 8px}.mdl-volume input{width:84px}.mdl-guess{grid-template-columns:22px 26px minmax(0,1fr) auto;gap:8px;padding:6px 10px}}@media (prefers-reduced-motion:reduce){.mdl-guess{animation:none}}