/* Desktop keeps its three-column sidebars. Mobile starts with the game. */
.songspot-mobile-panel,.songspot-mobile-panel-body{display:contents}
.songspot-mobile-toggle{display:none}
.songspot-layout .songspot-filters{order:0}
.songspot-layout>.songspot-center{order:1}
.songspot-layout .songspot-leaderboard{order:2}
@media(max-width:900px){
  .songspot-page{min-height:0;margin-top:12px;padding:0 4px 8px}
  .songspot-page .songspot-panel{min-height:0;margin:0;padding:12px;border-radius:20px}
  .songspot-page .songspot-layout{display:flex;flex-direction:column;gap:10px}
  .songspot-page .songspot-center{order:0;width:100%;min-width:0}
  .songspot-page .songspot-mobile-panel{display:block;order:1;width:100%;min-width:0}
  .songspot-page .songspot-mobile-panel-body{display:block}
  .songspot-page .songspot-mobile-panel:not(.is-open)>.songspot-mobile-panel-body{display:none}
  .songspot-page .songspot-mobile-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:9px 12px;border:1px solid rgba(148,163,184,.2);border-radius:13px;background:rgba(15,23,42,.5);text-align:left}
  .songspot-mobile-toggle>span{display:grid;gap:3px;min-width:0}
  .songspot-mobile-toggle b{font-size:12px}
  .songspot-mobile-toggle small{color:var(--muted);font-size:10px;line-height:1.3;overflow-wrap:anywhere}
  .songspot-mobile-toggle i{flex:none;color:#67e8f9;font-size:20px;font-style:normal;transition:transform .18s}
  .songspot-mobile-panel.is-open>.songspot-mobile-toggle i{transform:rotate(180deg)}
  .songspot-page .songspot-filters,.songspot-page .songspot-leaderboard{width:100%;margin-top:8px}
  .songspot-page .songspot-filters>h2{display:none}
  .songspot-page .songspot-center>.eyebrow{margin:0 0 5px;font-size:9px;letter-spacing:.08em}
  .songspot-page .songspot-title-row{align-items:center;gap:8px;margin-bottom:8px}
  .songspot-page .songspot-title-row h1{margin:0;font-size:28px;line-height:1.1;letter-spacing:-.04em}
  .songspot-page .songspot-title-row .lyrics-solo-streak{min-width:56px;padding:6px 8px;border-radius:13px}
  .songspot-page .songspot-title-row .lyrics-solo-streak small{font-size:8px}
  .songspot-page .songspot-title-row .lyrics-solo-streak b{font-size:22px}
  .songspot-page .songspot-region-picker{gap:6px;margin:0 auto 8px}
  .songspot-page .songspot-region-picker .music-region-option{min-height:44px;padding:6px 9px;gap:7px}
  .songspot-page .songspot-region-picker .music-region-option-icon{width:26px;height:26px;font-size:15px}
  .songspot-page .songspot-region-picker b{font-size:11px}
  .songspot-page .songspot-level-picker{gap:4px;margin:0 0 8px}
  .songspot-page .songspot-level-picker button{min-height:32px;padding:6px 9px;font-size:10px}
  .songspot-page .songspot-current-tier:empty{display:none}
  .songspot-page .songspot-round{grid-template-columns:1fr 1fr;grid-template-areas:"timeline timeline" "play play" "input input" "submit skip" "volume volume";gap:8px;padding:16px 12px 12px;border-radius:16px}
  .songspot-page .songspot-round>.songspot-timeline{margin:0 0 14px}
  .songspot-page .songspot-timeline-track{height:10px}
  .songspot-page .songspot-timeline-track>span>b{font-size:9px}
  .songspot-page .songspot-play-area{margin:4px auto 6px}
  .songspot-page .songspot-play-area .songspot-play-button{width:86px;height:86px;font-size:30px}
  .songspot-page .songspot-round>.songspot-answer-form,.songspot-page .songspot-round>.songspot-answer-form>div{display:contents!important}
  .songspot-page .songspot-round .songspot-answer-input-wrap{grid-area:input;min-width:0;width:100%}
  .songspot-page .songspot-round .songspot-answer-input-wrap input{min-height:44px;padding:10px 12px;font-size:16px}
  .songspot-page .songspot-round>.songspot-answer-form button{grid-area:submit;width:100%;min-width:0;min-height:44px;padding:10px;font-size:12px}
  .songspot-page .songspot-round>.songspot-skip{grid-area:skip;min-width:0;min-height:44px;padding:10px;font-size:12px}
  .songspot-page .songspot-round>.music-track-volume{margin:2px auto 0!important;min-height:36px;padding:6px 8px}
  .songspot-page .songspot-suggestions{max-height:min(240px,35dvh)}
  .songspot-page .songspot-start{padding:16px 12px}
  .songspot-page .songspot-start h2{font-size:23px;margin:8px 0}
  .songspot-page .songspot-start .songspot-icon{font-size:36px}
  .songspot-page .songspot-stage-list{margin-top:10px;padding:8px}
  .songspot-page .songspot-stage-list small{display:none}
  .songspot-page .songspot-best{margin:10px auto}
  .light-theme .songspot-mobile-toggle{background:#f1f5ff;color:#17213b;border-color:#b6c8e5}
}
@media(max-width:350px){.songspot-page .songspot-title-row h1{font-size:25px}.songspot-page .songspot-panel{padding:10px}}
@media(max-width:900px) and (max-height:700px){
  .songspot-page .songspot-play-area .songspot-play-button{width:72px;height:72px;font-size:26px}
  .songspot-page .songspot-title-row h1{font-size:25px}
  .songspot-page .songspot-panel{padding:10px}
  .songspot-page .songspot-play-area{margin:2px auto 4px}
}
@media(prefers-reduced-motion:reduce){.songspot-mobile-toggle i{transition:none}}