@import url('typography.css');
:root{color-scheme:dark;--ink:#f6f5ff;--yellow:#f5ff00;--pink:#ff25bd;--blue:#004dff;--cyan:#00eaff}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#071132;color:var(--ink);font-size:16px}body{background:radial-gradient(ellipse at 100% 0,#123dba,transparent 55%),repeating-linear-gradient(130deg,transparent 0 70px,#22326433 71px 73px),#070b22}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible{outline:3px solid #00eaff;outline-offset:4px}[hidden]{display:none!important}button,a,input{-webkit-tap-highlight-color:transparent}#lobby{width:min(100%,600px);margin:auto;padding:22px 18px 40px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:4px 0 22px}.brand{color:white;text-decoration:none;font-size:28px;line-height:1.25;transform:rotate(-2deg);text-shadow:3px 3px #004dff}.brand em{color:var(--yellow);font-style:normal}.tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 22px}.tools button{background:#172856;border:1px solid #426bb0;padding:10px 13px;min-height:44px;border-radius:5px;font-size:16px}#profileOpen{margin-right:auto;color:var(--yellow);max-width:100%;overflow-wrap:anywhere}.iconbtn{width:46px;min-height:46px;background:#203371;border:1px solid #4e67b0;border-radius:5px;font-size:24px;flex:none}.songList{display:flex;flex-direction:column;gap:20px}.songCard{position:relative;width:100%;height:170px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:20px;text-align:left;overflow:hidden;border:2px solid #5170bb;border-radius:5px;background:linear-gradient(130deg,#293fa6,#8021a2);box-shadow:5px 5px #010517}.songCard img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.songCard:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#030716e8,#05081566 65%,#0003)}.songCard h2,.songCard time{position:relative;z-index:1;margin:0}.songCard h2{font-family:'Noto Sans KR','Noto Sans JP',sans-serif!important;font-size:23px;font-weight:500;line-height:1.4;text-shadow:1px 2px 6px #000}.songCard time{font-size:16px;margin-top:9px;color:#fff}.songCard.active{border-color:var(--yellow);box-shadow:5px 5px var(--blue)}.songItem.open{border-bottom:3px solid var(--yellow);padding-bottom:18px}.detail{padding:18px 4px 0;animation:reveal .15s ease-out}.segmented{display:flex;gap:7px;flex-wrap:wrap}.segmented button{flex:1;min-height:44px;padding:10px 8px;border:1px solid #4763a7;background:#172044;border-radius:4px;font-size:17px;white-space:nowrap}.segmented button.selected{background:var(--yellow);color:#081128;border-color:var(--yellow)}#difficulty button:nth-child(4){flex-basis:55%}#difficulty button:nth-child(5){flex-basis:35%;color:#ff58d9}#difficulty button:nth-child(5).selected{background:var(--pink);color:white;border-color:var(--pink)}.primary{width:100%;min-height:56px;padding:14px 20px;background:var(--yellow);color:#070e31;border:2px solid #f6ff80;font-size:26px;border-radius:4px;box-shadow:4px 4px #004dff;margin:16px 0 8px}.secondary{padding:11px 14px;min-height:44px;border:1px solid #556eb2;background:#17234b;border-radius:4px;font-size:19px}.detailActions{display:flex;gap:8px;margin-top:10px}.detailActions button{flex:1}.chartMeta{font-size:14px;color:#aec5ff;margin:13px 0 0}.rankbtn{width:100%;margin-top:10px;min-height:46px;padding:10px;background:#18285b;font-size:20px}dialog{background:#101b40;border:2px solid #4275ff;border-radius:6px;color:#fff;width:min(480px,calc(100% - 28px));max-height:calc(100dvh - 30px);overflow:auto;padding:24px;box-shadow:7px 7px #020719}dialog::backdrop{background:#030612dc}dialog h2{font-size:30px;margin:0 0 16px;line-height:1.3}.modalHead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px}.modalHead h2{margin:0}.help{color:#bcc9ef;font-size:16px;line-height:1.65}.setting{display:block;font-size:19px;margin:25px 0 10px}.setting output{float:right;color:var(--yellow)}input[type=range]{display:block;width:100%;min-height:40px;accent-color:var(--pink)}input[type=text],#nicknameInput{width:100%;padding:13px;background:#080f2c;border:2px solid #486fb7;color:white;border-radius:4px;font-size:22px}.check{display:flex;align-items:center;gap:10px;min-height:44px;margin:15px 0;font-size:18px}.check input{width:21px;height:21px;accent-color:var(--pink)}.howto{line-height:1.8;font-size:17px;padding:15px;background:#08132e}.pcKeys{display:grid;grid-template-columns:auto 1fr;gap:15px;font-size:18px}.pcKeys dd{margin:0}kbd{padding:4px 7px;border:1px solid #557fc4;background:#213258}.rankrow{display:grid;grid-template-columns:30px 1fr auto;gap:10px;padding:15px 0;border-top:1px solid #365186;align-items:center}.rankrow small{display:block;font-size:14px;color:#afc3ee;margin-top:5px}.rankrow strong{color:var(--yellow)}.rankrow>div{overflow-wrap:anywhere}#rankPeriod{margin-bottom:15px}.resultGrade{font-size:65px;text-align:center;color:var(--yellow)}.resultScore{font-size:39px;text-align:center;margin:5px 0 20px}.resultStats{display:flex;justify-content:space-around;text-align:center;gap:8px}.resultStats strong,.resultStats small{display:block}.resultStats strong{font-size:23px}.resultStats small{font-size:14px;color:#9db7e8}.counts{display:flex;justify-content:space-between;margin:20px 0;font-size:12px}.counts b{display:block;font-size:20px;color:var(--yellow)}#saveStatus{min-height:26px}#toast{position:fixed;z-index:50;bottom:30px;left:50%;transform:translateX(-50%);background:var(--yellow);color:#071032;box-shadow:3px 3px #004dff;padding:14px 20px;font-size:17px;max-width:90%;display:none}#gameScreen{position:fixed;inset:0;background:#04071d;z-index:10;touch-action:none;user-select:none}.gameShell{height:100dvh;width:min(100%,560px);margin:auto;display:flex;flex-direction:column;padding-top:env(safe-area-inset-top);background:#080f32}.gameTop{display:flex;align-items:center;gap:10px;padding:10px 12px;min-height:74px;flex:none;border-bottom:2px solid #244fff}.gameTop>div:nth-child(2){min-width:0;flex:1}.gameTop small{display:block;font-size:12px;color:#91b5ff}.gameTop strong{display:block;font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.scorebox{text-align:right;flex:none}.scorebox strong{font-size:28px;color:var(--yellow)}.progress{height:4px;background:#152451;flex:none}.progress i{display:block;height:100%;background:var(--pink);width:0}.lifeHud{display:flex;justify-content:space-between;align-items:center;min-height:30px;flex:none;padding:4px 14px}.lifeHud small{font-size:12px;color:#becfff}#lifeDots{display:flex;gap:5px}#lifeDots i{width:13px;height:7px;background:#00eaff;transform:skewX(-15deg)}#lifeDots .off{background:#253051}.arena{position:relative;flex:1;min-height:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 80% 20%,#003cff77,transparent),linear-gradient(170deg,#300074,#041238 70%)}.arena[data-scene=weather]{background:linear-gradient(150deg,#743510,#13298f 45%,#08112b)}.arena[data-scene=unknown]{background:linear-gradient(#441196,#89155d 35%,#10123c)}.arena[data-scene=perfect]{background:linear-gradient(#063fd5,#077fbd 45%,#080c37)}.arena[data-scene=list]{background:linear-gradient(#420887,#251570 50%,#070d25)}.sceneIllustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:-1}.stageLights{position:absolute;inset:-30%;background:conic-gradient(from 30deg at 50% 0,transparent,#003cff55,transparent,#ff00bd44,transparent);animation:lights 7s linear infinite;pointer-events:none}.boosting .stageLights{background:repeating-conic-gradient(from 0deg at 50% 0,#ff00c899 0 15deg,transparent 15deg 40deg,#00eaff99 40deg 55deg,transparent 55deg 85deg);animation-duration:1.8s}#notes{position:absolute;inset:0;width:100%;height:100%;z-index:1}.comboHud{position:absolute;top:14%;left:0;right:0;text-align:center;pointer-events:none;z-index:2;text-shadow:3px 3px #002278}.comboHud strong{display:block;font-size:62px;color:var(--yellow)}.comboHud small{display:block;font-size:18px}#judgement{font-size:30px;min-height:40px}.countdown{position:absolute;inset:28% 0 auto;text-align:center;font-size:90px;color:var(--yellow);pointer-events:none;z-index:3}.hitArea{position:absolute;inset:0;z-index:4;display:flex;touch-action:none}.lane{width:25%;height:100%;background:none;border:0;padding:0;border-radius:0;touch-action:none}.lane.pressed{background:linear-gradient(0deg,#ffffff28,transparent 45%)}.lane span{position:absolute;bottom:24px;font-size:14px;opacity:.5;transform:translateX(-50%)}.boosterDock{display:flex;align-items:center;justify-content:center;gap:16px;min-height:54px;flex:none;border-top:2px solid #195bf5;background:#08112e}.boosterDock>span{font-size:16px;color:#bacbff}.boosterDock button{background:var(--pink);color:#fff;padding:8px 17px;min-height:42px;font-size:22px}.boosterDock button:disabled{display:none}.gameFoot{padding:6px 13px calc(9px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;flex:none;font-size:13px;color:#9db9ed}#laneEffects{position:absolute;inset:0;pointer-events:none;z-index:3}#laneEffects b{position:absolute;bottom:130px;width:25%;text-align:center;color:#fff600;font-size:25px;animation:burst .55s ease-out forwards}.danger .lifeHud{background:#ae083c}.impact .arena{animation:kick .12s ease-out}.reduced .arena,.reduced .stageLights,.reduced #laneEffects b{animation:none!important}.syncPad{display:block;width:100%;height:120px;background:#004dff;border:3px solid #00eaff;border-radius:5px;font-size:30px}.syncPad.pulse{background:#e8ff00;color:#061333}.syncActions{display:flex;gap:10px}.syncActions button{flex:1}@keyframes lights{50%{transform:rotate(12deg)}}@keyframes kick{40%{transform:translateY(2px)}}@keyframes burst{to{transform:translateY(-45px) scale(1.15);opacity:0}}@keyframes reveal{from{opacity:0;transform:translateY(-5px)}}@media(max-width:380px){.brand{font-size:24px}.songCard{height:155px;padding:16px}.songCard h2{font-size:21px}.scorebox strong{font-size:23px}.tools button{padding:8px 10px}.segmented button{font-size:16px}.gameTop{padding:8px}.gameTop strong{font-size:13px}}@media(max-height:700px){.gameTop{min-height:58px}.comboHud strong{font-size:43px}.comboHud{top:8%}.boosterDock{min-height:48px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}