@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Russo+One&family=Inter:wght@400;500;600;700;800;900&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{color-scheme:dark;--bg:#080d1c;--text:#f2f6f7;--muted:#8b9eae;--lime:#cdff50;--cyan:#53e8ff;--line:#ffffff18;--panel:#101b2a;--font:Inter,'Noto Sans KR',sans-serif}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);font-family:var(--font);color:var(--text)}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}button{touch-action:manipulation}button:disabled{opacity:.5;cursor:default}button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}#app{width:100%;height:100%;height:100dvh;position:relative;isolation:isolate;overflow:hidden}#game{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050b18a8,transparent 60%),linear-gradient(0deg,#050a17e8,transparent 42%,transparent 83%,#050a1777);z-index:1}.topbar{position:absolute;left:4.2%;right:4.2%;top:max(27px,env(safe-area-inset-top));height:40px;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{border:0;background:none;display:flex;align-items:center;gap:12px;font-size:18px;font-weight:900;letter-spacing:.07em;padding:0}.brand-light{font-weight:500;color:#b9cad5}.brand-icon{width:25px;height:25px;border:2px solid var(--lime);display:flex;align-items:center;justify-content:center;gap:4px;transform:rotate(-9deg);box-shadow:0 0 16px #cdff5028}.brand-icon i{height:5px;width:5px;background:var(--lime)}.top-actions{display:flex;align-items:center;gap:10px}.session-label{font-size:11px;letter-spacing:.17em;color:#9eafc3;margin-right:28px}.tiny-cross{color:var(--lime);padding-left:20px;font-size:17px}.icon-button{border:1px solid #a4c8e028;background:#0e1a2a8c;width:40px;height:40px;border-radius:9px;display:grid;place-items:center;transition:background .2s,transform .2s}.icon-button:hover{background:#253448;transform:translateY(-1px)}.icon-button.muted .sound-waves{display:none}.icon-button.muted{color:#74849a}.screen{position:absolute;inset:0;z-index:2}.menu-screen{padding:0 6.3%;display:flex;flex-direction:column;justify-content:flex-end}.menu-main{position:absolute;top:17%;left:8.1%}.intro{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:500;color:#bfccd5;letter-spacing:.1em}.small-line{width:25px;height:2px;background:var(--lime)}h1{margin:21px 0 15px;font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-size:clamp(96px,10.8vw,169px);line-height:.78;letter-spacing:-.02em;font-weight:900;transform:skew(-5deg);transform-origin:left center;text-shadow:0 8px 45px #030d17a0}h1>span{display:block}.title-dash{color:var(--lime);margin-top:9px}.title-period{color:var(--cyan)}.tagline{color:#aebdcb;font-size:15px;line-height:1.9;margin:22px 0 23px;font-weight:400}.start-row{display:flex;align-items:center;gap:22px}.play-button{height:59px;border:0;border-radius:8px;background:var(--lime);color:#132311;padding:0 21px;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 0 30px #bcff4915,inset 0 -3px 0 #5d871a30;font-weight:800;font-size:17px;transition:transform .17s,box-shadow .17s}.play-button:hover{transform:translateY(-3px);box-shadow:0 0 45px #bcff4936}.play-button:active{transform:translateY(1px)}.play-button svg{fill:currentColor;stroke:none;width:20px;height:20px}.play-button kbd{font-size:10px;letter-spacing:.08em;border:1px solid #21340f45;background:#a3d73544;color:#354616;box-shadow:none;margin-left:22px;padding:5px 7px}.practice-button{background:none;border:0;font-size:14px;color:#b8c9d4;padding:15px 0}.practice-button span{color:var(--lime);margin-left:6px}.practice-button:hover{color:white}.input-hint{margin-top:15px;color:#7f92a5;font-size:12px}.touch-hint{display:none}kbd{font-family:var(--font);font-size:10px;border:1px solid #e6f5ff32;padding:3px 5px;border-radius:3px;color:#afbccb} .input-hint kbd{margin-right:4px}.preview-label{position:absolute;top:60%;right:11%;display:flex;align-items:center;gap:15px}.orbit-mark{font-size:32px;color:var(--lime);font-weight:100}.preview-label strong{display:block;font-size:13px;letter-spacing:.15em}.preview-label div>span{display:block;color:#829aaa;font-size:12px;margin-top:7px}.preview-line{width:62px;height:1px;background:#95bdbe4d;margin-left:4px}.level-deck{position:absolute;left:6.3%;right:6.3%;bottom:8.5%;}.deck-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:11px;letter-spacing:.17em;color:#a4b5c5}.deck-top>span:last-child{font-size:13px;letter-spacing:.1em;color:var(--lime)}.deck-top>span:last-child span{color:#647b90;margin-left:6px}.level-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.level-card{position:relative;display:flex;text-align:left;gap:16px;align-items:center;padding:21px 22px;background:linear-gradient(125deg,#192b36cb,#101d2bba);border:1px solid #99c4c321;border-radius:11px;backdrop-filter:blur(18px);overflow:hidden;min-width:0;transition:border-color .2s,background .2s,transform .2s}.level-card:hover{border-color:#8aacac80;transform:translateY(-3px)}.level-card.active{border-color:var(--lime);background:linear-gradient(125deg,#2d442fbc,#162632c9);box-shadow:0 0 0 1px #b9fb2913,0 7px 36px #0003}.level-card.active:before{content:'';position:absolute;left:0;top:25%;height:50%;width:3px;background:var(--lime);border-radius:0 3px 3px 0}.difficulty-icon{position:relative;width:44px;height:44px;flex:0 0 44px;border:2px solid var(--level-color);border-radius:50%;color:var(--level-color);background:color-mix(in srgb,var(--level-color) 8%,transparent);display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 0 20px color-mix(in srgb,var(--level-color) 6%,transparent)}.difficulty-icon i{width:5px;height:6px;border-radius:1px;background:currentColor;transform:translateY(-3px)}.difficulty-icon:after{content:'';position:absolute;width:15px;height:6px;border:2px solid currentColor;border-top:0;border-radius:0 0 7px 7px;bottom:8px}.level-card:nth-child(2) .difficulty-icon i{transform:rotate(20deg) translateY(-3px)}.level-card:nth-child(2) .difficulty-icon i+i{transform:rotate(-20deg) translateY(-3px)}.level-card:nth-child(2) .difficulty-icon:after{height:0;bottom:11px;border-bottom:0;border-radius:0}.level-card:nth-child(3) .difficulty-icon i{height:4px;transform:rotate(25deg) translateY(-3px)}.level-card:nth-child(3) .difficulty-icon i+i{transform:rotate(-25deg) translateY(-3px)}.level-card:nth-child(3) .difficulty-icon:after{border-top:2px solid currentColor;border-bottom:0;border-radius:7px 7px 0 0}.level-info{min-width:0;flex:1}.level-info strong{display:block;font-size:16px;font-weight:800;letter-spacing:.01em;white-space:nowrap}.level-meta{display:flex;gap:10px;align-items:center;margin-top:7px;color:#8fa5b6;font-size:11px;white-space:nowrap}.level-meta .difficulty{color:var(--level-color);font-weight:600}.meta-divider{height:9px;width:1px;background:#697d8a66}.level-best{font-size:11px;color:#7990a4;position:absolute;bottom:9px;right:12px}.level-arrow{width:22px;height:22px;border-radius:50%;border:1px solid #92aeb237;display:grid;place-items:center;color:#a0b7c0;font-size:12px;flex-shrink:0}.level-card.active .level-arrow{background:var(--lime);border-color:var(--lime);color:#283516}.menu-footer{position:absolute;bottom:3.5%;left:6.3%;right:6.3%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#5e778d;align-items:center}.footer-music{display:flex;gap:10px;align-items:center}.equalizer{display:flex;gap:2px;align-items:center;height:14px}.equalizer i{display:block;width:2px;height:7px;background:#7c9a96;animation:eq 1s ease-in-out infinite alternate}.equalizer i:nth-child(2){height:12px;animation-delay:-.2s}.equalizer i:nth-child(3){height:8px;animation-delay:-.5s}.equalizer i:nth-child(4){height:4px;animation-delay:-.7s}@keyframes eq{to{height:3px;opacity:.5}}#app[data-screen=playing] .topbar,#app[data-screen=paused] .topbar,#app[data-screen=dead] .topbar,#app[data-screen=complete] .topbar{display:none}#app[data-screen=playing] .vignette{background:linear-gradient(0deg,#0309188a,transparent 30%,transparent 80%,#03091866)}.hud-screen{pointer-events:none;padding:34px 4.3%}.hud-top{display:flex;align-items:center;gap:32px}.hud-level{display:flex;gap:14px;align-items:center;min-width:220px}.hud-level>span{font-family:'Barlow Condensed',Impact,sans-serif;font-size:40px;color:var(--lime);font-weight:700;line-height:1}.hud-level strong{font-size:14px;letter-spacing:.08em;display:block}.hud-level small{display:block;margin-top:7px;color:#7792a5;font-size:11px;letter-spacing:.14em}.progress-wrap{max-width:610px;flex:1;margin-left:auto;margin-right:auto}.progress-head{display:flex;justify-content:space-between;margin-bottom:10px;font-size:10px;letter-spacing:.15em;color:#a0b5c3}.progress-head strong{color:var(--lime);font-size:14px;letter-spacing:0}.progress-track{height:5px;background:#abc4db1c;border-radius:8px;overflow:hidden}.progress-track i{height:100%;display:block;width:0;background:var(--lime);border-radius:8px;box-shadow:0 0 15px var(--lime)}.hud-top .icon-button{pointer-events:auto}.hud-bottom{position:absolute;left:4.3%;right:4.3%;bottom:5.2%;display:flex;align-items:center;justify-content:space-between;color:#87a2b2;font-size:11px;letter-spacing:.1em}.hud-keys{font-size:11px;letter-spacing:0}.hud-keys kbd{margin:0 6px 0 14px}.game-notice{position:absolute;top:29%;left:10%;right:10%;text-align:center;font-size:24px;font-weight:800;letter-spacing:.05em;color:white;opacity:0;transition:opacity .25s;text-shadow:0 0 20px #39ffda55}.game-notice.show{opacity:1}#coin-counter{font-size:23px;letter-spacing:6px;color:#ffdd72}.touch-jump{display:none;pointer-events:auto}.overlay-screen{display:grid;place-items:center;background:#050916a3;backdrop-filter:blur(12px);z-index:7}.result-card{width:min(410px,88vw);text-align:center;padding:35px 32px 24px;border:1px solid #98c8d526;border-radius:17px;background:linear-gradient(145deg,#192d35e8,#0d1629f5);box-shadow:0 20px 90px #0007;animation:appear .3s ease-out}.result-eyebrow{font-size:11px;letter-spacing:.19em;color:var(--lime);font-weight:600}h2{font-size:32px;font-weight:800;letter-spacing:-.04em;margin:15px 0 8px}.result-progress{font-family:'Barlow Condensed',Impact,sans-serif;font-size:105px;line-height:1.1;font-weight:800;margin-top:10px}.result-progress small{font-family:var(--font);font-size:28px;color:#809dad;margin-left:4px}.result-track{height:5px;overflow:hidden;background:#849bab24;border-radius:4px;margin:12px 0 24px}.result-track i{display:block;background:var(--lime);height:100%;border-radius:4px}.result-stats{display:flex;justify-content:space-between}.result-stats>div{display:flex;flex-direction:column;gap:9px}.result-stats span{font-size:12px;color:#92a7b6}.result-stats strong{font-size:19px;font-weight:700}.result-card p{font-size:12px;line-height:1.8;color:#8ea6b5;margin:25px 0}.result-card .play-button{width:100%;height:54px}.text-button{background:none;border:0;color:#819aab;font-size:13px;padding:18px 12px 0}.text-button:hover{color:white}.secondary-button{width:100%;padding:14px;background:#9dc2cf12;border:1px solid #8da8bf2e;border-radius:7px;color:#ccdbe1;font-size:14px;font-weight:600}.pause-card .secondary-button{margin-top:12px}.pause-card h2{font-size:29px;margin-top:22px}.pause-card p{margin-bottom:30px}.toast{position:absolute;bottom:18%;left:50%;transform:translateX(-50%);font-size:13px;background:#1e3442eb;border:1px solid #b9e6ff35;padding:13px 20px;border-radius:9px;z-index:25;white-space:nowrap;pointer-events:none}dialog{color:var(--text);background:#121f2e;border:1px solid #a6c5cf33;width:min(400px,90vw);border-radius:15px;padding:28px;box-shadow:0 25px 120px #0009}dialog::backdrop{background:#050919af;backdrop-filter:blur(8px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.dialog-heading h2{font-size:25px;margin:0}.dialog-heading .icon-button{width:32px;height:32px;background:none;border:0;font-size:20px}.setting-row{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#c5d6df;gap:14px;margin:22px 0 10px}output{color:var(--lime);font-size:13px}input[type=range]{width:100%;accent-color:var(--lime);height:25px;cursor:pointer}.switch{position:relative;display:block;width:42px;height:24px}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch span{display:block;width:100%;height:100%;background:#344758;border-radius:20px;pointer-events:none}.switch span:after{content:'';position:absolute;width:16px;height:16px;top:4px;left:4px;background:#96acbb;border-radius:50%;transition:transform .2s}.switch input:checked+span{background:#a7d139}.switch input:checked+span:after{background:#12281e;transform:translateX(18px)}.switch input:focus-visible+span{outline:2px solid white;outline-offset:4px}.color-row{margin-top:28px}.colors{display:flex;gap:8px}.color-choice{height:23px;width:23px;border:2px solid transparent;border-radius:50%;padding:0}.color-choice.selected{outline:2px solid white;outline-offset:3px}.settings-note{font-size:12px;line-height:1.9;color:#859eaf;margin-top:30px}.done-button{margin-top:12px}.hud-screen.practice .progress-track i{background:var(--cyan)}@keyframes appear{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}
@media(min-aspect-ratio:19/10){.menu-main{top:17%;left:9%}h1{font-size:clamp(86px,17vh,138px)}.tagline{margin:15px 0;font-size:14px}.intro{font-size:12px}.level-deck{bottom:9%}.level-card{padding:15px 22px}.preview-label{top:53%}.input-hint{margin-top:10px}.start-row .play-button{height:50px}}
@media(max-width:1000px){.level-card{padding:18px 14px;gap:12px}.level-info strong{font-size:14px}.difficulty-icon{width:36px;height:36px;flex-basis:36px;gap:7px}.difficulty-icon:after{bottom:6px;width:12px}.difficulty-icon i{width:4px;height:5px}.level-arrow{display:none}.level-meta{gap:7px;font-size:10px}.menu-main{left:7%}.preview-label{right:7%;top:59%}.level-deck{left:5%;right:5%}.menu-footer{left:5%;right:5%}.session-label{font-size:10px;margin-right:12px}.hud-top{gap:18px}.hud-level{min-width:180px}.hud-level strong{font-size:12px}}
@media(max-width:650px) and (orientation:portrait){.topbar{left:6%;right:6%;top:max(22px,env(safe-area-inset-top))}.brand{font-size:15px;gap:9px}.brand-icon{width:21px;height:21px}.top-actions{gap:7px}.icon-button{width:35px;height:35px;border-radius:8px}.icon-button svg{width:20px;height:20px}.session-label{display:none}.menu-main{top:15%;left:8%}h1{font-size:clamp(79px,24vw,118px);margin:20px 0 18px}.intro{font-size:12px}.tagline{font-size:13px;margin:16px 0 19px;line-height:1.8}.start-row{gap:19px}.play-button{height:51px;font-size:15px;padding:0 18px;gap:11px}.play-button kbd{display:none}.practice-button{font-size:12px}.input-hint{font-size:10px;margin-top:12px}.keyboard-hint{display:none}.touch-hint{display:inline}.preview-label{display:none}.level-deck{left:6%;right:6%;bottom:8%}.deck-top{font-size:9px;margin-bottom:10px}.level-list{gap:7px;grid-template-columns:1fr}.level-card{padding:12px 15px;gap:13px;border-radius:8px}.level-info{display:flex;align-items:center;justify-content:space-between;gap:6px}.level-info strong{font-size:13px;letter-spacing:0}.level-meta{margin:0;gap:5px;font-size:9px}.level-meta .duration,.level-meta .last-divider{display:none}.difficulty-icon{width:31px;height:31px;flex-basis:31px;gap:6px}.difficulty-icon i{width:4px;height:4px;transform:translateY(-2px)}.difficulty-icon:after{width:10px;height:5px;bottom:5px}.level-best{display:none}.level-arrow{display:grid;width:18px;height:18px;font-size:10px}.menu-footer{bottom:3.5%;left:6%;right:6%;font-size:8px;letter-spacing:.07em}.footer-music{gap:6px}.equalizer{height:12px}.hud-screen{padding:27px 6%}.hud-top{flex-wrap:wrap;gap:18px}.hud-level{min-width:0;flex:1}.hud-level>span{font-size:33px}.hud-level strong{font-size:12px}.hud-level small{font-size:10px}.hud-top>.progress-wrap{order:3;width:100%;flex:auto;margin:0}.hud-bottom{left:7%;right:7%;bottom:7%;font-size:9px}.hud-keys{display:none}.touch-jump{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;bottom:15%;right:8%;width:85px;height:85px;border:1px solid #b1eabd30;border-radius:50%;background:#7ea9a20c;backdrop-filter:blur(5px);color:#ceffc580}.touch-jump span{font-size:25px}.touch-jump small{font-size:8px;letter-spacing:.08em;margin-top:3px}.game-notice{top:30%;font-size:19px}.result-card{padding:26px}.result-progress{font-size:95px}}
@media(max-height:730px) and (min-width:651px){.topbar{top:20px}.menu-main{top:15%}h1{font-size:clamp(75px,17vh,117px);margin:14px 0}.tagline{font-size:12px;margin:13px 0}.intro{font-size:12px}.play-button{height:48px}.input-hint{margin-top:10px;font-size:10px}.level-card{padding:15px 16px}.level-deck{bottom:8.5%}.menu-footer{font-size:9px}.preview-label{top:53%}}
@media(max-height:650px) and (orientation:landscape){.topbar{top:15px;height:30px}.brand{font-size:14px}.brand-icon{width:20px;height:20px}.top-actions .icon-button{width:31px;height:31px}.session-label{font-size:9px}.menu-main{top:19%;left:7%}.intro{display:none}h1{font-size:clamp(65px,20vh,104px);margin:0 0 10px}.tagline{display:none}.start-row{margin-top:15px}.start-row .play-button{height:40px;font-size:13px}.play-button kbd{font-size:8px;margin-left:8px}.input-hint{font-size:9px;margin-top:9px}.practice-button{font-size:11px}.preview-label{top:47%;right:14%}.preview-label strong{font-size:11px}.preview-label div>span{font-size:10px}.deck-top{font-size:9px;margin-bottom:8px}.level-deck{bottom:9%}.level-card{padding:10px 12px;gap:9px;border-radius:7px}.level-info strong{font-size:12px}.level-meta{font-size:9px;margin-top:4px}.difficulty-icon{width:30px;height:30px;flex-basis:30px}.level-best{display:none}.menu-footer{font-size:8px;bottom:3%}.result-card{padding:20px 26px;width:340px}.result-eyebrow{font-size:9px}.result-card h2{font-size:24px;margin:9px 0 0}.result-progress{font-size:65px;margin:3px 0}.result-track{margin:6px 0 12px}.result-stats span{font-size:10px}.result-stats strong{font-size:15px}.result-card p{font-size:10px;margin:13px 0}.result-card .play-button{height:41px;font-size:13px}.text-button{padding-top:11px;font-size:11px}.hud-screen{padding:20px 4%}.hud-bottom{bottom:6%}.hud-level>span{font-size:32px}.game-notice{font-size:19px;top:28%}dialog{max-height:90dvh;overflow:auto}}
@media(max-height:730px) and (max-width:650px) and (orientation:portrait){.menu-main{top:14%}h1{font-size:23vw;margin-top:15px}.tagline{margin:12px 0;font-size:12px}.input-hint{display:none}.level-card{padding:9px 12px}.level-deck{bottom:8%}.level-list{gap:6px}.menu-footer{font-size:7px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.play-button:hover,.level-card:hover,.icon-button:hover{transform:none}}

/* Classic Geometry Dash reference: saturated blue, inset tiles, lime block type, bold outlined game controls. */
:root{--bg:#0849a3;--lime:#b5ff26;--text:#fff;--muted:#badcff}
.vignette{background:linear-gradient(0deg,#021d668c,transparent 29%,transparent 85%,#01246638)}
.brand{color:#fff;text-shadow:0 2px 0 #002864}.brand-light{color:#c4e9ff}.brand-icon{background:#91f600;border:2px solid #073815;box-shadow:0 0 0 1px #e0ffc1;transform:none}.brand-icon i{background:#072d22}.session-label{color:#d3eaff}.icon-button{background:linear-gradient(#2589eb,#1054bb);border:2px solid #012759;box-shadow:inset 0 2px 0 #71b8fa70,0 2px 0 #001e4966}.icon-button:hover{background:#3298f2}.menu-main{top:17%;left:5%;right:5%;text-align:center}.intro{justify-content:center;color:#c9e5ff;font-size:12px;letter-spacing:.13em}.small-line{background:#bad9ff66;width:23px}h1{display:flex;align-items:center;justify-content:center;gap:.22em;margin:23px 0 8px;font-family:'Russo One',Impact,'Arial Black',sans-serif;font-size:clamp(56px,8.1vw,125px);line-height:1.28;letter-spacing:-.035em;font-weight:900;transform:none;filter:drop-shadow(0 7px 0 #002259);color:#bdff43;text-shadow:3px 0 #132c0c,-3px 0 #132c0c,0 -3px #132c0c,0 3px #132c0c,4px 4px #132c0c,-4px -4px #132c0c,4px -4px #132c0c,-4px 4px #132c0c,5px 0 #eaffd2,-5px 0 #eaffd2,0 5px #eaffd2,0 -5px #eaffd2,5px 5px #eaffd2,-5px -5px #eaffd2,5px -5px #eaffd2,-5px 5px #eaffd2}h1>span{background:linear-gradient(#e6ff97 0 23%,#b5f630 24% 54%,#88dd15 55% 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:1px #17350d;paint-order:stroke fill}.title-dash{margin-top:0;color:transparent}.tagline{color:#e8f8ff;margin:12px 0 24px;font-size:16px;font-weight:700;text-shadow:0 2px 0 #003879}.start-row{justify-content:center;gap:25px}.play-button{background:linear-gradient(#caff53 0 48%,#96e91a 49%);border:3px solid #193d0f;box-shadow:0 0 0 2px #e8ffb8,inset 0 3px 0 #eaff9990,0 5px 0 #043261;border-radius:10px;color:#173c0c;height:63px;font-size:19px;text-shadow:0 1px 0 #ddff8b}.play-button:hover{box-shadow:0 0 0 2px #eeffca,0 7px 0 #043261,0 0 35px #ccff6970}.play-button svg{width:28px;height:28px}.play-button kbd{color:#325813;border-color:#446b194d;font-size:10px;background:#88c92c33}.practice-button{background:linear-gradient(#2c9bea,#1865c5);border:2px solid #03265e;border-radius:9px;padding:17px 19px;color:white;box-shadow:inset 0 2px 0 #84ceff80,0 3px 0 #022351;font-weight:700;font-size:14px}.practice-button:hover{background:#39a4ef}.practice-button span{color:#d4ff75}.input-hint{color:#b9dcff;margin-top:20px;font-size:12px;text-shadow:0 1px 0 #033780}.input-hint kbd{color:#dbf6ff;border-color:#c6e8ff5c}.preview-label{display:none}.level-deck{bottom:11%;left:9%;right:9%}.deck-top{color:#d3eaff;font-size:12px;letter-spacing:.06em}.deck-top>span:last-child{color:#e0ff81}.deck-top>span:last-child span{color:#9ccfff}.level-card{background:linear-gradient(#096fcbc9,#0452abeb);border:2px solid #00306c;box-shadow:inset 0 2px 0 #70b8ef50,0 4px 0 #00235d7a;backdrop-filter:blur(4px);padding:22px 20px;border-radius:12px}.level-card.active{background:linear-gradient(#197ddeeb,#0757b9ed);border-color:#d0ff72;box-shadow:0 0 0 2px #0b3f6a,inset 0 2px 0 #a3dfff4f,0 5px 0 #042b68;transform:translateY(-3px)}.level-card.active:before{display:none}.level-card:hover{border-color:#e6f9ff}.level-info strong{font-size:17px;text-shadow:0 2px 0 #012b5e}.level-meta{color:#b4d9ff;font-size:11px}.level-meta .difficulty{color:var(--level-color);text-shadow:0 1px 0 #00245f}.meta-divider{background:#8ab7df77}.level-arrow{background:#ffffff19;border-color:#b9dcff4d;color:white}.level-best{color:#c3e5ff}.difficulty-icon{background:var(--level-color);color:#24420c;border:2px solid #18372d;box-shadow:0 0 0 1px #d9edff90,inset 0 3px 0 #fff5}.menu-footer{bottom:4.2%;left:5%;right:5%;color:#add7ff;letter-spacing:.07em;font-size:11px}.menu-footer a{color:#acd2ff;text-decoration:none}.menu-footer a:hover{color:white}.equalizer i{background:#b6fc79}.result-card{background:linear-gradient(#146fc6ed,#073c91f5);border:3px solid #001e4b;box-shadow:0 0 0 2px #91c9ff,0 10px 0 #001b4d8c,0 20px 90px #0007}.result-eyebrow{color:#d2ff5b}.result-card h2{text-shadow:0 3px 0 #00316e}.result-stats span,.result-card p,.text-button{color:#c1dfff}.result-track{background:#002b65;border:1px solid #6eabde}.secondary-button{background:linear-gradient(#2189dc,#106ac1);border:2px solid #003372;color:#e4f6ff}.progress-track{height:9px;background:#001a4599;border:2px solid #d5eeff;box-shadow:0 2px 0 #012158}.progress-head strong{color:white;text-shadow:1px 2px 0 #032b67}.hud-level>span{color:#caff51}.hud-level strong,.hud-level small,.progress-head,.hud-bottom{color:#e1f0ff;text-shadow:0 2px 0 #001e58}.hud-level strong{font-size:16px}.game-notice{font-family:var(--font);text-shadow:2px 2px 0 #00367b,-1px -1px 0 #00367b;font-size:26px}.toast{background:#0a5096ef;color:#effcff}.touch-jump{color:#d6ff87c9;border-color:#c9efff60;background:#2e94df25}.overlay-screen{background:#00102a99}.result-progress{font-family:'Russo One',Impact,sans-serif;font-size:90px}dialog{background:linear-gradient(#1463b3,#073a7d);border:3px solid #002455;box-shadow:0 0 0 2px #8fcaff,0 25px 120px #0009}.setting-row{color:#e2f4ff}.settings-note{color:#badcff}.topbar .muted{color:#96bada}
@media(min-width:1000px) and (min-height:800px){.menu-main{top:20%}.tagline{margin-bottom:30px}.start-row{margin-top:18px}.level-deck{bottom:12%}}
@media(max-width:1000px){.menu-main{left:4%;right:4%}h1{font-size:8.7vw}.level-deck{left:5%;right:5%}.level-card{padding:19px 14px}.level-info strong{font-size:15px}.tagline{font-size:14px}.play-button{height:58px}.level-meta{font-size:10px}}
@media(max-width:650px) and (orientation:portrait){.menu-main{top:16%;left:5%;right:5%}.intro{font-size:10px;letter-spacing:.07em}h1{flex-direction:column;gap:0;font-size:14.2vw;margin:25px 0 12px;line-height:1.2;letter-spacing:-.025em}.title-dash{font-size:21.7vw;line-height:1.15}.tagline{font-size:13px;margin:11px 0 25px}.start-row{gap:15px}.play-button{height:54px;min-width:133px;font-size:17px}.practice-button{font-size:12px;padding:16px}.input-hint{font-size:10px;margin-top:17px}.level-deck{bottom:10%;left:6%;right:6%}.deck-top{font-size:11px;margin-bottom:12px}.level-list{gap:9px}.level-card{padding:12px 14px}.level-info strong{font-size:14px}.level-meta{font-size:10px}.level-card.active{transform:translateX(2px)}.menu-footer{bottom:4%;font-size:9px;letter-spacing:0}.hud-level strong{font-size:13px}.game-notice{font-size:20px}.result-progress{font-size:78px}}
@media(max-height:760px) and (max-width:650px) and (orientation:portrait){.menu-main{top:15%}h1{margin:17px 0 8px;font-size:13vw}.title-dash{font-size:20vw}.tagline{margin:8px 0 17px}.input-hint{display:none}.level-card{padding:9px 12px}.level-deck{bottom:9%}.level-list{gap:7px}.menu-footer{bottom:3%}}
@media(max-height:650px) and (orientation:landscape){.menu-main{top:20%;left:5%;right:5%}.intro{display:none}h1{font-size:8.2vw;margin:0 0 8px;line-height:1.15}.tagline{display:none}.start-row{margin-top:18px;gap:20px}.start-row .play-button{height:43px;font-size:15px;padding:0 18px}.practice-button{padding:11px 15px;font-size:12px}.input-hint{font-size:9px;margin-top:13px}.level-deck{bottom:10%;left:8%;right:8%}.level-card{padding:9px 13px}.level-info strong{font-size:13px}.level-meta{font-size:9px}.deck-top{font-size:10px;margin-bottom:9px}.menu-footer{font-size:9px;bottom:3%}.result-progress{font-size:60px}.game-notice{font-size:20px}}

h1>span{background:none;color:#b7ff39;-webkit-text-stroke:1px #254709}.title-dash{color:#b7ff39}

.level-genre{display:block;color:#bad9ff;font-size:11px;font-weight:500;letter-spacing:.05em;margin-top:5px}.record-status{position:absolute;top:100px;right:4.3%;font-size:12px;color:#dbf4ff;letter-spacing:.02em;text-shadow:0 1px 2px #001749}.record-status:empty{display:none}.leaderboard-dialog{width:min(720px,94vw);max-height:90dvh;padding:26px;overflow:auto}.board-season{font-size:11px;color:#caff58;letter-spacing:.14em;display:block;margin-bottom:6px}.board-tabs{display:flex;gap:8px;margin:8px 0 19px}.board-tab{flex:1;padding:12px 7px;border:1px solid #9fcfff4a;border-radius:7px;background:#0037736b;font-size:13px;font-weight:700;color:#d6ecff}.board-tab[aria-pressed=true]{border-color:#d5ff79;background:#9ce52d;color:#244416}.board-account{background:#05275663;border:1px solid #9cc9ff26;border-radius:8px;padding:15px;margin-bottom:20px;font-size:13px;color:#d1e7ff}.board-account .secondary-button{display:block;text-align:center;text-decoration:none;margin-top:12px}.nickname-form{margin-top:14px}.nickname-form label{font-size:12px;color:#b4d7ff}.nickname-form>div{display:flex;gap:9px;margin-top:7px}.nickname-form input{flex:1;min-width:0;border-radius:6px;padding:10px 12px;border:1px solid #c2e1ff70;background:#0324587a;color:white;font-size:14px}.nickname-form .secondary-button{margin:0;width:auto;padding:8px 18px;flex-shrink:0}.board-table-wrap{overflow-x:auto;min-height:155px}.board-table{width:100%;border-collapse:collapse;font-size:14px}.board-table th{text-align:right;font-size:12px;font-weight:500;color:#b8d8ff;border-bottom:1px solid #a5d3ff55;padding:10px 8px}.board-table th:nth-child(2){text-align:left}.board-table td{text-align:right;padding:14px 8px;border-bottom:1px solid #a4cbff21;white-space:nowrap}.board-table td:nth-child(2){text-align:left;max-width:200px;overflow:hidden;text-overflow:ellipsis;font-weight:600}.board-table tr.mine{background:#c4ff4620;color:#e1ffad}.board-table tr.mine td:nth-child(2):after{content:' 나';font-size:11px;color:#b4fb66}.board-status{text-align:center;color:#a9cef4;font-size:14px;line-height:1.8;padding:20px 8px}.board-rule{font-size:12px;line-height:1.9;color:#bad8f8;margin:16px 0}.board-footer{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.board-footer .text-button{font-size:13px;padding:8px 0;text-decoration:none;color:#d0eaff}.board-footer a{margin-left:auto}.board-footer .text-button:hover{color:#caff5a}.board-error{color:#ffdc8a!important}
@media(max-width:650px) and (orientation:portrait){.level-genre{font-size:10px;margin-top:3px}.level-info{display:block}.level-meta{position:absolute;right:38px;top:15px}.level-card{min-height:61px}.level-list{gap:7px}.level-deck{bottom:9%}.record-status{top:139px;right:6%;font-size:11px}.leaderboard-dialog{padding:20px 15px}.board-tab{font-size:11px;padding:11px 5px}.board-table{font-size:12px}.board-table th,.board-table td{padding-left:5px;padding-right:5px}.board-table td:nth-child(2){max-width:130px}.board-account{font-size:12px;padding:12px}.board-rule{font-size:12px}.nickname-form input{font-size:14px}.top-actions{gap:5px}.brand{font-size:13px}.level-meta .difficulty{display:none}.level-meta .meta-divider{display:none}}
@media(max-height:710px) and (max-width:650px) and (orientation:portrait){.level-card{min-height:52px;padding:8px 12px}.level-genre{font-size:9px}.level-meta{top:12px}.tagline{display:none}.start-row{margin-top:18px}}
@media(max-height:650px) and (orientation:landscape){.level-genre{font-size:10px}.level-card{padding:8px 12px}.record-status{top:80px}.leaderboard-dialog{max-height:94dvh}.board-tabs{margin-bottom:10px}.board-account{margin-bottom:10px}.board-rule{margin-bottom:0}}
