@font-face{font-family:NG Pretendard;src:url('Fonts/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
body,button,input,select,textarea{font-family:'NG Pretendard','Segoe UI',sans-serif}
#bootTitle .titleEyebrow128,#bootTitle .bootSub{display:none}
#bootTitle .bootContent{width:min(1100px,90vw);text-align:center;opacity:0;transform:translateY(10px);transition:opacity .85s ease,transform .85s ease}
body.titleEntered131 #bootTitle .bootContent{opacity:1;transform:none}
#bootTitle .bootLogo{font-style:normal;font-size:clamp(84px,10vw,178px);letter-spacing:.015em;line-height:.94;font-weight:900;text-shadow:0 0 2px #fff,0 0 42px #8f55ff65}
#bootTitle .bootLogo span{margin-top:8px;letter-spacing:.055em;-webkit-text-stroke:0;text-shadow:0 0 2px #fff,0 0 42px #f256cc65}
#bootTitle .bootPress{margin-top:56px;font-size:16px;letter-spacing:.08em;padding:18px 44px;clip-path:none;border-radius:8px;border-left-width:1px;background:#171326b3}
.titleBrandFooter129{width:380px;height:135px;display:block;right:14px;bottom:4px;mix-blend-mode:screen}
#bootTitle .titleBrandFooter129 .titleStudio128{position:absolute;right:0;left:auto;bottom:0;width:240px;max-width:none}
#bootTitle .titleBrandFooter129 .bootVersion{position:absolute;right:190px;left:auto;bottom:25px;font-size:11px;letter-spacing:.04em;color:#bbb0d7}
#bootTitle .themeNowPlaying{font-size:14px;border-radius:10px;padding:14px 18px;border-color:#9a7fff40;background:#121022}
#bootTitle .themeNowPlaying button{font-size:13px}
#modeSelect,#songSelect{--shell-accent:#ba8dff;--shell-cool:#77dfff;background:radial-gradient(ellipse at 80% 5%,#6b36a91c,transparent 45%),#0b0c16;color:#f1efff}
#modeSelect::before{background:radial-gradient(ellipse at 20% 80%,#2f82a81a,transparent 50%);transform:none;opacity:1;animation:none}
#modeSelect .modeWrap{width:min(1380px,88vw)}
#modeSelect .modeHeading{text-align:left;margin-bottom:34px}
#modeSelect .modeHeading span{font-size:15px;color:#b7a7d4;letter-spacing:.15em}
#modeSelect .modeHeading h1{font-style:normal;font-size:clamp(38px,4vw,66px);font-weight:800;letter-spacing:-.04em;margin:12px 0 0}
#modeSelect .modeHeading h1 b{color:#d5bbff}
#modeSelect .modeCards{gap:26px}
#modeSelect .mainModeCard{border-radius:20px;min-height:400px;padding:38px;border:1px solid #af90ff30;background:linear-gradient(145deg,#19192d,#10111e);box-shadow:none;transform:none;transition:border-color .2s,background .2s}
#modeSelect .mainModeCard::before{opacity:.65;background:radial-gradient(ellipse at 90% 10%,#8b54ed35,transparent 60%)}
#modeSelect .mainModeCard::after{display:none}
#modeSelect .mainModeCard.active{border-color:#b490ff;background:linear-gradient(145deg,#24203b,#131426);box-shadow:0 0 0 1px #b38dff20,inset 0 0 50px #7b4cff0c}
#modeSelect .mainModeCard.rank::before{background:radial-gradient(ellipse at 90% 10%,#db61bc25,transparent 60%)}
#modeSelect .modeNumber{font-size:15px;color:#c4b4e2;letter-spacing:.05em}
#modeSelect .modeIcon{margin:28px 0 34px;color:#c4a6ff;filter:none;line-height:1}
.modeGlyph131{width:80px;height:80px;display:block;stroke:currentColor;fill:none;stroke-width:2}
#modeSelect .rank .modeIcon{color:#ed9cd0}
#modeSelect .modeName{font-size:44px;letter-spacing:-.035em;font-style:normal;font-weight:800}
#modeSelect .modeDesc{font-size:17px;line-height:1.8;color:#b8b5ce;margin-top:16px}
#modeSelect .modeKeyHint{font-size:14px;color:#aaa3c1;letter-spacing:.06em;margin-top:26px}
#modeSelect .modeBack,#modeSelect #performanceOpen{font-size:16px!important;border-radius:9px!important;background:#191826!important;border-color:#a188ca40!important}
.accountIdentity{font-size:15px!important;gap:10px!important}.accountIdentity>button{font-size:14px!important;padding:10px 14px!important;border-radius:7px;background:#191b2a!important;border-color:#a995d438!important}
#songSelect .selectHeader{border-color:#aaa0cf25;min-height:86px}
#songSelect .selectHeader h1{font-size:38px;font-style:normal;font-weight:800;letter-spacing:-.03em}
#songSelect .selectHeader h1 b{color:#c4a0ff}
#songSelect .backTitle{font-size:16px;border-radius:8px!important;background:#1a1928!important}
#songSelect .trackConfigPane{padding-right:16px}
#songSelect .detailMeta h2{font-size:30px;line-height:1.25;font-weight:800;letter-spacing:-.03em}
#songSelect .detailMeta p{font-size:16px;color:#b2afc8}
#songSelect .detailSectionTitle,#songSelect .shellDisclosure summary,#songSelect .detailSection>label{font-size:15px;letter-spacing:.04em;color:#c8bedf}
#songSelect .chartList{gap:7px}
#songSelect .chartButton,#songSelect .chartButton:disabled{min-height:54px!important;padding:10px 6px!important;border-radius:8px!important}
#songSelect #chartList .chartButton .chartDiffName,#songSelect #chartList .chartButton:disabled .chartDiffName{font-size:15px!important;font-weight:750!important;letter-spacing:-.03em!important}
#songSelect .chartButton:disabled{opacity:.4}
#songSelect .chartButton.active{box-shadow:inset 0 -3px var(--rating-color,#b290ff);background:#29213e}
#songSelect .selectedRating{border-radius:9px;padding:14px 18px}.ratingCaption{font-size:14px!important}
#songSelect .judgeChoice,#songSelect .judgementButton,#songSelect .playModeRow button{font-size:15px!important;min-height:48px;border-radius:8px}
#songSelect .soloJudgeChoices button{font-size:15px!important;min-height:48px;border-radius:8px}
#songSelect .judgeButtons button{min-height:50px;border-radius:8px;font-size:16px}#songSelect .judgeButtons b{font-size:16px}#songSelect .judgeButtons span{font-size:13px}
#songSelect :is(h1,h2,.songCardInfo b),#modeSelect :is(.modeHeading h1,.modeName){text-shadow:none}
#songSelect .librarySearch input{font-size:16px}#songSelect #songSearch{font-size:16px;border-radius:9px;background:#171827;border-color:#a88ad22b}
#songSelect .songCard{border-radius:10px;min-height:108px;background:#171923;border-color:#bca4e51a;transition:background .15s,border-color .15s}
#songSelect .songCard.active{background:#e5def5;color:#111221;border-left-color:#b189ff}
#songSelect .songCardInfo b{font-size:23px;font-weight:750;letter-spacing:-.03em}#songSelect .songCardInfo span{font-size:15px;margin-top:8px}
#songSelect .songBadge{font-size:12px}
#songSelect .rankingHeading h2{font-size:24px!important}#songSelect .rankingHeading small,.rankingColumns{font-size:13px!important;letter-spacing:.03em}
#rankingChart{font-size:15px}.myBest{border-radius:9px;font-size:15px;background:#211d34;border-color:#b590ff}.myBest small{font-size:13px}.myBest strong{font-size:17px}
#rankingList li>span{font-size:20px}#rankingList strong{font-size:17px}#rankingList small{font-size:13px}
#songSelect .shellFooter{font-size:12px;color:#aca4c6}#songSelect .shellFooter kbd{font-size:12px}
#songSelect .skinButton{border-radius:9px}#songSelect .skinButton span{font-size:14px}
#accountForm h2{font-size:30px}#accountForm label,.accountIntro{font-size:16px}#accountForm button{font-size:16px;border-radius:8px}#accountForm input{font-size:17px;border-radius:8px}
@media(max-width:1000px){#songSelect .chartDiffName,#songSelect .chartButton:disabled .chartDiffName{font-size:13px!important}#modeSelect .modeDesc{font-size:15px}#modeSelect .modeName{font-size:32px}#modeSelect .mainModeCard{padding:24px;min-height:340px}}
@media(max-width:600px){#bootTitle .bootLogo{font-size:20vw}.titleBrandFooter129{transform:scale(.8);transform-origin:bottom right}#modeSelect .modeCards{grid-template-columns:1fr}#modeSelect{overflow:auto}#modeSelect .modeWrap{padding:130px 0 60px}#songSelect .songCardInfo b{font-size:20px}#songSelect .chartDiffName,#songSelect .chartButton:disabled .chartDiffName{font-size:12px!important}}
@media(prefers-reduced-motion:reduce){#bootTitle .bootContent{transition:none}}
