/* V84: compact track configuration and region-based navigation. */
.selectBody{grid-template-columns:minmax(480px,.95fr) minmax(460px,1.2fr);grid-template-rows:minmax(0,1fr);gap:36px}
.trackConfigPane{min-width:0;min-height:0;overflow:auto;padding:0 15px 15px 0;scrollbar-width:thin;scrollbar-color:#58616d #171b23}
.trackHero{overflow:visible;padding-top:0;min-height:0}.trackHeroKicker{margin-bottom:18px;padding-bottom:12px}.trackHero .detailTop{display:grid;grid-template-columns:minmax(130px,210px) minmax(0,1fr);gap:25px;align-items:center}.trackHero .detailJacket{width:100%;height:auto;aspect-ratio:1;max-width:210px;box-shadow:none}.detailMeta h2{font-size:clamp(25px,2vw,38px)}.detailBpm{margin-top:18px;padding-top:12px}.detailBpm b{font-size:28px}
.previewState,.trackHeroFooter,.shellResultLabel{display:none!important}
.trackHero>.detailSection{margin-top:22px}.chartList{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.chartButton{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:80px!important;padding:11px 10px!important;gap:8px}.chartButton .chartDiffName{font-size:11px!important;letter-spacing:0}.chartButton .chartDiffSub{font-size:8px!important;line-height:1.5}.chartButton .chartLevelWrap{display:flex;align-items:baseline;justify-content:space-between;gap:5px;width:100%}.chartButton .chartLevelLabel{font-size:8px}.chartButton .chartLevel{font-size:22px!important}.chartButton:disabled .chartDiffSub{display:none}.chartButton.active{box-shadow:inset 0 -3px var(--shell-accent)}
.selectedRating{margin-top:12px;padding:12px 15px;border-left:3px solid var(--rating-color);background:#20252f}.ratingCaption{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#d1d5df;letter-spacing:.08em}.ratingCaption strong{color:var(--rating-color);font-size:19px}.ratingIcons{display:flex;align-items:center;gap:8px;margin-top:8px}.ratingIcon{font-size:21px;color:#3c4350;font-style:normal;line-height:1}.ratingIcon.lit{color:var(--rating-color)}.nightmare .ratingIcon{font-size:25px}.nightmare .ratingIcon.lit{color:#ae8df9;text-shadow:0 0 7px #6542b84d}
.songDetail{display:block!important;padding:0!important;margin-top:18px;border-left:0;overflow:visible;min-height:0}.songDetail>.detailSection{margin-top:15px}.detailSectionTitle{padding:6px 0 8px;margin-bottom:9px}.songListPane{padding-left:30px}.songToolbar{margin-bottom:10px}.songGrid{gap:7px}.songCard{min-height:90px}.songCard img{height:78px;width:78px}.songCardInfo b{font-size:17px}
.judgeButtons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.judgeButtons button{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:13px 11px;min-height:45px;background:#252b36;border:1px solid #ffffff25;color:#bac3d3}.judgeButtons b{font-size:11px}.judgeButtons span{font-size:10px;white-space:nowrap}.judgeButtons .active{background:#eae8e1;border-color:#eae8e1;color:#161d27}.judgeButtons [data-judgement=hard].active{background:#f1cf88}.judgeButtons [data-judgement=max].active{background:#b6a0ed}
.shellDisclosure{margin-top:12px}.shellDisclosure>summary{padding:11px 0}.shellDisclosure .skinPicker{grid-template-columns:repeat(3,minmax(0,1fr))}.shellDisclosure #gearSkinPicker{grid-template-columns:repeat(2,minmax(0,1fr))}.skinChoice{height:auto!important;min-height:112px;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:10px!important;font-size:9px!important;line-height:1.5}.skinChoice::before{display:none!important}.actualGearPreview{display:block;width:70px;height:88px;object-fit:contain;object-position:center;pointer-events:none}.actualNotesPreview{display:flex;align-items:center;justify-content:center;gap:3px;width:100%;height:48px}.actualNotesPreview img{display:block;width:20%;height:40px;object-fit:contain;pointer-events:none}.shellDisclosure #gearSkinPicker .skinChoice{flex-direction:row;min-height:100px;text-align:left}.librarySpeedSetup{padding:5px!important}.librarySpeedSetup button{height:32px}.librarySpeedCenter b{font-size:22px!important}.librarySpeedCenter input{padding:5px}.playModeRow .libraryMode{padding:11px}.libraryStart{position:static;margin-top:15px;padding:17px;box-shadow:none}.libraryState{margin-bottom:8px}
#songSelect[data-nav-region=tracks] .songListPane{border-left-color:#70e6e7}#songSelect[data-nav-region=charts] #chartList{outline:1px solid #70e6e780;outline-offset:4px}#songSelect[data-nav-region=options] .songDetail{border-top:1px solid #70e6e780}.shellNavFocus{outline:2px solid #70e6e7!important;outline-offset:2px}.songCard:focus-visible,.chartButton:focus-visible{outline:2px solid #70e6e7;outline-offset:2px}
#result[data-result-mode=solo] #resultBattle,#resultBattle[hidden],#resultBattle[style*='none']{display:none!important}
#result:not(:has(.matchFinalView.show)) .resultHero{overflow:visible!important;min-width:0}
#result:not(:has(.matchFinalView.show)) #grade{display:block!important;width:max-content!important;max-width:none!important;min-width:1.7em!important;padding:.1em .28em .08em .12em!important;margin-left:-.12em!important;line-height:1.05!important;letter-spacing:-.04em!important;flex-shrink:0;align-self:flex-start;overflow:visible!important;font-size:clamp(130px,13vw,235px)!important}
#result:not(:has(.matchFinalView.show)) .resultCard{overflow:visible!important}.resultHero .resultVerdictBig{font-size:clamp(30px,3.3vw,58px)!important;white-space:normal}
@media(min-width:1800px){.selectBody{grid-template-columns:minmax(650px,.95fr) minmax(650px,1.15fr)}.trackHero .detailTop{grid-template-columns:220px 1fr}.trackHero .detailJacket{max-width:220px}.songCard{min-height:100px;grid-template-columns:88px 1fr}.songCard img{width:88px;height:88px}.songCardInfo b{font-size:20px}.chartButton{min-height:88px!important}.skinChoice{min-height:100px}.actualGearPreview{height:80px}}
@media(max-width:1250px) and (min-width:801px){.selectBody{height:calc(100% - 82px);grid-template-columns:minmax(390px,.95fr) minmax(350px,1fr);grid-template-rows:minmax(0,1fr);gap:22px}.trackHero{grid-column:auto;overflow:visible}.trackHero .detailTop{grid-template-columns:140px minmax(0,1fr);gap:15px}.trackHero .detailJacket{width:140px;height:140px}.trackHeroKicker{display:flex}.trackHero .detailMeta h2{font-size:25px}.songListPane{padding-left:20px}.chartButton{padding:8px 6px!important}.chartButton .chartDiffName{font-size:9px!important}.chartButton .chartDiffSub{font-size:7px!important}.judgeButtons button{padding:11px 7px;flex-direction:column;gap:5px}.songCardInfo{padding-left:12px}.songCardInfo b{font-size:14px}.actualGearPreview{width:50px;height:65px}}
@media(max-width:800px){#songSelect{overflow:auto}.selectBody{height:auto;display:flex;flex-direction:column;gap:20px}.trackConfigPane{overflow:visible;padding:0;order:1}.trackHero .detailTop{grid-template-columns:115px minmax(0,1fr);gap:15px}.trackHero .detailJacket{width:115px;height:115px}.trackHeroKicker{display:none}.songListPane{order:0;padding:0;border:0}.songGrid{max-height:260px}.songCard{min-height:68px;grid-template-columns:58px minmax(0,1fr)}.songCard img{width:58px;height:58px}.songCardInfo b{font-size:14px}.trackHero .detailMeta h2{font-size:23px}.detailBpm{margin-top:8px}.chartList{grid-template-columns:repeat(5,minmax(0,1fr))}.chartButton{min-height:76px!important;padding:8px 5px!important}.chartButton .chartDiffName{font-size:8px!important}.chartButton .chartDiffSub{font-size:7px!important}.chartButton .chartLevelLabel{font-size:6px}.chartButton .chartLevel{font-size:18px!important}.judgeButtons button{padding:12px 7px;flex-direction:column}.songDetail{margin-top:15px}.ratingIcons{gap:6px}.ratingIcon{font-size:19px}.nightmare .ratingIcon{font-size:23px}.actualNotesPreview{gap:0}.actualNotesPreview img{width:24%}.skinChoice{font-size:8px!important}.actualGearPreview{width:48px;height:65px}.libraryStart{position:static}#result:not(:has(.matchFinalView.show)) .resultCard{overflow:auto!important}#result:not(:has(.matchFinalView.show)) #grade{font-size:140px!important}}
