@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--pink:#ff54d8;--cyan:#9cfff6;--muted:#a994b9;--line:rgba(246,194,255,.16);font-family:'Noto Sans KR','Apple SD Gothic Neo',system-ui,sans-serif;color:#fff4ff;background:#0b0414;font-synthesis:none}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body.neon-game .nomonori-game-dock,body.neon-game>.nomonori-toast{display:none!important}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button,fieldset{border:0}button{touch-action:manipulation}button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.app{height:100dvh;width:100%;display:flex;flex-direction:column;background:#0b0414}.topbar{height:70px;flex:0 0 70px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;padding-top:env(safe-area-inset-top);border-bottom:1px solid var(--line);background:rgba(12,5,23,.96);z-index:30;gap:20px}.brand{color:#9d8aa9;text-decoration:none;display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.06em}.brand svg{width:32px;height:32px;fill:rgba(255,69,216,.1);stroke:#ff95e8;stroke-width:1.5}.brand span{display:flex;flex-direction:column;gap:2px}.brand b{font-size:15px;color:#f9eafa;letter-spacing:-.04em}.track-info{display:flex;gap:12px;align-items:center;color:#c7b1d7;font-size:12px;letter-spacing:.04em}.live-dot,.section-dot{width:5px;height:5px;border-radius:100%;background:#bd98ff;box-shadow:0 0 12px #ba79ff}.track-divider{color:#573964}.toolbar{display:flex;gap:8px}.icon-button{background:none;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:7px;color:#c3aecd;height:36px;padding:7px 10px;border-radius:9px;font-size:11px;transition:.2s}.icon-button:hover{border-color:var(--line);background:#ffffff08;color:white}.icon-button.muted{opacity:.5}.icon-button.muted .sound-wave{display:none}.stage{position:relative;min-height:0;flex:1;overflow:hidden;isolation:isolate}.stage-art,.stage-shade,.stage-grain,#game{position:absolute;inset:0;pointer-events:none}.stage-art{z-index:-5;background:#130620 url('assets/neon-tunnel.png') center 38%/cover no-repeat;filter:saturate(1.12);opacity:.85;transform:scale(1.035)}.stage-shade{z-index:-4;background:linear-gradient(90deg,rgba(12,3,24,.97),rgba(16,3,26,.82) 26%,rgba(18,4,32,.34) 57%,rgba(14,4,26,.22)),linear-gradient(0deg,#0a0319 0%,transparent 42%,#0e041c44 84%);transition:background 1s}.app[data-state=playing] .stage-shade,.app[data-state=paused] .stage-shade,.app[data-state=ended] .stage-shade{background:linear-gradient(90deg,#0d041b77,transparent 30%,transparent 70%,#0d041b77),linear-gradient(0deg,#0a0319 0%,#10022233 25%,#08011722 70%,#10041a88)}#game{z-index:-2;pointer-events:auto;touch-action:none}#game canvas{display:block;width:100%;height:100%}.stage-grain{z-index:9;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E")}.title-screen{position:absolute;z-index:10;left:6.4%;top:50%;transform:translateY(-53%);width:min(400px,37%)}.eyebrow{display:flex;align-items:center;gap:9px;color:#d8a7e8;font-size:11px;font-weight:500;letter-spacing:.1em}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:#ff68d7;box-shadow:0 0 12px #ff2bbe}h1{font-size:clamp(40px,4.55vw,68px);line-height:1.28;letter-spacing:-.065em;margin:22px 0 20px;font-weight:900;white-space:nowrap}h1 em{font-style:normal;background:linear-gradient(100deg,#ffe9ff 0%,#ffb3ee 44%,#ed69ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 55px #f664ff33}.hero-copy{color:#bba3ca;font-size:14px;line-height:1.9;letter-spacing:-.03em;margin:0 0 23px}.track-chips{display:flex;gap:8px;margin:0 0 24px}.track-chips>span{border:1px solid #b075c529;border-radius:5px;padding:5px 9px;font-size:10px;color:#d8bbdf;background:#6e338916}.difficulty{padding:0;margin:0 0 20px;display:flex;gap:5px;width:300px;max-width:100%}.difficulty legend{font-size:10px;color:#9e86ac;margin-bottom:9px;letter-spacing:.05em}.difficulty button{flex:1;background:#a667c50d;border:1px solid #805c922b;border-radius:7px;font-size:12px;height:35px;color:#9e84b0;transition:.2s}.difficulty button:hover{color:#fff}.difficulty button.selected{color:#fff0ff;border-color:#e27ac768;background:#e557d422;box-shadow:inset 0 0 15px #ca49d311}.primary-button{width:300px;max-width:100%;height:54px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;padding:0 21px;background:linear-gradient(115deg,#f7d2ff,#f9a1eb 55%,#eb69de);color:#2b0935;font-weight:800;font-size:15px;box-shadow:0 0 38px #dd38bf20,0 4px 20px #0005;transition:transform .18s,box-shadow .18s}.primary-button:hover{transform:translateY(-2px);box-shadow:0 0 50px #e438cc4d,0 6px 20px #0005}.primary-button:active{transform:translateY(1px)}.personal-best{display:flex;justify-content:space-between;width:300px;max-width:100%;margin-top:15px;color:#957d9f;font-size:10px}.personal-best strong{font-variant-numeric:tabular-nums;font-weight:500;color:#cdafda;font-size:11px}.preview-caption{position:absolute;bottom:7.5%;left:67%;transform:translateX(-50%);font-size:10px;letter-spacing:.1em;color:#c9a7d3;display:flex;align-items:center;gap:12px;white-space:nowrap}.tiny-bars{height:20px;display:flex;gap:3px;align-items:center}.tiny-bars i{width:2px;height:6px;background:#ef89ee;animation:equalize .8s infinite ease-in-out alternate}.tiny-bars i:nth-child(2){height:15px;animation-delay:.2s}.tiny-bars i:nth-child(3){height:20px;animation-delay:.4s}.tiny-bars i:nth-child(4){height:13px;animation-delay:.1s}.tiny-bars i:nth-child(5){height:9px;animation-delay:.3s}@keyframes equalize{to{transform:scaleY(.3);opacity:.4}}
.play-guide{position:absolute;bottom:20px;left:6.4%;display:flex;gap:13px;align-items:center;font-size:10px;color:#8d739e;pointer-events:none;z-index:4}.play-guide>span{display:flex;gap:4px;align-items:center}kbd{font-family:inherit;font-size:9px;padding:3px 5px;border:1px solid #88609366;border-radius:3px;color:#c9aed4;background:#160b24}.guide-separator{height:12px;width:1px;background:#76538355}.app[data-state=playing] .play-guide,.app[data-state=paused] .play-guide{left:50%;transform:translateX(-50%);bottom:9px;white-space:nowrap}.hud{position:absolute;z-index:5;top:30px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;font-variant-numeric:tabular-nums}.stat-label{font-size:10px;color:#c5a6d7;letter-spacing:.13em;font-weight:500}.score-block,.combo-block{display:flex;flex-direction:column;gap:5px}.score-block strong{font-size:36px;letter-spacing:.015em;line-height:1.2;font-weight:700}.best-live{font-size:10px;color:#886e9d}.combo-block{position:absolute;left:50%;transform:translateX(-50%);align-items:center;gap:0}.combo-block strong{font-size:48px;line-height:1.2;color:#fff3ff;font-weight:800;text-shadow:0 0 25px #e262cf66}.combo-block>span:last-child{font-size:10px;color:#c9a4d8}.energy-block{width:158px}.energy-block>.stat-label{display:flex;justify-content:space-between}.energy-block b{font-weight:500;color:#bafff4}.meter{height:3px;border-radius:4px;background:#aa6bab25;overflow:hidden;margin-top:9px}.meter i{height:100%;width:100%;display:block;background:#a6ffe8;box-shadow:0 0 14px #82ffeb;transition:width .15s}.fever-label{margin-top:15px;font-size:9px}.fever-meter{height:3px;margin-top:8px}.fever-meter i{background:linear-gradient(90deg,#b761ff,#ff78da);box-shadow:0 0 14px #fc58dd;width:0}.song-progress{position:absolute;z-index:6;top:0;height:2px;background:#ffffff08;width:100%}.song-progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ad71ff,#fb84e0,#fff0ff);box-shadow:0 0 8px #fa77ed}.section-label{position:absolute;left:4%;top:160px;display:flex;align-items:center;gap:9px;font-size:10px;color:#c3a1d4;z-index:5}.section-label #time-left{color:#7f658e;font-variant-numeric:tabular-nums;margin-left:5px}.judge{position:absolute;z-index:6;top:56%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;opacity:0;white-space:nowrap;transition:opacity .12s}.judge strong{display:block;font-size:36px;font-weight:900;letter-spacing:-.05em;text-shadow:0 0 24px currentColor,0 3px 8px #16031c}.judge>span{font-size:10px;letter-spacing:.08em;color:#ddd2e5;text-shadow:0 2px 10px #000}.judge.pop{animation:judge-pop .42s ease-out forwards}@keyframes judge-pop{0%{opacity:1;transform:translate(-50%,-50%) scale(.9)}18%{opacity:1;transform:translate(-50%,-50%) scale(1.05)}70%{opacity:1}100%{opacity:0;transform:translate(-50%,-68%) scale(1)}}.judge.countdown strong{font-size:64px;color:white}.fever-banner{position:absolute;z-index:5;left:50%;top:33%;transform:translateX(-50%);color:#fff2ff;font-weight:800;font-size:16px;letter-spacing:.12em;text-shadow:0 0 24px #ff74e2;white-space:nowrap;animation:fever-breathe .5s infinite alternate}@keyframes fever-breathe{to{filter:brightness(1.3);text-shadow:0 0 35px #ff5ce8}}.lane-controls{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);width:min(84%,900px);height:55px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;z-index:7;touch-action:none}.lane-controls button{--lane:#fb6bdf;position:relative;border:1px solid color-mix(in srgb,var(--lane) 35%,transparent);background:linear-gradient(180deg,#39113c70,#160a23c9);color:#f7d6f4;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;touch-action:none;user-select:none;-webkit-user-select:none;transition:background .07s,box-shadow .07s,border-color .07s}.lane-controls button:nth-child(2){--lane:#c98aff}.lane-controls button:nth-child(3){--lane:#9cfff6}.lane-controls button:nth-child(4){--lane:#fb6bdf}.lane-controls span{font-size:19px;font-weight:700}.lane-controls small{font-size:9px;color:#b48bbd;letter-spacing:.05em}.lane-controls button.pressed{background:color-mix(in srgb,var(--lane) 30%,#1b0c25);border-color:var(--lane);box-shadow:0 0 25px color-mix(in srgb,var(--lane) 40%,transparent),inset 0 0 20px #fff1}.modal-shade{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;background:#090412c9;backdrop-filter:blur(12px);padding:20px;overflow:auto}.modal-panel{border:1px solid #a060af44;border-radius:20px;padding:36px;width:420px;max-width:100%;background:linear-gradient(150deg,#25112ff2,#130a21fa);box-shadow:0 24px 80px #0008,0 0 100px #e747db0c}.modal-panel h2{font-size:27px;letter-spacing:-.055em;line-height:1.45;margin:15px 0;color:#ffe8fc}.modal-panel p{color:#aa88b9;font-size:12px;line-height:1.9;margin:12px 0 25px}.modal-panel .primary-button{width:100%;margin-top:24px}.secondary-button{width:100%;height:46px;border:1px solid #ba75c84a;border-radius:9px;background:#bc6cd211;margin-top:10px;font-size:12px;color:#ddbee7}.text-button{font-size:11px;color:#9f7faf;background:none;display:block;margin:19px auto 0;padding:6px}.text-button:hover{color:white}.setting-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#dbb7e6;margin:25px 0 14px}.setting-label strong{font-size:12px;color:#a9fff3;font-weight:600}input[type=range]{width:100%;accent-color:#ef8be0;cursor:pointer;height:18px}.modal-panel .setting-help{font-size:11px;color:#a480b1;line-height:1.85}.result-hero{display:flex;gap:25px;align-items:center;margin:22px 0}.result-hero>span{font-size:82px;line-height:1;font-weight:900;color:#ffcefb;text-shadow:0 0 30px #ff78e078;font-style:italic}.result-hero>div{display:flex;flex-direction:column;gap:5px}.result-hero strong{font-size:32px;font-weight:700;letter-spacing:-.03em}.new-best{color:#a6fff4;font-size:10px}.result-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ad6bab2b;border-bottom:1px solid #ad6bab2b;padding:15px 0;gap:15px}.result-metrics>div{display:flex;flex-direction:column;gap:6px}.result-metrics span{font-size:10px;color:#b78fbe}.result-metrics b{font-size:19px;font-weight:600}.result-metrics>div:first-child b{color:#a9fff3}.result-summary{display:flex;justify-content:space-between;font-size:10px;color:#c19ccc;margin-top:14px}.toast{position:absolute;z-index:50;left:50%;bottom:115px;transform:translate(-50%,10px);background:#201329ed;border:1px solid #a775b655;border-radius:9px;padding:10px 18px;font-size:11px;color:#efd6f5;opacity:0;pointer-events:none;transition:.2s;white-space:nowrap}.toast.visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.title-screen{left:9%;width:440px}.play-guide{left:9%}h1{font-size:72px}.primary-button,.difficulty,.personal-best{width:330px}.hero-copy{font-size:15px}}
@media(max-height:700px) and (min-width:701px){.topbar{height:58px;flex-basis:58px}.title-screen{transform:translateY(-51%)}h1{font-size:48px;margin:14px 0}.hero-copy{font-size:12px;margin-bottom:15px}.track-chips{margin-bottom:14px}.difficulty{margin-bottom:14px}.primary-button{height:48px}.personal-best{margin-top:11px}.preview-caption{bottom:9%}.play-guide{bottom:12px}.hud{top:22px}.modal-panel{padding:26px}.modal-panel h2{font-size:24px}.result-hero{margin:15px 0}.result-hero>span{font-size:64px}.result-panel .primary-button{margin-top:15px}.result-panel .setting-help{margin:12px 0}.modal-shade{padding:12px}}
@media(max-width:700px){.topbar{height:62px;flex-basis:62px;padding:0 16px;gap:8px}.brand{gap:8px}.brand svg{width:27px}.brand b{font-size:13px}.brand span{font-size:8px}.track-info{font-size:9px;gap:6px;margin-left:auto}.track-info>span:nth-child(2),.track-divider{display:none}.toolbar{gap:1px}.icon-button{padding:7px;width:34px}.button-label{display:none}.stage-art{background-position:50% 32%;opacity:.9}.stage-shade{background:linear-gradient(0deg,#10071e 0%,#140622f0 30%,#16082570 63%,#12051c10 100%)}.title-screen{left:24px;right:24px;top:auto;bottom:43px;width:auto;transform:none}.eyebrow{font-size:9px}.title-screen h1{font-size:39px;line-height:1.22;margin:12px 0 10px}.hero-copy{font-size:11px;line-height:1.7;margin-bottom:13px}.hero-copy br{display:none}.track-chips{position:absolute;right:0;top:31px;flex-direction:column;gap:5px;margin:0}.track-chips>span{font-size:8px;text-align:center;padding:4px 6px}.difficulty{width:100%;margin-bottom:12px}.difficulty legend{font-size:9px;margin-bottom:7px}.difficulty button{height:32px;font-size:11px}.primary-button{width:100%;height:48px;font-size:14px}.personal-best{width:100%;margin-top:10px;font-size:9px}.preview-caption{left:50%;top:16px;bottom:auto;font-size:8px;letter-spacing:.06em;opacity:.7}.tiny-bars{height:13px}.tiny-bars i{max-height:13px}.play-guide{bottom:12px;left:24px;font-size:8px;gap:7px}.guide-separator{display:none}.play-guide>span:last-child{display:none}.hud{left:20px;right:20px;top:22px}.stat-label{font-size:8px;letter-spacing:.05em}.score-block strong{font-size:25px}.best-live{font-size:8px}.combo-block strong{font-size:37px}.combo-block>span:last-child{font-size:8px}.energy-block{width:84px}.energy-block .stat-label{font-size:8px}.fever-label{margin-top:11px}.meter{margin-top:7px}.section-label{left:20px;top:115px;font-size:8px;gap:6px}.judge{top:53%}.judge strong{font-size:30px}.judge>span{font-size:9px}.fever-banner{font-size:12px;top:30%}.lane-controls{width:calc(100% - 28px);height:62px;bottom:33px;gap:7px}.lane-controls button{flex-direction:column;gap:2px;border-radius:9px}.lane-controls span{font-size:20px}.lane-controls small{font-size:8px}.app[data-state=playing] .play-guide,.app[data-state=paused] .play-guide{bottom:8px;font-size:8px}.modal-panel{padding:26px 24px;border-radius:16px}.modal-panel h2{font-size:24px}.modal-panel .primary-button{margin-top:20px}.result-hero>span{font-size:68px}.result-hero strong{font-size:30px}.toast{bottom:110px;font-size:10px;padding:10px 12px}}
@media(max-width:700px) and (max-height:730px){.title-screen{bottom:36px}.title-screen h1{font-size:32px}.hero-copy{display:none}.track-chips{top:28px}.difficulty{margin-top:14px}.personal-best{margin-top:8px}.title-screen .eyebrow{font-size:8px}.modal-panel{padding:20px}.modal-panel h2{font-size:22px;margin:10px 0}.modal-panel p{margin:10px 0 15px}.result-hero{margin:15px 0}.result-metrics{padding:10px 0}.modal-panel .primary-button{margin-top:15px}.text-button{margin-top:10px}}
@media(max-height:470px) and (min-width:701px){.title-screen{top:48%;width:400px}.title-screen h1{font-size:32px;margin:10px 0}.hero-copy,.track-chips,.personal-best,.preview-caption{display:none}.difficulty{margin-top:10px;margin-bottom:10px}.difficulty legend{display:none}.title-screen .primary-button{height:42px}.play-guide{bottom:7px}.hud{top:12px}.score-block strong{font-size:25px}.combo-block strong{font-size:32px}.section-label{top:105px}.lane-controls{bottom:25px;height:40px}.modal-panel{padding:18px;width:600px}.modal-panel h2{margin:8px 0;font-size:20px}.modal-panel p{margin:8px 0}.modal-panel .primary-button{margin-top:10px;height:40px}.text-button{margin-top:8px}.result-hero{margin:9px 0}.result-hero>span{font-size:45px}.result-metrics{padding:8px 0}.result-panel .setting-help{display:none}.result-summary{margin-top:8px}.modal-panel .setting-label{margin:12px 0 6px}}
@media(prefers-reduced-motion:reduce){.tiny-bars i,.fever-banner{animation:none}.primary-button{transition:none}}
@media(min-width:701px){.app[data-state=ready] .stage-art{left:34%;background-position:center 35%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%);mask-image:linear-gradient(90deg,transparent,#000 18%)}.app[data-state=ready] .stage-shade{background:linear-gradient(90deg,#0e0519 0%,#10051cf5 27%,#12051b70 53%,#12051b30),linear-gradient(0deg,#0a0319 0%,transparent 42%)}.preview-caption{bottom:4.8%}}

/* Only the scenery drifts: note geometry and the judgement line stay fixed. */
.stage{--stage-hue:0deg;--stage-color:#b34dff;--stage-light:#ff68dc;overflow:clip}
.stage-art{filter:saturate(1.22) hue-rotate(var(--stage-hue));transform-origin:50% 32%;animation:tunnel-drift 18s ease-in-out infinite alternate;will-change:transform}
.stage-aurora{position:absolute;inset:-8%;z-index:-3;pointer-events:none;opacity:.44;mix-blend-mode:screen;background:radial-gradient(ellipse at 72% 20%,color-mix(in srgb,var(--stage-color) 28%,transparent),transparent 48%),conic-gradient(from 200deg at 50% 30%,transparent 0deg,color-mix(in srgb,var(--stage-light) 18%,transparent) 18deg,transparent 35deg 155deg,color-mix(in srgb,var(--stage-color) 20%,transparent) 173deg,transparent 194deg);animation:aurora-drift 12s ease-in-out infinite alternate}
.stage-theme-label{margin-left:7px;border-left:1px solid #ffffff25;padding-left:12px;color:var(--stage-light)}
.section-dot{background:var(--stage-light);box-shadow:0 0 12px var(--stage-color)}
.app[data-state=paused] .stage-art,.app[data-state=paused] .stage-aurora,.app[data-state=ended] .stage-art,.app[data-state=ended] .stage-aurora{animation-play-state:paused}
@keyframes tunnel-drift{0%{transform:scale(1.045) translate3d(-.4%,-.4%,0)}50%{transform:scale(1.07) translate3d(.35%,.25%,0)}100%{transform:scale(1.085) translate3d(.7%,-.15%,0)}}
@keyframes aurora-drift{0%{transform:rotate(-5deg) scale(1);opacity:.3}100%{transform:rotate(5deg) scale(1.08);opacity:.55}}
@media(max-width:700px){.stage-theme-label{margin-left:3px;padding-left:8px}.stage-aurora{opacity:.35}}
@media(prefers-reduced-motion:reduce){.stage-art,.stage-aurora{animation:none;will-change:auto}.stage-art{transform:scale(1.045)}}