.homeDialog{width:min(560px,calc(100% - 24px));border:1px solid #b4cbe14d;background:linear-gradient(145deg,#192338fa,#090f1dfa);box-shadow:0 20px 100px #0009,0 0 25px #a8d8ff14;border-radius:16px;padding:24px;color:#eaf1f8}.homeDialog::backdrop,.artDialog::backdrop{background:#040710b8;backdrop-filter:blur(8px)}.homeDialog h2{font-size:27px;text-shadow:none;color:#fff4df}.homeDialog .eyebrow{display:block;font-size:11px;letter-spacing:2px;color:#c2ad91;margin-bottom:3px}.homeDialog .close,.artDialog .close{background:#ffffff08;border-color:#bfcad336;box-shadow:none;border-radius:50%;font-size:25px;color:#f7eee1}.homeDialog .modalHead{margin-bottom:20px}.homeDialog button:focus-visible,.roomScene a:focus-visible{outline:2px solid #fff0cc;outline-offset:4px}#rankingDialog .rankingPanel{padding:0!important;margin:0;border:0!important;box-shadow:none!important;background:none!important;border-radius:0!important}#rankingDialog .rankFilters{grid-template-columns:1fr auto}#rankingDialog select{background:#142137;border-color:#42576b;min-width:0}#rankingDialog .rankrow strong{color:#fff0c3;text-shadow:none}#rankingDialog #rankPeriod button{border-color:#41566d;background:#142138;box-shadow:none}#rankingDialog #rankPeriod button.selected{background:#2b6476;border-color:#7bc8d9}.storyEmpty{padding:35px 10px 55px;text-align:center}.storyEmpty h3{color:#fff1d6;font-size:23px}.storyEmpty p{font-size:15px;line-height:1.8;color:#abb9cb}.storyRule{display:block;width:64px;height:1px;margin:10px auto 30px;background:#d7b777;box-shadow:0 0 20px #d7b777}.galleryIntro{font-size:14px;color:#c4b49f;margin:22px 0 12px}.galleryGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.galleryCard{display:block;padding:0;background:none;border:0;text-align:left;min-width:0}.galleryCard img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#080f1e;border:1px solid #91bad32e;border-radius:4px;box-shadow:0 6px 20px #0004;transition:filter .2s}.galleryCard:hover img{filter:brightness(1.1)}.galleryCard span{font-family:DX Cartoon,Noto Sans KR,Noto Sans JP,sans-serif!important;font-size:13px;display:block;line-height:1.5;margin-top:8px;color:#d8e1ea;overflow-wrap:anywhere}.artDialog{padding:18px;background:#070e1a;border:1px solid #8298b34a;border-radius:10px;width:min(850px,calc(100% - 20px));box-shadow:0 25px 100px #000b}.artDialog .modalHead{gap:10px;margin-bottom:16px}.artDialog h2{font-family:DX Cartoon,Noto Sans KR,Noto Sans JP,sans-serif!important;font-size:18px;text-shadow:none;margin:0}.artDialog>img{display:block;width:100%;max-height:70dvh;object-fit:contain}.artDialog>img.characterArt{background:radial-gradient(ellipse at 50% 80%,#6a86a235,transparent 70%)}.artControls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:16px}.artControls button{width:52px;min-height:44px}.artControls span{font-size:13px;color:#bbcadd}#settings .appToolbar .tools{margin:0;gap:8px;flex-wrap:wrap}#settings .appToolbar{margin:10px 0 20px;padding:0}#settings .tools button{font-family:DX Cartoon,Noto Sans KR,Noto Sans JP,sans-serif!important;font-size:14px;padding:10px;background:#14273b;border-color:#56728955}@keyframes roomBreath{50%{box-shadow:0 0 18px #ffde995c,inset 0 0 12px #ffdf9c25;border-color:#ffe4b478}}@keyframes cdBreath{50%{box-shadow:0 0 18px #ffe9b97d}}@media(max-width:400px){.homeDialog{padding:18px}.albumHero{gap:15px}.albumHero h3{font-size:17px}}@media(prefers-reduced-motion:reduce){.roomCD,.objectAura{animation:none}.albumChoice img{transition:none}}.reduced .roomCD,.reduced .objectAura{animation:none}.musicObject{left:21%;bottom:49.4cqw;width:23%;height:14cqw;min-height:44px}.musicObject .objectAura{inset:6% 0 30%;border-radius:12%;border-color:#ffe6b44d}.musicObject .objectLabel{bottom:-18px;font-size:clamp(16px,4.2cqw,24px)}.playObject{left:47%;bottom:32.5cqw;width:15%;height:43.5cqw;min-width:44px}.playObject .objectAura{inset:auto 0 0;height:8%;border-radius:50%;border-color:#ffe8b67a;box-shadow:0 0 17px #ffe3a878}.playObject .objectLabel{bottom:-28px;font-size:clamp(19px,5cqw,28px)}.homeDialog.playDialog{width:min(840px,calc(100% - 16px));padding:24px}.playPreferences{padding:17px 20px 18px;margin-bottom:20px;border:1px solid #aac9dd33;border-radius:8px;background:#233b4a50;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.playPreferences .speedSetting{margin:0;font-size:16px}.playPreferences input{width:100%}.homeDialog .secondary{min-height:44px;border:1px solid #80abb94d;background:#183349;box-shadow:none;border-radius:5px;color:#cbecf3;font-size:14px;padding:10px 14px}.playSongList{display:grid;gap:16px}.playSong{display:grid;grid-template-columns:clamp(76px,24vw,164px) minmax(0,1fr);gap:22px;padding:20px;background:linear-gradient(120deg,#30425466,#15273b66);border:1px solid #93acbd30;border-radius:8px;align-items:center}.playCover{width:100%;aspect-ratio:1;padding:0;border:1px solid #c6d5df80;border-radius:2px;background:#0c1220;box-shadow:5px 6px #050a1455,0 8px 24px #0006;position:relative}.playCover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff2,transparent 45%);border-left:5px solid #fff2}.playCover img{display:block;width:100%;height:100%;object-fit:cover}.playCover.previewing{outline:2px solid #81e4f3;outline-offset:3px}.playSongInfo{min-width:0}.playSongInfo h3{font-size:22px;line-height:1.4;color:#fff1d9;margin:0 0 5px;overflow-wrap:anywhere}.playSongMeta{margin:0 0 12px;font-size:13px;color:#a3bdcc}.rowDifficulties{display:flex;gap:8px}.rowDifficulties button{flex:1;min-width:0;min-height:44px;padding:6px 2px;font-size:19px;color:#91a8bb;background:#122033;border:1px solid #426072;border-radius:4px;box-shadow:none}.rowDifficulties button.selected{color:#ecffff;background:#276072;border-color:#81dce9;box-shadow:inset 0 0 14px #79edff24,0 0 12px #79edff14}.rowBest{font-size:13px;line-height:1.5;color:#cfbd9e;margin:10px 0}.bestRetry{font-size:14px;min-height:44px;margin-bottom:10px}.rowPlay{width:100%;min-height:44px;background:linear-gradient(120deg,#0b4559,#245b76);border:1px solid #82daea;color:#eaffff;border-radius:5px;font-size:22px;box-shadow:0 0 14px #54d9f52a,inset 0 0 14px #78d9f521}.rowPlay:hover{filter:brightness(1.2)}.youtubePlayer{background:#030710;width:100%;height:clamp(200px,50vw,288px);overflow:hidden;border:1px solid #adcbd333;border-radius:6px}.youtubePlayer iframe{display:block;width:100%;height:100%;min-height:200px;border:0}.releaseBadge{display:inline-block;width:fit-content;padding:4px 8px;margin:0 0 8px;border:1px solid #87d9e455;border-radius:3px;background:#87d9e411;color:#b2ecf3;font:600 10px/1.3 sans-serif;letter-spacing:.1em;white-space:nowrap}.musicTrack .releaseBadge{margin:0 0 0 auto;font-size:9px}.musicTrack>span:not(.releaseBadge){min-width:0;overflow-wrap:anywhere}.localMusic{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:100%;padding:16px}.localMusic img{height:calc(100% - 70px);max-width:100%;object-fit:contain}.localMusic audio{width:100%;height:40px}.youtubeLink[hidden]{display:none}.playPreferences .speedSetting,.playPreferences .speedEnds{line-height:1.6}.playPreferences .speedEnds{font-size:14px}#musicTitle{font-size:20px;line-height:1.4;margin:18px 0}.musicTracks{display:grid;gap:10px}.musicTrack{display:flex;align-items:center;text-align:left;gap:14px;padding:8px;background:#17283b;border:1px solid #abc5d426;border-radius:5px;color:#c9d8e6;font-size:16px;min-width:0;box-shadow:none}.musicTrack img{width:48px;height:48px;object-fit:cover}.musicTrack[aria-pressed=true]{border-color:#79d4e5;background:#234c5d;color:#fff6e6}.youtubeLink{display:block;text-align:right;color:#a4cddc;margin-top:20px;font-size:14px;padding:8px 0}.homeDialog.guideDialog{width:min(720px,calc(100% - 20px))}.guideGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.guideCard{background:#030a19;border:1px solid #58cde425;border-radius:7px;overflow:hidden}.guideVisual{aspect-ratio:1;background-image:url(system/controls-guide.webp);background-size:200% 300%;background-position:var(--guide-x) var(--guide-y)}.guideCard h3{color:#7deaff;font-size:20px;margin:-12px 14px 8px;position:relative}.guideCard p{font-size:14px;line-height:1.65;color:#c8d7e7;margin:0 14px 18px}.guideBoost{font-size:14px;line-height:1.6;color:#bccede;margin-bottom:0}@media(max-width:520px){.homeDialog.playDialog{padding:16px 12px}.playPreferences{grid-template-columns:1fr;gap:12px;padding:15px}.playPreferences .secondary{justify-self:end}.playSong{padding:13px 10px;gap:13px;align-items:start}.playSongInfo h3{font-size:17px}.rowDifficulties{gap:5px}.rowDifficulties button{font-size:17px}.rowBest{font-size:12px}.guideGrid{gap:10px}.guideCard h3{margin-left:10px}.guideCard p{margin-inline:10px}}@media(max-width:350px){.guideGrid{grid-template-columns:1fr}.guideVisual{max-height:220px;aspect-ratio:1;width:220px;margin:auto}.playSong{grid-template-columns:68px minmax(0,1fr);gap:10px}}.galleryCard .galleryThumb{position:relative;display:block;padding:0;aspect-ratio:1;overflow:hidden}.galleryThumb img{display:block;width:100%;height:100%;object-fit:cover}.galleryCard .galleryLock{position:absolute;inset:0;display:none;place-items:center;background:#000d;color:#c3c7cf;font-size:12px;letter-spacing:.15em;padding:0}.galleryCard.locked .galleryLock{display:grid}.galleryCard.locked{opacity:1;cursor:default;filter:none;box-shadow:none}.galleryCard.locked>span:last-child{color:#898995}.galleryCard.locked:hover{transform:none;border-color:#42404e}#authForm label{display:block;margin:16px 0 7px;font-size:14px}#authForm input{width:100%;box-sizing:border-box;min-height:48px;padding:10px 13px;background:#090d1b;color:#fff;border:1px solid #526575;border-radius:6px;font-family:var(--font-text);font-size:16px}#authForm .help{font-size:12px;line-height:1.6}#authError{color:#ff98ac}#accountName{color:#8ae8ff}#accountDialog{max-height:90dvh;overflow-y:auto}#accountDialog .segmented{display:flex;gap:8px}#accountDialog [aria-pressed=true]{border-color:#92eaff;background:#204055}#logoutAccount{width:100%;min-height:46px}#accountSync{min-height:24px}#openingLoginForm label{display:block;text-align:left;margin:14px 0 6px;font-size:12px;letter-spacing:.16em;color:#aac7da}#openingLoginForm input{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:10px 14px;background:#090d18;color:#fff;border:1px solid #547187;border-radius:7px;font-family:var(--font-text);font-size:16px}#openingLoginForm input:focus{outline:2px solid #8ceaff;outline-offset:2px}#openingError{font-family:var(--font-text);font-size:12px;line-height:1.5;color:#ff9ab8;text-align:center}#openingError:empty,#bootStatus:empty{display:none}#openingPlay,#openingSignup,#practiceEntry{display:block;width:100%;min-height:46px;margin:12px auto 0}#openingSignup{background:transparent;border:1px solid #654b6d;color:#f2c7e5;font-size:18px}#openingSignedIn{text-align:center;color:#a4edff;overflow-wrap:anywhere}#rankPeriod[hidden],#openingCredentials[hidden],#openingSignup[hidden]{display:none}.opening .logoSequence{max-width:620px;margin-inline:auto}.openingEntry{margin-top:12px}.rowDifficulties button[data-difficulty=oni]{color:#ffb8eb;border-color:#a55791}.rowDifficulties button[data-difficulty=oni].selected{background:#5b2050;box-shadow:0 0 15px #fa38c144}.rowDifficulties button:disabled{opacity:.38;cursor:not-allowed}.oniLock{font:12px var(--font-body,sans-serif);letter-spacing:.04em;color:#91a8bb;margin:7px 0 0}.oniLock[hidden]{display:none}
