:root{color-scheme:dark;--bg:#0b0c10;--panel:#131419;--line:#2a2c32;--ink:#f4f0e7;--muted:#a3a5b0;--accent:#56e5c2;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Arial,Noto Sans JP,system-ui,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,a,input,select{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid var(--line);background:#1b1d23;padding:10px 16px;border-radius:5px;min-height:42px;font-weight:600}button:hover{background:#282a31}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit;text-decoration:none}input{accent-color:var(--accent)}select{background:#22242c;border:1px solid #454650;border-radius:4px;padding:8px;font-size:14px}h1,h2,p{margin:0}button[aria-pressed=true]{border-color:var(--accent)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#app{height:100dvh;min-height:320px;display:flex;flex-direction:column;max-width:1800px;margin:auto;padding:0 max(20px,env(safe-area-inset-left)) 0 max(20px,env(safe-area-inset-right))}.topbar{height:78px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.back{font-size:14px;font-weight:700;letter-spacing:1px;display:flex;gap:9px;align-items:center}.wordmark{display:flex;align-items:baseline;gap:8px}.wordmark b{font-size:27px;letter-spacing:-1.6px;font-style:italic}.wordmark span{font-size:12px;letter-spacing:4px;color:var(--muted);font-weight:700}.header-actions{display:flex;gap:8px}.header-actions button{font-size:14px;background:transparent;padding:8px 12px}.eyebrow{font:700 12px/1.5 var(--mono);letter-spacing:2px;color:var(--muted)}.select-screen{display:grid;grid-template-columns:minmax(290px,.82fr) minmax(390px,1.18fr);flex:1;min-height:0;max-width:1320px;width:100%;margin:auto;gap:48px;padding:34px 22px 24px}.library{min-height:0;display:flex;flex-direction:column}.library-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:26px}.library h1{font-size:clamp(25px,2.6vw,37px);letter-spacing:-1px;margin-top:7px}.track-count{font:700 27px var(--mono);text-align:right;color:var(--accent)}.track-count span{display:block;font-size:10px;letter-spacing:1px;margin-top:6px;color:var(--muted)}.list-label{font:11px var(--mono);letter-spacing:1.5px;display:flex;justify-content:space-between;color:var(--muted);padding:0 14px 12px;border-bottom:1px solid var(--line)}.song-list{overflow-y:auto;min-height:0;flex:1;scrollbar-width:thin;scrollbar-color:#424550 transparent;padding:4px 0}.song-item{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr) 48px;gap:13px;text-align:left;border:none;border-bottom:1px solid #24252b;border-radius:0;background:transparent;min-height:71px;padding:14px 13px;align-items:center;position:relative}.song-item:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;background:transparent}.song-item[aria-pressed=true]{background:color-mix(in srgb,var(--song-color) 9%,transparent);border-color:#34383d}.song-item[aria-pressed=true]:before{background:var(--song-color)}.track-num{font:700 14px var(--mono);color:#757a88}.song-item[aria-pressed=true] .track-num{color:var(--song-color)}.track-name{display:block;font-size:16px;letter-spacing:.4px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-genre{display:block;font:11px/1.5 var(--mono);letter-spacing:1px;color:var(--muted);margin-top:5px}.bpm-cell{font:700 18px var(--mono);text-align:right}.bpm-cell small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.song-item.local{margin-top:12px;border:1px solid #514939;border-radius:4px;background:#201d18}.song-item.local .track-name{text-transform:none}.library-foot{font-size:12px;color:var(--muted);padding:15px 0 0;display:flex;justify-content:space-between}.library-foot span{color:var(--accent)}.selection{min-height:0;overflow-y:auto;scrollbar-width:thin;display:flex;flex-direction:column;gap:0}.song-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.song-heading .eyebrow{color:var(--accent)}.disc-label{font:10px var(--mono);letter-spacing:1.5px;color:var(--muted)}.selection h2{font-size:clamp(30px,3.5vw,55px);font-weight:900;letter-spacing:-1.8px;line-height:1.03;margin:18px 0 9px}.song-sub{font-size:14px;color:#b5b6bd}.preview-wrap{position:relative;min-height:170px;flex:1;max-height:285px;border:1px solid #32343b;border-radius:6px;background:#111217;margin:24px 0 22px;overflow:hidden}#preview-canvas{display:block;width:100%;height:100%;position:absolute;inset:0}.preview-label{position:absolute;top:14px;left:15px;font:10px var(--mono);color:#898d9b;letter-spacing:1px}#preview-button{position:absolute;right:12px;top:12px;border:1px solid #4b4d59;background:#151820d9;backdrop-filter:blur(8px);font-size:12px;min-height:34px;padding:6px 12px}.preview-meta{position:absolute;bottom:0;left:0;right:0;display:flex;gap:24px;background:linear-gradient(transparent,#0f1119);padding:38px 17px 14px;pointer-events:none;font:700 12px var(--mono);color:#b9beca}.preview-meta b{color:#fff;font-size:16px}.difficulty-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}#best-label{font:12px var(--mono);color:var(--muted)}.difficulties{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.difficulty{display:flex;align-items:center;justify-content:space-between;gap:4px;background:transparent;padding:12px;border-radius:5px}.difficulty span{font:700 11px var(--mono);letter-spacing:.2px}.difficulty b{font:700 22px var(--mono);color:var(--muted)}.difficulty[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 10%,transparent);border-color:var(--accent)}.difficulty[aria-pressed=true] b,.difficulty[aria-pressed=true] span{color:var(--accent)}.options-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:17px 0}.options-row label{font-size:13px;color:var(--muted);display:flex;gap:10px;align-items:center}.text-button{font-size:12px;padding:8px 0;background:none!important;border:none;color:#b8bac2;min-height:34px}.primary{background:var(--accent);border-color:var(--accent);color:#091510;font-weight:800}.primary:hover{background:color-mix(in srgb,var(--accent) 80%,white);border-color:var(--accent)}.start-row{display:flex;gap:22px;align-items:center}.demo-label{font-size:13px;color:var(--muted);white-space:nowrap;display:flex;align-items:center;gap:6px}.demo-label input{width:18px;height:18px}#start-button{flex:1;display:flex;justify-content:space-between;align-items:center;height:58px;font-size:18px;padding:0 23px}#start-button span{font-size:25px}.controls-hint{font-size:11px;color:#969aa5;margin-top:13px;display:flex;justify-content:space-between;gap:8px}.local-panel{margin:20px 0;flex:1;padding:18px;background:#1c1915;border:1px solid #63513a;border-radius:6px;font-size:14px}.local-heading{display:flex;justify-content:space-between;gap:8px;align-items:center}.local-heading span{font-size:12px;color:#d9c7a1}.local-panel p{color:#c3b9a7;font-size:13px;line-height:1.8;margin:12px 0}.file-button{display:flex;justify-content:space-between;align-items:center;border:1px dashed #897b61;background:#29231b;cursor:pointer;padding:15px 12px;border-radius:4px;font-weight:700}.file-button span{font:10px var(--mono);color:#c1b59e}.file-button:focus-within{outline:2px solid var(--accent)}.official-link{font-size:12px;color:#c9b796;text-decoration:underline;text-underline-offset:4px}.local-options{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;margin-bottom:10px}.local-options select{margin-left:6px}.play-screen{flex:1;min-height:0;display:flex;flex-direction:column;padding:14px 0 8px}.play-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;height:48px;flex-shrink:0}.play-toolbar button{font-size:13px;background:transparent}.play-toolbar>div{text-align:center}#play-title{font-size:17px;font-weight:800;letter-spacing:1px}#play-difficulty{display:block;font:11px var(--mono);color:var(--accent);margin-top:5px}#play-clock{font:14px var(--mono);color:var(--muted)}.stage-layout{display:grid;grid-template-columns:110px minmax(0,1fr) 180px;gap:25px;flex:1;min-height:0;margin:15px auto 0;width:min(1200px,100%)}.left-meter{display:flex;align-items:center;flex-direction:column;gap:12px;padding:20px 0}.left-meter>.eyebrow{font-size:10px}.groove-track{width:13px;flex:1;max-height:260px;background:#22252b;border-radius:2px;position:relative;overflow:hidden}.groove-track:after{content:"";position:absolute;left:0;right:0;bottom:60%;height:2px;background:#f8f2df}.groove-track>div{position:absolute;bottom:0;width:100%;height:50%;background:linear-gradient(#def58b,var(--accent));transition:height .15s}.left-meter>b{font:700 20px var(--mono)}#section-name{font:11px var(--mono);letter-spacing:1px;color:var(--muted)}#demo-indicator{font-size:14px;color:#f4e87b;border:1px solid #797340;padding:4px 8px;border-radius:3px}.highway{position:relative;min-height:0;overflow:hidden;border-left:1px solid #282b33;border-right:1px solid #282b33;background:#101218}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.combo-display{position:absolute;left:50%;top:30%;transform:translate(-50%);text-align:center;pointer-events:none;text-shadow:0 2px 18px #000}.combo-display b{display:block;font:800 clamp(34px,6vh,64px) var(--mono);line-height:1}.combo-display span{font:10px var(--mono);letter-spacing:4px;color:#bcbcc7}.judgment{position:absolute;top:59%;left:50%;transform:translate(-50%);text-align:center;pointer-events:none;opacity:0;white-space:nowrap}.judgment strong{font:800 clamp(18px,3.3vh,27px) var(--mono);letter-spacing:2px;font-style:italic;text-shadow:0 0 20px currentColor}.judgment span{display:block;font:10px var(--mono);margin-top:4px}.countdown{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font:900 clamp(40px,10vh,100px) var(--mono);font-style:italic;color:var(--accent);background:#10121870;pointer-events:none;z-index:2}.countdown:empty{display:none}.score-panel{padding-top:22px}.score-panel>.eyebrow{font-size:11px}#score-number{display:block;font:700 clamp(18px,2.8vw,31px) var(--mono);margin:7px 0 30px;letter-spacing:1px}.accuracy-stat{border-bottom:1px solid var(--line);padding-bottom:20px}.accuracy-stat>span{font:10px var(--mono);color:var(--muted);letter-spacing:1px}.accuracy-stat>b{display:block;font:700 29px var(--mono);margin-top:8px}.hit-counts{display:flex;flex-direction:column;gap:15px;margin-top:23px}.hit-counts>span{display:flex;justify-content:space-between;font:11px var(--mono);color:var(--muted)}.hit-counts b{color:var(--ink);font-size:15px}.hit-counts>span:first-child{color:#f4e87b}.hit-counts>span:nth-child(2){color:#56e5c2}.hit-counts>span:nth-child(3){color:#5db8ff}.hit-counts>span:nth-child(4){color:#ff668b}#timing-indicator{display:block;margin-top:22px;color:var(--muted);font:11px var(--mono)}.pads{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;width:min(885px,calc(100% - 340px));margin:0 auto;transform:translate(-35px);padding-top:8px;flex-shrink:0}.pad{border:1px solid color-mix(in srgb,var(--pad) 70%,#111);border-top:3px solid var(--pad);color:var(--pad);background:color-mix(in srgb,var(--pad) 11%,#111319);padding:9px 3px;min-height:77px;border-radius:3px;user-select:none;touch-action:none;transition:background .05s}.pad b{display:block;font:800 16px var(--mono);letter-spacing:1px}.pad small{display:block;color:#b6b8c1;font:11px var(--mono);margin-top:7px}.pad.active{background:color-mix(in srgb,var(--pad) 50%,#16171b);box-shadow:0 0 22px color-mix(in srgb,var(--pad) 35%,transparent);color:#fff;transform:translateY(2px)}.song-progress{height:3px;background:#262930;margin:14px 0 0;flex-shrink:0}.song-progress>div{height:100%;width:0;background:var(--accent)}.result-screen{width:min(900px,100%);margin:auto;padding:25px;overflow:auto}.result-heading{text-align:center}.result-heading h1{font-size:clamp(23px,3vw,38px);margin:10px 0}.result-heading p{font-size:13px;color:var(--muted)}.result-main{display:grid;grid-template-columns:1fr 2fr;gap:45px;align-items:center;margin:30px 0}.rank-card{display:flex;flex-direction:column;align-items:center;border:1px solid #393f44;padding:18px;border-radius:6px;background:linear-gradient(145deg,#182a24,#12131a)}.rank-card>span{font:11px var(--mono);letter-spacing:2px}.rank-card>b{font:900 clamp(75px,14vh,130px) var(--mono);font-style:italic;color:var(--accent);text-shadow:0 0 28px #56e5c240;line-height:1.3}#result-clear{font-size:10px;letter-spacing:1px;text-align:center}.result-score>span,.result-metrics span{font:11px var(--mono);color:var(--muted);letter-spacing:1px}.result-score>b{display:block;font:700 clamp(28px,5vw,50px) var(--mono);margin-top:4px}.result-metrics{display:flex;gap:30px;margin:20px 0}.result-metrics b{display:block;font:700 24px var(--mono);margin-top:8px}.result-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid var(--line);padding-top:16px}.result-counts span{display:block;font:10px var(--mono);color:var(--muted)}.result-counts b{display:block;font:700 20px var(--mono);margin-top:8px}#new-best{font:700 12px var(--mono);letter-spacing:2px;color:#f4e87b;margin-bottom:10px}.result-tip{text-align:center;color:var(--muted);font-size:14px;line-height:1.7}.result-actions{display:flex;justify-content:center;gap:14px;margin-top:25px}.result-actions button{min-width:180px;min-height:48px}dialog{color:var(--ink);background:#17191f;border:1px solid #41444c;border-radius:10px;width:min(510px,calc(100% - 32px));max-height:90dvh;padding:0}dialog::backdrop{background:#000a;backdrop-filter:blur(8px)}.dialog-body{padding:28px;display:flex;flex-direction:column;gap:15px}.dialog-body h2{font-size:27px}.dialog-body p{font-size:14px;line-height:1.8;color:#bbbfc9}.dialog-body button{min-height:44px}.dialog-body .secondary{font-size:12px;color:#9499a6}.help-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.help-keys>div{border:1px solid #3f414b;padding:10px;border-radius:5px;font-size:11px}.help-keys b{display:block;margin-top:8px;font:700 17px var(--mono)}.range-label{font-size:14px;margin-top:8px;display:grid;grid-template-columns:1fr auto;gap:12px}.range-label input{grid-column:1/-1;width:100%}.range-label output{font:14px var(--mono);color:var(--accent)}#calibrate-tap{height:80px;border-color:var(--accent);background:#21352e}#notice{position:fixed;bottom:20px;left:50%;transform:translate(-50%);padding:12px 18px;background:#292e39;border:1px solid #626d80;border-radius:6px;z-index:50;font-size:14px;max-width:calc(100% - 32px);box-shadow:0 8px 40px #0008;pointer-events:none}#notice:empty{display:none}body.playing .topbar{height:54px}body.playing .wordmark b{font-size:23px}body.playing .back span{font-size:12px}body.playing #help-button{display:none}@media (min-width:1450px){.select-screen{padding-top:46px;padding-bottom:40px}.song-item{min-height:77px}.preview-wrap{max-height:345px}.selection h2{margin-top:26px}.library-heading{padding-bottom:30px}}@media (max-height:740px) and (min-width:761px){.topbar{height:62px}.select-screen{padding:19px 12px 15px;gap:32px}.library-heading{padding-bottom:17px}.library h1{font-size:29px}.selection h2{font-size:38px;margin:13px 0 7px}.preview-wrap{margin:15px 0;min-height:140px}.difficulty{padding:9px}.options-row{margin:12px 0}#start-button{height:48px}.song-item{min-height:63px;padding:10px}.track-name{font-size:14px}.controls-hint{font-size:10px}.local-panel{margin:14px 0;padding:12px}.local-panel p{line-height:1.5;margin:9px 0}}@media (max-width:760px){#app{padding:0 14px}.topbar{height:62px}.wordmark b{font-size:23px}.wordmark span{font-size:10px;letter-spacing:2px}.back span{display:none}.header-actions{gap:5px}.header-actions button{font-size:12px;padding:7px 9px;min-height:35px}.select-screen{padding:18px 0;gap:20px;grid-template-columns:minmax(200px,.85fr) minmax(270px,1.15fr)}.library-heading{padding-bottom:15px}.library h1{font-size:24px}.track-count{font-size:20px}.song-item{grid-template-columns:25px minmax(0,1fr) 34px;gap:5px;padding:10px 8px;min-height:62px}.track-name{font-size:13px}.track-genre{font-size:9px}.bpm-cell{font-size:14px}.selection h2{font-size:29px;letter-spacing:-1px;margin:12px 0 7px}.disc-label{display:none}.preview-wrap{min-height:125px;margin:15px 0}.difficulties{gap:5px}.difficulty{padding:9px 7px;flex-direction:column;align-items:flex-start}.difficulty span{font-size:9px}.difficulty b{font-size:20px}.options-row{gap:6px;margin:10px 0}.options-row label{font-size:11px;gap:6px}.options-row select{font-size:12px;padding:6px}.text-button{font-size:11px}.start-row{gap:10px}#start-button{height:46px;min-height:46px;font-size:16px;padding:0 14px}.controls-hint{display:block;line-height:1.7;font-size:10px}.controls-hint span{display:block}.demo-label{font-size:12px}.preview-meta{font-size:10px;gap:12px;padding-left:10px}.preview-meta b{font-size:13px}.song-sub{font-size:12px}.local-panel{padding:12px}.local-heading{display:block}.local-heading span{display:block;margin-top:4px}.file-button{display:block;font-size:14px}.file-button span{display:block;margin-top:6px}.local-options{display:block}.library-foot{font-size:10px}.stage-layout{grid-template-columns:55px minmax(0,1fr) 95px;gap:10px;margin-top:8px}.left-meter{padding:8px 0;gap:7px}.score-panel{padding-top:6px}#score-number{font-size:17px;margin:5px 0 12px}.accuracy-stat{padding-bottom:10px}.accuracy-stat>b{font-size:23px}.hit-counts{margin-top:13px;gap:10px}.hit-counts>span{font-size:9px}.hit-counts b{font-size:12px}.score-panel .eyebrow{font-size:9px}.accuracy-stat>span{font-size:9px}.pads{width:calc(100% - 180px);gap:5px;transform:translate(-20px)}.pad{min-height:57px;padding:6px 2px}.pad b{font-size:13px}.pad small{font-size:9px;margin-top:5px}#timing-indicator{font-size:9px;margin-top:12px}.play-toolbar{height:40px}.play-toolbar button{font-size:11px;padding:6px 10px;min-height:32px}#play-title{font-size:14px}#play-clock{font-size:11px}.play-screen{padding-top:5px}.result-main{gap:20px;margin:20px 0}.result-screen{padding:15px}.result-metrics{gap:18px}.result-metrics b{font-size:19px}.result-metrics span{font-size:9px}}@media (max-width:580px) and (orientation:portrait){#app{height:auto;min-height:100dvh}.select-screen{display:flex;flex-direction:column;padding:18px 0 24px;gap:20px}.library-heading{padding-bottom:10px}.library h1{font-size:26px}.library .eyebrow{font-size:10px}.song-list{height:205px;flex:none;max-height:30dvh;border-bottom:1px solid var(--line)}.list-label{display:none}.song-item{grid-template-columns:30px minmax(0,1fr) 48px;min-height:55px;padding:8px 10px}.track-name{font-size:14px}.track-genre{font-size:10px;margin-top:3px}.bpm-cell{font-size:16px}.bpm-cell small,.library-foot{display:none}.selection{overflow:visible}.selection h2{font-size:34px;margin-top:10px}.preview-wrap{flex:none;height:150px;margin:14px 0}.disc-label{display:inline;font-size:9px}.difficulty{flex-direction:row;align-items:center;min-height:52px}.difficulty span{font-size:9px}.options-row{margin:12px 0}.text-button{font-size:12px}.controls-hint{display:flex;flex-wrap:wrap;font-size:11px}.start-row{gap:18px}#start-button{height:52px}.local-panel{margin:15px 0}.local-heading{display:flex}.local-heading span{margin:0}.file-button{display:flex}.file-button span{font-size:9px;margin:0}.result-main{grid-template-columns:1fr}.rank-card{padding:10px}.rank-card>b{font-size:72px}.result-actions button{min-width:0;flex:1}.result-counts{gap:6px}body.playing{overflow:hidden}body.playing #app{position:fixed;left:50%;top:50%;width:100dvh;height:100dvw;min-height:0;max-width:none;transform:translate(-50%,-50%) rotate(90deg);padding:0 max(10px,env(safe-area-inset-top))}body.playing .topbar{height:36px}body.playing .wordmark{gap:5px}body.playing .wordmark b{font-size:17px}body.playing .wordmark span{font-size:8px}body.playing .header-actions button{min-height:28px;font-size:10px;padding:4px 8px}body.playing .play-toolbar{height:28px}body.playing .play-toolbar button{min-height:26px;padding:4px 8px}body.playing .play-screen{min-height:0;padding-top:3px;padding-bottom:3px}body.playing .pads{width:calc(100% - 165px);padding-top:5px}body.playing .pad{min-height:48px}body.playing .song-progress{margin-top:6px}body.playing .stage-layout{margin-top:3px;grid-template-columns:50px minmax(0,1fr) 90px}body.playing .left-meter{gap:4px;padding:4px 0}body.playing .left-meter>b{font-size:14px}body.playing #section-name{font-size:9px}body.playing .groove-track{width:8px}body.playing .hit-counts{gap:5px;margin-top:8px}body.playing #score-number{margin-bottom:7px}body.playing .accuracy-stat>b{font-size:18px}body.playing .accuracy-stat{padding-bottom:5px}body.playing .combo-display b{font-size:33px}body.playing .judgment strong{font-size:18px}body.playing .countdown{font-size:45px}body.playing dialog{max-width:80dvh;max-height:88dvw}body.playing #notice{display:none}}@media (orientation:landscape) and (max-height:500px){#app{padding:0 max(10px,env(safe-area-inset-left)) 0 max(10px,env(safe-area-inset-right))}.topbar,body.playing .topbar{height:36px}.wordmark b,body.playing .wordmark b{font-size:18px}.wordmark span{font-size:9px;letter-spacing:2px}.header-actions button{min-height:28px;padding:4px 9px;font-size:11px}.back{font-size:11px}.select-screen{padding:10px 0 8px;gap:24px;grid-template-columns:minmax(180px,.78fr) minmax(0,1.22fr)}.library-heading{padding-bottom:9px}.library h1{font-size:22px;margin-top:4px}.library-heading .eyebrow{font-size:9px}.list-label{font-size:9px;padding-bottom:6px}.track-count{font-size:20px}.track-count span{font-size:8px;margin-top:3px}.song-item{min-height:53px;padding:8px;gap:8px;grid-template-columns:25px minmax(0,1fr) 35px}.track-name{font-size:13px}.track-genre{font-size:9px;margin-top:3px}.bpm-cell{font-size:14px}.bpm-cell small{font-size:8px;margin-top:2px}.library-foot{font-size:9px;padding-top:6px}.selection{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);column-gap:12px;grid-template-rows:auto auto auto minmax(25px,1fr) auto auto auto;overflow:auto}.song-heading{grid-column:1/-1}.song-heading .eyebrow{font-size:9px}.disc-label{font-size:8px}.selection h2{grid-column:1/-1;font-size:27px;margin:6px 0 4px;line-height:1}.song-sub{grid-column:1/-1;font-size:11px}.preview-wrap{grid-column:1;grid-row:4/8;height:auto;max-height:none;min-height:120px;margin:12px 0 0}.preview-label{font-size:8px;top:10px;left:8px}#preview-button{top:28px;left:8px;right:auto;font-size:9px;min-height:25px;padding:4px 8px}.preview-meta{font-size:9px;gap:8px;padding:26px 8px 10px;flex-wrap:wrap}.preview-meta b{font-size:11px}.difficulty-label{grid-column:2;align-self:end;margin:12px 0 6px}.difficulty-label .eyebrow,#best-label{font-size:9px}.difficulties{grid-column:2;gap:4px}.difficulty{padding:6px 4px;flex-direction:column;align-items:flex-start;gap:3px;min-height:45px}.difficulty span{font-size:8px}.difficulty b{font-size:17px}.options-row{grid-column:2;display:flex;flex-wrap:wrap;gap:2px;margin:5px 0}.options-row label{font-size:10px;gap:5px}.options-row select{font-size:10px;padding:4px}.text-button{font-size:10px;min-height:20px;padding:2px 0}.start-row{grid-column:2;gap:6px;align-self:end}#start-button{height:36px;min-height:36px;font-size:13px;padding:0 10px}#start-button span{font-size:18px}.demo-label{font-size:10px;gap:3px}.demo-label input{width:14px;height:14px}.controls-hint{grid-column:1/-1;font-size:9px;display:flex;margin-top:6px;justify-content:space-between;line-height:1.2}.local-panel{grid-column:1;grid-row:4/8;min-height:0;overflow-y:auto;margin:10px 0 0;padding:10px}.local-heading{display:block;font-size:12px}.local-heading span{font-size:10px;margin-top:3px;display:block}.local-panel p{font-size:11px;line-height:1.5;margin:7px 0}.file-button{display:block;font-size:11px;padding:9px}.file-button span{font-size:8px;display:block;margin-top:5px}.official-link{font-size:10px}.local-options{font-size:10px;display:block}.local-options select{font-size:10px;padding:4px;margin-bottom:5px}.play-screen{padding-top:2px;padding-bottom:3px}.play-toolbar{height:29px}.play-toolbar button{min-height:26px;font-size:10px;padding:4px 8px}#play-title{font-size:13px}#play-difficulty{font-size:9px;margin-top:2px}#play-clock{font-size:10px}.stage-layout{grid-template-columns:48px minmax(0,1fr) 92px;gap:10px;margin-top:3px;max-width:1050px}.left-meter{padding:5px 0;gap:5px}.left-meter .eyebrow{font-size:8px;letter-spacing:1px}.left-meter>b{font-size:14px}.groove-track{width:8px}#section-name{font-size:8px}#demo-indicator{font-size:10px;padding:2px 4px}.score-panel{padding:6px 0 0}#score-number{font-size:17px;margin:4px 0 7px}.score-panel>.eyebrow{font-size:9px}.accuracy-stat{padding-bottom:6px}.accuracy-stat>span{font-size:8px}.accuracy-stat>b{font-size:18px;margin-top:3px}.hit-counts{margin-top:8px;gap:5px}.hit-counts>span{font-size:9px}.hit-counts b{font-size:11px}#timing-indicator{font-size:9px;margin-top:8px}.pads{width:calc(100% - 160px);max-width:890px;transform:translate(-22px);padding-top:5px;gap:5px}.pad{min-height:46px;padding:5px 2px}.pad b{font-size:12px}.pad small{font-size:8px;margin-top:4px}.song-progress{margin-top:6px}.combo-display b{font-size:30px}.combo-display span{font-size:8px;letter-spacing:2px}.judgment strong{font-size:19px}.judgment span{font-size:9px}.countdown{font-size:44px}.result-screen{padding:10px;width:min(720px,100%)}.result-heading .eyebrow{font-size:9px}.result-heading h1{font-size:23px;margin:5px 0}.result-heading p{font-size:11px}.result-main{gap:22px;margin:12px 0;grid-template-columns:1fr 2.4fr}.rank-card{padding:9px}.rank-card>b{font-size:65px;line-height:1.1}.rank-card>span{font-size:9px}.result-score>b{font-size:30px}.result-score>span{font-size:9px}.result-metrics{margin:9px 0;gap:22px}.result-metrics b{font-size:18px;margin-top:4px}.result-metrics span{font-size:9px}.result-counts{padding-top:9px}.result-counts b{font-size:16px;margin-top:4px}.result-counts span{font-size:8px}.result-tip{font-size:11px}.result-actions{margin-top:12px}.result-actions button{min-height:36px;font-size:12px}.dialog-body{padding:18px;gap:10px}.dialog-body h2{font-size:23px}.dialog-body p{font-size:12px}.dialog-body button{min-height:35px;font-size:13px}.help-keys>div{padding:7px}.help-keys b{margin-top:3px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.pad,.groove-track>div{transition:none}}.selection-tools{display:flex;align-items:center;gap:18px;flex-shrink:0}.mode-switch{display:flex;border:1px solid #4b505b;border-radius:5px;overflow:hidden}.mode-switch button{border:0;border-radius:0;background:transparent;padding:7px 12px;min-height:34px;font-size:14px;white-space:nowrap}.mode-switch button[aria-pressed=true]{background:var(--accent);color:#0a1510}.duo-hud{position:absolute;inset:0 0 auto;z-index:1;display:grid;grid-template-columns:1fr 1fr;background:#101218ee;pointer-events:none}.player-hud{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 13px;border-top:3px solid var(--player);color:var(--player);font:700 18px var(--mono)}.p1{--player:#56e5c2}.p2{--player:#ffd27d}.player-hud>strong small{display:block;margin-top:4px;font:11px var(--mono);color:#ccd0d9}.player-hud>span{text-align:right;font-size:16px}.player-hud>span small{display:block;font:11px var(--mono);margin-top:4px;color:#cad1da}#sync-label{display:block;margin-top:9px;font:700 13px var(--mono);color:#ffd27d;letter-spacing:1px}.coop-mode .combo-display{top:35%}.coop-mode .pad:nth-child(3){border-right-width:4px}.coop-mode .pad:nth-child(4){border-left-width:4px}.coop-mode .pads{position:relative}.coop-mode .pads:after{content:"";position:absolute;left:50%;top:8px;bottom:0;width:2px;background:#d8e6de;pointer-events:none}.coop-help{padding:14px;background:#202c28;border-left:3px solid #56e5c2}.duo-results{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}.player-result{border:1px solid #414650;border-top:3px solid var(--player);background:#171b21;border-radius:5px;padding:13px 16px}.player-result h2{display:flex;justify-content:space-between;align-items:center;color:var(--player);font:700 19px var(--mono)}.player-result h2 span{font:11px var(--mono);color:#bfc6ce}.player-result dl{display:flex;justify-content:space-between;gap:14px;margin:12px 0 0}.player-result dt{font-size:12px;color:#bec4d0;margin-bottom:5px}.player-result dd{font:700 19px var(--mono);margin:0}.coop-mode .result-main{margin-top:20px;margin-bottom:12px}@media (max-width:1100px){.selection-tools{gap:0}.selection-tools .disc-label{display:none}.mode-switch button{font-size:12px;padding:6px 10px;min-height:30px}.player-hud{padding:7px 8px;font-size:15px}.player-hud>span{font-size:14px}.player-hud>strong small,.player-hud>span small{font-size:10px}.player-result{padding:10px}.player-result dd{font-size:17px}.player-result dl{gap:8px}}@media (max-width:580px) and (orientation:portrait){.selection-tools .mode-switch button{font-size:14px;min-height:34px}.duo-results{gap:8px}.player-result h2{font-size:17px}.player-result h2 span{font-size:9px}.player-result dl{flex-wrap:wrap}.player-result dd{font-size:16px}.player-result dt{font-size:11px}body.playing .player-hud{padding:4px 7px;border-top-width:2px;font-size:13px}body.playing .player-hud>span{font-size:12px}body.playing .player-hud>strong small,body.playing .player-hud>span small{font-size:9px;margin-top:2px}body.playing #sync-label{font-size:10px;margin-top:4px}body.playing.coop-mode .pads:after{top:5px}}@media (orientation:landscape) and (max-height:500px){.mode-switch button{font-size:11px;padding:4px 8px;min-height:26px}.selection h2{font-size:24px}.player-hud{padding:4px 7px;border-top-width:2px;font-size:13px}.player-hud>span{font-size:12px}.player-hud>strong small,.player-hud>span small{font-size:9px;margin-top:2px}.coop-mode .combo-display{top:34%}#sync-label{font-size:10px;margin-top:4px}.coop-mode .pads:after{top:5px}.coop-mode .result-main{margin:8px 0}.coop-mode .rank-card>b{font-size:48px}.coop-mode .result-score>b{font-size:25px}.coop-mode .result-metrics{margin:6px 0}.coop-mode .result-counts{padding-top:6px}.duo-results{margin:8px 0;gap:10px}.player-result{padding:6px 9px}.player-result h2{font-size:15px}.player-result h2 span{font-size:9px}.player-result dl{margin-top:6px;gap:6px}.player-result dt{font-size:10px;margin-bottom:3px}.player-result dd{font-size:14px}.coop-mode .result-actions{margin-top:8px}}