body[data-screen=menu] main,body[data-screen=menu]>footer,body[data-screen=menu] #backToMusic{display:none}body[data-screen=game] #musicMenu{display:none}body[data-screen=menu]{background:#101218}body[data-screen=menu] header{height:65px;border-bottom:1px solid #494444;background:#0c0f15}.arcade-head{display:flex;justify-content:space-between;align-items:center;padding:18px 3.5% 16px;background:linear-gradient(105deg,#25272c 58%,#333135);border-top:6px solid #fa9f1a;border-bottom:3px solid #06090f;box-shadow:inset 0 3px #ffd445}.arcade-head h1{margin:3px 0 0;font:800 italic clamp(29px,4vw,55px)/1 'Barlow Condensed';letter-spacing:1px;text-shadow:0 3px #000;color:#fff}.arcade-head h1 i{color:#ffcf41;font-style:normal;margin-right:20px}.arcade-head h1>span{display:inline-block;color:#73ddd4;font-size:29px;margin-left:24px;vertical-align:middle}.arcade-kicker{font-size:8px;letter-spacing:2.6px;color:#959ea9;margin-left:2px}.credit{text-align:right}.credit small{font-size:9px;letter-spacing:3px;color:#f9d571}.credit strong{display:block;color:#d7f940;font:800 italic 35px 'Barlow Condensed';text-shadow:2px 2px #000}.arcade-body{display:grid;grid-template-columns:minmax(320px,.95fr) minmax(380px,1.18fr);gap:clamp(25px,4vw,65px);padding:22px 4%;max-width:1500px;margin:auto;background:radial-gradient(ellipse at 18% 45%,#4c637122,transparent 50%)}.record-panel{min-width:0}.stage-strip{display:flex;justify-content:space-between;border-top:3px solid #d57a22;background:linear-gradient(90deg,#202a31,#171b24);padding:8px 13px}.stage-strip>span{display:flex;align-items:baseline;gap:10px}.stage-strip small{font:600 10px 'Barlow Condensed';letter-spacing:2px;color:#a9afb7}.stage-strip b{font:700 italic 27px 'Barlow Condensed';color:#67e8e3}.stage-strip span:nth-child(2) b{color:#fff}.stage-strip span:last-child b{color:#e8d6b4}.stage-strip em{font-size:10px;font-style:normal;margin-left:3px}.turntable{position:relative;height:clamp(230px,32vh,350px);display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#28344488,transparent 68%);overflow:hidden}.turntable-caption{position:absolute;top:12px;left:0;font-size:7px;letter-spacing:2px;color:#667380}.vinyl{height:87%;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;border:4px solid #060809;background:repeating-radial-gradient(circle,#14191e 0px,#14191e 1px,#080b10 2px,#10151d 3px);box-shadow:0 12px 40px #000b,0 0 0 2px #3b414a;animation:vinyl-spin 14s linear infinite}.vinyl:after{content:'';position:absolute;inset:1px;border-radius:50%;background:conic-gradient(transparent 0deg,#d4e0ed15 30deg,transparent 65deg,transparent 170deg,#d4e0ed1a 205deg,transparent 245deg);pointer-events:none}.vinyl-label{width:60%;height:60%;border:2px solid #828d9666;border-radius:50%;overflow:hidden;background:#247b83;display:grid;place-items:center;box-shadow:0 0 0 5px #05070a}.vinyl-label img{width:100%;height:100%;object-fit:cover}.vinyl-label>span{font:800 italic 50px 'Barlow Condensed';color:#c6f0dd}.spindle{position:absolute;width:12px;height:12px;background:#b9cad4;border:4px solid #161a20;border-radius:50%;box-shadow:0 0 0 1px #d7dee7}.tonearm{position:absolute;right:9%;top:15%;width:7px;height:61%;background:linear-gradient(90deg,#535d69,#c4ced7,#4c5661);transform:rotate(-20deg);transform-origin:top;border-radius:5px;box-shadow:4px 6px 4px #0006}.tonearm:before{content:'';position:absolute;top:-9px;left:-9px;width:25px;height:25px;border:5px solid #38424e;background:#94a3b1;border-radius:50%}.tonearm i{position:absolute;bottom:-7px;left:-7px;width:19px;height:34px;background:#ced6d9;border:3px solid #434d5e;transform:rotate(15deg);border-radius:3px}.record-halo{position:absolute;width:80%;height:90%;border-radius:50%;background:radial-gradient(ellipse,#68f4dc10,transparent 67%)}.rpm{position:absolute;left:8px;bottom:18px;font:600 24px 'Barlow Condensed';color:#b9c7d4;line-height:.8}.rpm small{font-size:7px;letter-spacing:3px}.record-status{position:absolute;right:0;bottom:15px;color:#92a3b7;font-size:7px;letter-spacing:1.3px}.record-status i{display:inline-block;width:5px;height:5px;background:#75f2b5;border-radius:50%;margin-right:5px}.record-title{padding:10px 14px 12px;border:1px solid #62604f;border-left:4px solid #ffe169;background:linear-gradient(105deg,#31312a,#1a2029);box-shadow:inset 0 0 0 2px #11151b}.record-title>small{font-size:8px;letter-spacing:2px;color:#a8aaa4}.record-title h2{font:800 italic clamp(26px,3.6vw,43px)/1 'Barlow Condensed';color:#fff2b7;margin:6px 0;text-transform:uppercase;overflow-wrap:anywhere;text-shadow:2px 2px #000}.record-title p{margin:0;color:#b9c4d0;font-size:11px}.difficulty-cards{display:flex;gap:8px;margin-top:13px}.difficulty-card{flex:1;border-radius:2px;padding:8px 8px;display:grid;grid-template-columns:1fr auto;text-align:left;background:#181e28;border-color:#343e4a;color:#8998ad;position:relative}.difficulty-card span{font:700 14px 'Barlow Condensed';letter-spacing:1px}.difficulty-card b{grid-row:1 / 3;grid-column:2;align-self:center;font:800 31px 'Barlow Condensed';color:#aeb9c8}.difficulty-card small{font-size:7px;letter-spacing:1.4px}.difficulty-card.chosen{background:#374321;border-color:#c5ed56;box-shadow:inset 0 -3px #b5e548;color:#d7ff7b}.difficulty-card.chosen b{color:#e7ffaf}.difficulty-card:nth-child(2).chosen{border-color:#ffca54;background:#463522;color:#ffe1a8;box-shadow:inset 0 -3px #ffbc45}.difficulty-card:nth-child(2).chosen b{color:#ffe9ae}.difficulty-card:nth-child(3).chosen{border-color:#fc6898;background:#452333;color:#ffaec7;box-shadow:inset 0 -3px #ee6199}.difficulty-card:nth-child(3).chosen b{color:#ffbcd3}.step-meter{display:flex;gap:4px;margin:15px 2px 11px}.step-meter i{height:10px;flex:1;background:#2d3543;transform:skew(-16deg)}.step-meter .lit{background:#d8ed51;box-shadow:0 0 8px #c9e74022}.chart-facts{display:flex;justify-content:space-between;color:#707f93;font-size:8px;letter-spacing:1px}.chart-facts b{color:#d7e1ed;font:600 18px 'Barlow Condensed';margin-right:4px}.wheel-panel{min-width:0}.wheel-toolbar{display:flex;gap:10px;margin-bottom:13px;height:34px}.music-search{display:flex;align-items:center;gap:8px;flex:1;border-bottom:1px solid #435064;font-size:24px;color:#87a2b6}.music-search input{width:100%;min-width:0;background:transparent;border:0;color:#d7e2ee;outline:none;font:11px 'DM Sans';padding:8px 0}.music-search:focus-within{border-color:#ffcf53}#musicSort{margin:0;width:137px;padding:5px 7px;background:#19202b;font-size:8px;letter-spacing:.5px}.wheel-meta{display:flex;justify-content:space-between;color:#7c899b;font-size:8px;letter-spacing:2px;margin:15px 0 8px}.song-wheel{height:clamp(360px,51vh,510px);display:flex;flex-direction:column;justify-content:center;gap:6px;overflow:hidden;padding:7px 0;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent)}.wheel-song{display:flex;align-items:center;gap:13px;text-align:left;flex:1;min-height:0;border-radius:3px;border:1px solid #514032;border-left:3px solid #625449;background:linear-gradient(105deg,#141920 63%,#614019);padding:5px 14px 5px 11px;position:relative;width:calc(100% - var(--distance)*11px);margin-left:calc(var(--distance)*11px);opacity:calc(1 - var(--distance)*.14);transition:background .15s,border-color .15s;letter-spacing:0}.wheel-song:after{content:'';position:absolute;right:0;inset-block:0;width:80px;background:repeating-linear-gradient(130deg,transparent 0 6px,#ffb1440b 6px 7px);pointer-events:none}.wheel-art{height:90%;max-height:48px;aspect-ratio:1;background:#1f3139;flex-shrink:0;overflow:hidden;display:grid;place-items:center;color:#a9c8c8;font-size:24px}.wheel-art img{width:100%;height:100%;object-fit:cover}.wheel-song-title{min-width:0;flex:1}.wheel-song-title strong{display:block;color:#9ceaa7;font:700 italic clamp(19px,2vw,27px)/1 'Barlow Condensed';text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wheel-song-title small{display:block;color:#749d8e;font:600 italic 12px 'Barlow Condensed';letter-spacing:.4px;margin-top:3px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wheel-level{color:#d6c09b;font:800 28px 'Barlow Condensed';display:flex;align-items:baseline;gap:5px;margin-left:auto;min-width:42px}.wheel-level small{font-size:8px}.wheel-song.selected{flex:1.25;opacity:1;border:2px solid #ffdc60;border-left:5px solid #ffe59c;box-shadow:0 0 13px #ffa62c44,inset 0 0 14px #ed9b2722;background:linear-gradient(100deg,#563717,#b16c1d);padding-right:29px}.wheel-song.selected .wheel-song-title strong{color:#f0ffb9;font-size:clamp(24px,2.6vw,34px);text-shadow:2px 2px #4c310e}.wheel-song.selected .wheel-song-title small{color:#f7e7ab}.wheel-song.selected .wheel-level{color:#ffedb3}.selection-arrow{position:absolute;right:8px;color:#fff2af;font-size:14px}.wheel-navigation{display:flex;align-items:center;gap:8px;margin:8px 0 15px}.wheel-navigation>span{font-size:7px;color:#647488;letter-spacing:1.8px;flex:1}.wheel-navigation button{padding:7px 11px;background:#202733;border-color:#3a424b;color:#b9c9d8;font-size:10px}#roulette{margin-left:12px;color:#e7d375;font-size:8px}.select-actions{display:flex;gap:10px;height:50px}.select-actions button{border-radius:3px;display:flex;justify-content:space-between;align-items:center;font:700 italic 21px 'Barlow Condensed';letter-spacing:1px}.select-actions #menuDemo{flex:.7;color:#9fbece;border-color:#42505e;background:#1b2631;font-size:15px}.select-actions #menuPlay{flex:1;background:linear-gradient(#ffe37c,#e8ac30);color:#2c250e;border-color:#ffe488;box-shadow:0 3px 0 #8d5a15}.select-actions #menuPlay:hover{background:#ffed9d}.selection-hint{font-size:8px;letter-spacing:1px;color:#728197;text-align:right;margin-top:14px}.selection-hint i{margin:0 7px;color:#e4ad36}.arcade-foot{padding:14px 4%;border-top:1px solid #394451;display:flex;justify-content:space-between;gap:15px;background:#171d26;color:#677b91;font-size:8px;letter-spacing:1px}.arcade-foot>span:first-child{color:#69dff2;font:700 italic 15px 'Barlow Condensed'}.arcade-foot b{color:#c6d4e3;margin-left:5px}.no-music{display:grid;place-content:center;text-align:center;gap:18px;height:100%;color:#e6d6a5;font:700 27px 'Barlow Condensed'}.no-music small{font:12px 'DM Sans';letter-spacing:0}.no-music button{margin-top:10px}@keyframes vinyl-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.vinyl{animation:none}.wheel-song{transition:none}}@media(max-width:1024px){.arcade-body{grid-template-columns:1fr;gap:25px;padding:16px 5%}.turntable{height:260px}.arcade-head h1{font-size:32px}.arcade-head h1 i{margin-right:8px}.arcade-head h1>span{display:none}.credit strong{font-size:24px}.arcade-kicker{font-size:6px}.arcade-foot{font-size:6px}.arcade-foot>span:last-child{display:none}.song-wheel{height:450px}.record-title h2{font-size:32px}.wheel-song-title strong{font-size:24px}.wheel-song.selected .wheel-song-title strong{font-size:29px}.stage-strip{font-size:10px}.record-panel{max-width:560px;width:100%;margin:auto}}@media(min-width:1025px) and (max-height:760px){.arcade-head{padding-top:10px;padding-bottom:10px}.arcade-head h1{font-size:38px}.arcade-body{padding-top:12px;padding-bottom:14px}.turntable{height:230px}.record-title h2{font-size:30px}.song-wheel{height:350px}.wheel-meta{margin-top:8px}.wheel-toolbar{margin-bottom:8px}.difficulty-card b{font-size:25px}.difficulty-card{padding:6px}.arcade-foot{padding:10px 4%}}
.arcade-head h1,.record-title h2,.credit strong,.difficulty-card b,.wheel-level{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-style:italic}.wheel-song{max-height:72px}.wheel-song.selected{max-height:85px}.audio-warning{display:block;color:#f6b65c!important;font:9px 'DM Sans'!important;letter-spacing:.5px!important;margin-top:8px}.record-title .audio-warning[hidden]{display:none!important}
#favoriteSong{padding:7px 12px;margin:7px 0;font-size:10px}#favoritesFilter{padding:6px 10px;font-size:9px}#favoriteSong[aria-pressed=true],#favoritesFilter[aria-pressed=true]{color:#ffe18a;border-color:#ffce59;background:#493318}
/* Theme the arcade selector while preserving its classic amber skin. */
body[data-screen=menu][data-theme=neon]{--menu-bg:#100e1b;--menu-panel:#201831;--menu-accent:#71ffe3;--menu-secondary:#c09bff;--menu-selected:#244b49;--menu-text:#d6fff5}
body[data-screen=menu][data-theme=sakura]{--menu-bg:#1b111c;--menu-panel:#352037;--menu-accent:#ff9ccc;--menu-secondary:#dfb5ff;--menu-selected:#65334d;--menu-text:#ffe6f1}
body[data-screen=menu][data-theme=amber]{--menu-bg:#17130d;--menu-panel:#332718;--menu-accent:#ffcf75;--menu-secondary:#ffa950;--menu-selected:#68451d;--menu-text:#fff2c8}
body[data-screen=menu]:is([data-theme=neon],[data-theme=sakura],[data-theme=amber],[data-theme=ocean],[data-theme=ruby],[data-theme=forest],[data-theme=monochrome]){background:var(--menu-bg)}
body[data-screen=menu]:is([data-theme=neon],[data-theme=sakura],[data-theme=amber],[data-theme=ocean],[data-theme=ruby],[data-theme=forest],[data-theme=monochrome]) header{background:var(--menu-bg);border-color:var(--menu-secondary)}
body[data-screen=menu]:is([data-theme=neon],[data-theme=sakura],[data-theme=amber],[data-theme=ocean],[data-theme=ruby],[data-theme=forest],[data-theme=monochrome]) #musicMenu{
 .arcade-head{background:linear-gradient(110deg,var(--menu-panel),var(--menu-bg));border-top-color:var(--menu-accent);box-shadow:inset 0 3px var(--menu-secondary)}
 .arcade-head h1 i,.arcade-head h1>span,.credit strong,.stage-strip b,.wheel-level,.record-title h2,.arcade-foot b{color:var(--menu-accent)}
 .stage-strip,.arcade-foot{background:var(--menu-panel);border-color:var(--menu-secondary)}
 .turntable{background:radial-gradient(ellipse at center,color-mix(in srgb,var(--menu-secondary) 22%,transparent),var(--menu-bg));border-color:var(--menu-secondary)}
 .record-halo{border-color:var(--menu-accent);box-shadow:0 0 45px color-mix(in srgb,var(--menu-accent) 25%,transparent)}
 .vinyl-label{background:var(--menu-panel);border-color:var(--menu-accent)}
 .spindle,.tonearm{background:var(--menu-secondary)}
 .rpm,.record-status,.turntable-caption{color:var(--menu-accent)}
 .wheel-song{background:linear-gradient(105deg,var(--menu-bg) 55%,var(--menu-panel));border-color:color-mix(in srgb,var(--menu-secondary) 50%,var(--menu-bg))}
 .wheel-song-title strong{color:var(--menu-text)}
 .wheel-song-title small,.wheel-meta,.record-title p{color:color-mix(in srgb,var(--menu-text) 65%,var(--menu-secondary))}
 .wheel-song.selected{background:linear-gradient(100deg,var(--menu-panel),var(--menu-selected));border-color:var(--menu-accent);box-shadow:0 0 16px color-mix(in srgb,var(--menu-accent) 30%,transparent)}
 .wheel-song.selected .wheel-song-title strong,.wheel-song.selected .wheel-song-title small,.wheel-song.selected .wheel-level,.selection-arrow{color:var(--menu-accent);text-shadow:none}
 .wheel-song:after{background:repeating-linear-gradient(130deg,transparent 0 6px,color-mix(in srgb,var(--menu-accent) 8%,transparent) 6px 7px)}
 .difficulty-card{background:var(--menu-panel);border-color:var(--menu-secondary)}
 .difficulty-card.chosen{background:var(--menu-selected);border-color:var(--menu-accent);color:var(--menu-text)}
 .difficulty-card b{color:var(--menu-accent)}
 .step-meter i.lit{background:var(--menu-accent);box-shadow:0 0 6px color-mix(in srgb,var(--menu-accent) 40%,transparent)}
 #menuPlay{background:var(--menu-accent);border-color:var(--menu-accent);color:var(--menu-bg)}
 #menuDemo,.wheel-navigation button,.music-search,#musicSort{background:var(--menu-panel);border-color:var(--menu-secondary);color:var(--menu-text)}
 #favoriteSong[aria-pressed=true],#favoritesFilter[aria-pressed=true]{background:var(--menu-selected);border-color:var(--menu-accent);color:var(--menu-accent)}
}
body[data-screen=menu]:is([data-theme=neon],[data-theme=sakura],[data-theme=amber],[data-theme=ocean],[data-theme=ruby],[data-theme=forest],[data-theme=monochrome]) #musicMenu .record-title{background:linear-gradient(110deg,var(--menu-panel),var(--menu-bg));border-color:var(--menu-secondary);border-left-color:var(--menu-accent)}
body[data-screen=menu]:is([data-theme=neon],[data-theme=sakura],[data-theme=amber],[data-theme=ocean],[data-theme=ruby],[data-theme=forest],[data-theme=monochrome]) #musicMenu .difficulty-card.chosen{box-shadow:inset 0 -3px var(--menu-accent)}
body[data-screen=menu]:is([data-theme=neon],[data-theme=sakura],[data-theme=amber],[data-theme=ocean],[data-theme=ruby],[data-theme=forest],[data-theme=monochrome]) #menuPlay{box-shadow:0 4px 0 var(--menu-secondary)}

/* Keep the needle over the grooves while the record settles independently. */
.turntable{isolation:isolate}.record-halo{z-index:0}.vinyl-drop{position:relative;height:87%;aspect-ratio:1;z-index:1}.vinyl-drop .vinyl{height:100%}.tonearm{z-index:3;left:calc(50% + 100px);right:auto;transform:rotate(24deg);pointer-events:none}.turntable-caption,.rpm,.record-status{z-index:4}
/* Keep the stylus on the groove band, outside the central artwork. */
.turntable{container-type:size}
.tonearm{left:calc(50% + 40cqh);top:15%;height:46%;transform:rotate(15deg)}
.offline-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 12px}.offline-controls button{font-size:11px;padding:8px 10px}.offline-controls small{font-size:11px;color:var(--muted,#a2a7b7);flex-basis:100%;overflow-wrap:anywhere}.offline-controls [hidden]{display:none}

/* Per-chart records stay compact beside the song wheel. */
.selected-best{display:flex;align-items:center;gap:13px;margin-top:17px;padding:12px 14px;border:1px solid var(--menu-secondary,#52616b);border-left:3px solid var(--menu-accent,#d8ed51);background:var(--menu-panel,#19202a)}
.score-grade{font:800 italic 32px/1 'Barlow Condensed',sans-serif;color:var(--menu-accent,#d8ed51);min-width:26px;text-align:center}
.selected-best>span:last-child{display:grid;gap:3px}.selected-best small{font-size:8px;letter-spacing:1px;color:var(--menu-text,#c6d4e3)}.selected-best strong{font:700 24px/1 'Barlow Condensed',sans-serif;color:#fff}.selected-best time,.score-entry time{font-size:10px;color:var(--muted,#9ca9b8)}
.song-leaderboard{margin-top:9px;border:1px solid var(--menu-secondary,#3a4655);background:var(--menu-panel,#19202a);border-radius:4px}.song-leaderboard summary{cursor:pointer;padding:12px;font-size:11px;font-weight:700;letter-spacing:1px;color:var(--menu-text,#d9e3ee)}.song-leaderboard summary small{float:right;font-size:8px;font-weight:400;color:var(--muted,#9ca9b8);letter-spacing:.5px}.song-leaderboard summary:focus-visible{outline:2px solid var(--menu-accent,#d8ed51);outline-offset:2px}.song-leaderboard ol{list-style:none;margin:0;padding:0 12px}.song-leaderboard li{display:flex;gap:10px;align-items:center;padding:9px 0;border-top:1px solid #ffffff18}.score-rank{font-size:10px;color:var(--muted,#9ca9b8)}.score-entry{display:grid;gap:3px;min-width:0}.score-entry strong{font:700 18px 'Barlow Condensed',sans-serif;color:var(--menu-text,#e0e7ef)}.score-entry strong small{font:10px 'DM Sans',sans-serif;margin-left:7px}.score-entry>span{font-size:9px;color:var(--menu-text,#bbc8d5);text-transform:uppercase;overflow-wrap:anywhere}.leaderboard-note,.score-empty{font-size:10px;line-height:1.5;color:var(--muted,#9ca9b8)}.leaderboard-note,.song-leaderboard p{margin:9px 12px 12px}.wheel-best{display:block;margin-top:3px;font-size:9px;font-weight:500;color:var(--menu-text,#dae9d8);line-height:1}.wheel-best b{color:var(--menu-accent,#d8ed51);margin-right:4px}.wheel-song:has(.wheel-best) .wheel-song-title strong{font-size:clamp(18px,1.9vw,25px)}.wheel-song.selected:has(.wheel-best) .wheel-song-title strong{font-size:clamp(22px,2.4vw,30px)}

/* Large navigation targets, including keyboards and touch screens. */
#previousSong,#nextSong{min-width:48px;min-height:48px;padding:10px;font-size:20px;line-height:1}
@media(max-width:1024px){
 .arcade-head{padding:10px 12px}.arcade-head h1{font-size:27px}.credit strong{font-size:20px}.credit small{font-size:7px}
 .arcade-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;padding:12px 10px;align-items:start;overflow:hidden}
 .record-panel{width:100%;min-width:0;margin:0}.stage-strip{padding:6px;gap:6px;flex-wrap:wrap}.stage-strip>span{gap:3px}.stage-strip>span:first-child{display:none}.stage-strip small{font-size:7px;letter-spacing:.5px}.stage-strip b{font-size:20px}.stage-strip em{font-size:7px}
 .turntable{height:clamp(170px,30vh,250px);overflow:hidden}.vinyl-drop{position:absolute;height:92%;left:-48%;top:4%}.tonearm{left:58%;top:12%;height:43%;transform:rotate(18deg)}.turntable-caption,.rpm{display:none}.record-status{max-width:100%;font-size:7px;padding:6px;bottom:0;left:0;right:auto;letter-spacing:0;white-space:normal}
 .record-title{padding:8px;border-left-width:3px}.record-title h2{font-size:clamp(20px,5.6vw,31px);line-height:1.05}.record-title>small{font-size:6px;letter-spacing:.6px}.record-title p{font-size:9px}.record-title .audio-warning{font-size:7px!important}.record-title #favoriteSong{font-size:8px;letter-spacing:0;padding:9px 5px;max-width:100%}
 .difficulty-cards{gap:4px;margin-top:8px;flex-wrap:wrap}.difficulty-card{flex:1 1 100%;padding:6px;grid-template-columns:1fr auto}.difficulty-card span{font-size:11px}.difficulty-card b{font-size:23px}.difficulty-card small{font-size:6px}.step-meter{gap:2px;margin:9px 0}.step-meter i{height:5px}.chart-facts{gap:4px;flex-wrap:wrap;font-size:6px;letter-spacing:0}.chart-facts b{font-size:15px}
 .selected-best{padding:7px;gap:6px}.selected-best .score-grade{font-size:29px}.selected-best strong{font-size:20px}.selected-best small,.selected-best time{font-size:7px}.song-leaderboard summary{padding:9px 6px;font-size:9px;letter-spacing:0}.song-leaderboard summary small{float:none;display:block;margin-top:4px;font-size:6px}.song-leaderboard ol{padding:0 6px}.song-leaderboard li{gap:4px;flex-wrap:wrap}.score-entry strong{font-size:16px}.score-entry strong small{display:block;margin:0}.leaderboard-note,.score-empty{font-size:8px}
 .wheel-toolbar{height:auto;flex-wrap:wrap;gap:5px;margin-bottom:5px}.music-search{flex-basis:100%;font-size:20px}.music-search input{font-size:10px}#musicSort{width:100%;height:30px}.wheel-meta{gap:4px;align-items:center;margin:6px 0;font-size:7px;letter-spacing:0}#favoritesFilter{font-size:7px;padding:8px 4px;letter-spacing:0}
 .offline-controls{gap:4px}.offline-controls button{font-size:7px;padding:7px 4px;letter-spacing:0;white-space:normal}.offline-controls small{font-size:7px;line-height:1.3}
 .song-wheel{height:clamp(320px,48svh,420px);touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:contain;justify-content:center;gap:6px}.wheel-song,.wheel-song.selected{flex:0 0 48px;min-height:48px;max-height:48px;width:calc(100% - var(--distance)*3px);margin-left:calc(var(--distance)*3px);gap:5px;padding:4px 5px;border-left-width:2px}.wheel-song.selected{padding-right:12px}.wheel-art{height:28px;max-height:28px}.wheel-level{font-size:20px;min-width:20px;gap:2px}.wheel-level small{display:none}.wheel-song-title strong,.wheel-song.selected .wheel-song-title strong,.wheel-song:has(.wheel-best) .wheel-song-title strong,.wheel-song.selected:has(.wheel-best) .wheel-song-title strong{font-size:16px}.wheel-song-title small{font-size:8px;letter-spacing:0}.wheel-best{font-size:7px}.selection-arrow{right:2px;font-size:8px}.song-wheel.dragging .wheel-song{transition:none;will-change:transform}
 .wheel-navigation{gap:5px;flex-wrap:wrap;margin:7px 0}.wheel-navigation>span{display:none}#roulette{margin-left:0;padding:8px 4px;flex:1;font-size:7px;letter-spacing:0}.select-actions{height:auto;flex-wrap:wrap;gap:7px}.select-actions #menuPlay,.select-actions #menuDemo{flex:1 1 100%;min-height:44px;padding:9px;font-size:18px}.select-actions #menuDemo{font-size:13px}.selection-hint{font-size:0;margin-top:8px}.selection-hint:after{content:'DRAG TO SELECT · RELEASE TO SNAP';font-size:7px;letter-spacing:.2px}.selection-hint i{display:none}.arcade-foot{padding:10px}.no-music{font-size:18px}.no-music small{font-size:10px}
}

.mobile-music-bar{display:none}
@media(max-width:1024px){
 body[data-screen=menu] #musicMenu{padding-bottom:calc(94px + env(safe-area-inset-bottom,0px))}
 .mobile-music-bar{display:grid;grid-template-columns:56px 56px minmax(0,1fr);gap:8px;position:fixed;z-index:55;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom,0px));padding:10px;border:1px solid var(--menu-secondary,#607284);border-radius:16px;background:var(--menu-panel,#171d26);box-shadow:0 8px 30px #0009}
 .mobile-music-bar button{min-height:56px;border-radius:9px;padding:8px;font-size:22px}
 .mobile-music-bar #menuPlay{font:800 24px 'Barlow Condensed',sans-serif;background:var(--menu-accent,#ffcf41);color:var(--menu-bg,#171d26);border-color:var(--menu-accent,#ffcf41);display:flex;align-items:center;justify-content:center;gap:12px}
 body[data-screen=game] #musicMenu .mobile-music-bar{display:none}
}

.mobile-vinyl-controls{display:none}
@media(max-width:1024px){
 .turntable .vinyl-drop{left:-46cqh}
 .turntable .tonearm{left:43cqh;top:22%;height:30%;transform:rotate(25deg);width:5px}
 .turntable .tonearm i{width:13px;height:22px;left:-4px;bottom:-4px;border-width:2px}
 .mobile-vinyl-controls{display:flex;position:absolute;z-index:5;top:auto;bottom:5px;left:0;right:0;gap:4px;align-items:stretch}
 .mobile-vinyl-controls #favoriteSong,.mobile-vinyl-controls #previewStatus{position:static;flex:1;min-width:0;min-height:40px;margin:0;padding:5px 2px;border-radius:7px;font-size:8px;letter-spacing:0;background:var(--menu-panel,#171d26);border:1px solid var(--menu-secondary,#607284);color:var(--menu-text,#eee);white-space:normal}
 .mobile-vinyl-controls #favoriteSong[aria-pressed=true]{color:var(--menu-accent,#ffcf41);border-color:var(--menu-accent,#ffcf41)}
 .difficulty-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 .difficulty-card{min-width:0;min-height:54px;padding:5px 1px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
 .difficulty-card span{font-size:9px;letter-spacing:0}.difficulty-card b{font-size:22px;line-height:1}.difficulty-card small{display:none}
}

.offline-controls #favoritesFilter,.offline-controls #saveFavoritesOffline{min-height:36px}
@media(max-width:1024px){
 .offline-controls{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border:1px solid var(--menu-secondary,#394451);border-radius:8px;background:var(--menu-panel,#171d26)}
 .offline-controls #favoritesFilter,.offline-controls #saveFavoritesOffline{flex:1 1 0;min-width:0;min-height:40px;padding:5px 3px;font-size:8px;white-space:normal}
 .offline-controls #offlineStatus.offline-explanation{display:none}
}

@media(max-width:1024px){
 .turntable .vinyl-drop{height:auto;width:150%;left:-50%;top:50%;translate:0 -50%}
 .turntable .tonearm{left:95%;top:22%;height:30%;transform:rotate(25deg)}
}

.items-transition{overflow:hidden}.items-transition .song-wheel{overflow:visible}

.music-filter-group{display:flex;align-items:center;gap:12px;margin:8px 0 12px;width:100%;border:0;background:none;padding:0}.music-filter-group #musicSort,.music-filter-group #favoritesFilter{flex:1;min-width:0;width:auto;height:48px;min-height:48px;margin:0;padding:10px 12px;box-sizing:border-box;font-size:11px}.wheel-toolbar .music-search{width:100%;flex:1}.settings-offline{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.settings-offline h3{font:700 24px 'Barlow Condensed',sans-serif;margin:0 0 12px}.settings-offline .offline-controls{border:0;border-radius:0;background:none;padding:0;gap:10px}.settings-offline .offline-controls #saveFavoritesOffline{min-height:48px;font-size:11px;padding:12px 16px;flex:1}.settings-offline .offline-controls small{font-size:12px;line-height:1.5}.settings-offline #offlineStatus.offline-explanation{display:block}@media(max-width:600px){.music-filter-group{gap:10px}.music-filter-group #musicSort,.music-filter-group #favoritesFilter{font-size:10px;padding:10px 8px}}

.record-song-facts{display:flex;flex-wrap:wrap;gap:10px 24px;margin:12px 0;align-items:center}.record-song-facts>span{display:flex;align-items:baseline;gap:6px}.record-song-facts small{font-size:8px;letter-spacing:1px;color:#9aa8bc}.record-song-facts b{font:700 23px 'Barlow Condensed',sans-serif;color:var(--menu-accent,#ffe169)}.record-song-facts em{font:700 8px 'DM Sans',sans-serif;margin-left:3px}
@media(max-width:1024px){.record-song-facts{gap:5px 12px;margin:8px 0}.record-song-facts>span{gap:4px}.record-song-facts small{font-size:7px}.record-song-facts b{font-size:18px}}

.score-grade[data-grade="SSS"],.wheel-best b[data-grade="SSS"]{color:#ff80df}
.score-grade[data-grade="SS"],.wheel-best b[data-grade="SS"],
.score-grade[data-grade="SS+"],.wheel-best b[data-grade="SS+"],
.score-grade[data-grade="SS-"],.wheel-best b[data-grade="SS-"]{color:#ffd166}
.score-grade[data-grade="S"],.wheel-best b[data-grade="S"],
.score-grade[data-grade="S+"],.wheel-best b[data-grade="S+"],
.score-grade[data-grade="S-"],.wheel-best b[data-grade="S-"]{color:#bd91ff}
.score-grade[data-grade="A"],.wheel-best b[data-grade="A"],
.score-grade[data-grade="A+"],.wheel-best b[data-grade="A+"],
.score-grade[data-grade="A-"],.wheel-best b[data-grade="A-"]{color:#69c5ff}
.score-grade[data-grade="B"],.wheel-best b[data-grade="B"],
.score-grade[data-grade="B+"],.wheel-best b[data-grade="B+"],
.score-grade[data-grade="B-"],.wheel-best b[data-grade="B-"]{color:#8bdf8c}
.score-grade[data-grade="C"],.wheel-best b[data-grade="C"],
.score-grade[data-grade="C+"],.wheel-best b[data-grade="C+"],
.score-grade[data-grade="C-"],.wheel-best b[data-grade="C-"]{color:#ece8de}
.score-grade[data-grade="D"],.wheel-best b[data-grade="D"],
.score-grade[data-grade="D+"],.wheel-best b[data-grade="D+"],
.score-grade[data-grade="D-"],.wheel-best b[data-grade="D-"]{color:#b6becd}
.score-grade[data-grade="E"],.wheel-best b[data-grade="E"],
.score-grade[data-grade="E+"],.wheel-best b[data-grade="E+"],
.score-grade[data-grade="E-"],.wheel-best b[data-grade="E-"]{color:#cfaa89}
.score-grade[data-grade="F"],.wheel-best b[data-grade="F"],
.score-grade[data-grade="F+"],.wheel-best b[data-grade="F+"],
.score-grade[data-grade="F-"],.wheel-best b[data-grade="F-"]{color:#9399a6}
