@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Bungee&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";:root{color:#f2fff8;font-synthesis:none;letter-spacing:0;--lime:#c3ff68;--muted:#a0bdbd;background:#071b20;font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}button,input{font:inherit}button{color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0}button:focus-visible,input:focus-visible{outline:3px solid var(--lime);outline-offset:5px}button svg{pointer-events:none;flex-shrink:0;width:20px;height:20px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}#game,#ui{width:100%;height:100dvh;position:fixed;inset:0}#game{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#game canvas{touch-action:none;width:100%;height:100%;display:block}#ui{pointer-events:none;-webkit-user-select:none;user-select:none}#ui button,#ui input,#ui label,dialog{pointer-events:auto}.hud{inset:max(22px, env(safe-area-inset-top)) 32px auto;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;height:44px;display:grid;position:absolute}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:21px;font-weight:800;display:flex}.brand strong{color:var(--lime);font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800}.brand-cube{background:var(--lime);border:2px solid #dfffbc;justify-content:center;align-items:center;gap:5px;width:25px;height:25px;display:inline-flex;position:relative;transform:rotate(-8deg);box-shadow:3px 3px #173b36}.brand-cube b{background:#153633;width:4px;height:6px}.track-identity{white-space:nowrap;align-items:center;gap:12px;font:600 15px Barlow Condensed,sans-serif;display:flex}.track-identity>span:first-child{color:var(--lime);font-size:15px}.track-identity strong{font-size:19px;font-weight:700}#bpm{color:var(--muted);font-size:13px}.tools{justify-self:end;gap:6px;display:flex}.icon-button{background:0 0;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;width:40px;height:40px;padding:10px;transition:background .16s,border-color .16s,transform .16s;display:inline-flex;position:relative}.icon-button:hover{background:#ffffff14;border-color:#ffffff25;transform:translateY(-1px)}[data-tip]:after{color:#f4fff4;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:30;background:#102c30;border:1px solid #48615e;border-radius:4px;padding:7px 10px;font-size:11px;transition:all .15s;position:absolute;top:calc(100% + 10px);right:0;transform:translateY(-3px)}[data-tip]:hover:after{content:attr(data-tip);opacity:1;visibility:visible;transform:translateY(0)}.progress{background:#ffffff17;height:3px;position:absolute;top:83px;left:32px;right:32px;overflow:hidden}#progress-fill{background:var(--lime);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 12px #c3ff6880}.run-stats{color:#b4cdca;justify-content:space-between;align-items:start;font:600 12px Barlow Condensed,sans-serif;display:flex;position:absolute;top:109px;left:34px;right:34px}.run-stats>div{text-align:center;position:absolute;top:-7px;left:50%;transform:translate(-50%)}#percent{color:#f6fff5;font:600 38px/1 Barlow Condensed,sans-serif;display:block}#percent span{margin-left:2px;font-size:18px}#best{color:#a4c0ba;margin-top:8px;font-size:11px;display:block}#mode{color:var(--lime)}.ready{text-align:center;animation:.35s ease-out rise;position:absolute;top:32%;left:24px;right:24px}.eyebrow{color:#b6d3cb;align-items:center;gap:12px;font:600 12px Barlow Condensed,sans-serif;display:inline-flex}.separator{color:#6d908b}.live-dot{background:var(--lime);width:5px;height:5px;box-shadow:0 0 10px #c3ff6866}.track-heading{justify-content:center;align-items:center;gap:26px;margin-top:13px;display:flex}h1{letter-spacing:0;text-shadow:0 5px #001c1c40;margin:0;font:800 66px/.98 Barlow Condensed,sans-serif}.track-arrow{opacity:.55;width:36px;height:36px;padding:7px}.track-arrow:hover{opacity:1}.track-meta{color:#b7ceca;justify-content:center;gap:12px;margin:19px 0 27px;font-size:12px;display:flex}.track-meta span{color:#6c928a}.play-button{background:var(--lime);color:#15301c;border:1px solid #dcffa6;border-radius:4px;justify-content:center;align-items:center;gap:12px;min-width:154px;height:50px;padding:0 25px;font-size:14px;font-weight:800;transition:all .15s;display:inline-flex;box-shadow:0 4px #587d32,0 9px 28px #b2ff5118}.play-button svg{fill:currentColor;width:18px}.play-button:hover{background:#d4ff91;transform:translateY(-2px);box-shadow:0 6px #587d32,0 10px 36px #b2ff5128}.play-button:active{transform:translateY(3px);box-shadow:0 1px #587d32}.hud{z-index:5}#ui[data-lobby=true] .hud{grid-template-columns:1fr}#ui[data-lobby=true] .hud>.brand,#ui[data-lobby=true] .track-identity,#ui[data-lobby=true] .progress,#ui[data-lobby=true] .run-stats,#ui[data-lobby=true] .bottom-bar,#ui[data-lobby=true] [data-action=home],#ui[data-lobby=true] [data-action=restart],#ui[data-lobby=true] [data-action=pause]{display:none}#ui[data-lobby=true] .tools .icon-button{background:#082c8070;border-color:#c6efff40;box-shadow:0 3px #06266d}.lobby{pointer-events:auto;color:#fff;position:absolute;inset:0;overflow:hidden}.lobby-topline{top:max(29px, env(safe-area-inset-top));align-items:center;gap:23px;display:flex;position:absolute;left:36px}#ui[data-lobby=false] #sound-control{display:none}@media (width<=700px){.lobby-mark>span{display:none}}.dialog-tools{gap:8px;display:flex}.sound-genre{color:#9ebcb4;margin:-12px 0 26px;font:600 12px Barlow Condensed,sans-serif}.sound-mixer{gap:24px;display:grid}.sound-mixer label{gap:12px;font-size:14px;display:grid}.sound-mixer label>span{justify-content:space-between;display:flex}.sound-mixer output{color:var(--lime);font-variant-numeric:tabular-nums;text-align:right;width:4ch}.sound-mixer input{width:100%;height:24px;accent-color:var(--lime);cursor:pointer;margin:0}.sound-mixer input:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.sound-enabled{margin-bottom:24px}.sound-auditions{grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:12px;display:grid}.sound-auditions>div{min-width:0}.sound-auditions [aria-pressed=true]{outline-offset:2px;outline:2px solid #bfff62}.sound-auditions [aria-busy=true]{opacity:.65}.start-button[aria-busy=true]{opacity:.6}.lobby-mark{align-items:center;gap:10px;font-size:15px;font-weight:900;display:flex}.lobby-mark>span{color:#bceaff;border:1px solid #c7f8ff70;padding:3px 6px;font:700 11px Barlow Condensed,sans-serif}.edition{color:#b5d9ff;border-left:1px solid #d1f2ff40;padding-left:23px;font:600 12px Barlow Condensed,sans-serif}.lobby-center{flex-direction:column;justify-content:center;align-items:center;gap:29px;display:flex;position:absolute;inset:15% 24px 22%}.title-lockup{text-align:center;animation:.55s ease-out both title-in;position:relative}.title-kicker{color:#ddf5ff;margin-bottom:6px;font-size:14px;font-weight:800;display:block}.lobby-title{color:#d8ff67;-webkit-text-stroke:2px #123761;paint-order:stroke fill;text-shadow:0 2px #f3ffca,0 6px #7eb62a,0 10px #13426b,0 13px #08285e,0 18px #05275c45;justify-content:center;gap:22px;margin:0;font:400 104px/1.25 Bungee,sans-serif;display:flex}.lobby-title>span:last-child{color:#f3fcff;text-shadow:0 2px #fff,0 6px #67b9df,0 10px #13426b,0 13px #08285e,0 18px #05275c45}.title-rule{justify-content:center;gap:5px;margin:21px auto 0;display:flex}.title-rule b{background:#b5e9ff;width:22px;height:4px;transform:skew(-28deg)}.title-rule b:nth-child(2){background:#d8ff67}.title-rule b:last-child{background:#ffb0b6}.lobby-actions{justify-content:center;align-items:center;gap:54px;display:flex}.lobby-action{flex-direction:column;align-items:center;gap:16px;display:flex}.lobby-action>span{text-shadow:0 2px #113783;font-size:12px;font-weight:800}.arcade-button{color:#0e4280;background:#65d8f3;border:3px solid #072b69;border-radius:8px;place-items:center;width:86px;height:86px;padding:0;transition:transform .14s,filter .14s,box-shadow .14s;display:grid;position:relative;box-shadow:inset 0 4px #d7faff,inset 0 -7px #2b9cc3,0 5px #072b69,0 8px #092b7160}.arcade-button:before{content:"";pointer-events:none;border:2px solid #ecffff70;border-radius:3px;position:absolute;inset:9px}.arcade-button svg{stroke-width:2.3px;filter:drop-shadow(0 2px #e6ffffa0);width:39px;height:39px}.arcade-button:hover{filter:brightness(1.08);transform:translateY(-5px)rotate(-3deg)}.arcade-button:active{filter:brightness(.98);transform:translateY(4px)}.start-button{color:#235d3a;background:#caff64;border-width:4px;border-radius:50%;width:140px;height:140px;box-shadow:inset 0 6px #f5ffcd,inset 0 -10px #8ac839,0 7px #072b69,0 11px #092b7160}.start-button:before{border:2px solid #f4ffbf;border-radius:50%;inset:12px}.start-button svg{fill:#f7ffdf;stroke:#2f683e;stroke-width:1.8px;filter:drop-shadow(0 4px #71ad30);width:64px;height:64px;margin-left:9px}.start-button:hover{transform:translateY(-5px)scale(1.04)}.records-button{color:#824950;background:#ffb4a5;box-shadow:inset 0 4px #ffefe1,inset 0 -7px #e27b83,0 5px #072b69,0 8px #092b7160}.records-button svg{filter:drop-shadow(0 2px #ffe8d3)}.lobby-track{justify-content:center;align-items:center;gap:23px;display:flex}.lobby-track-info{text-align:center;width:240px}.lobby-track-label{color:#bddfff;justify-content:center;align-items:center;gap:12px;font:600 11px Barlow Condensed,sans-serif;display:flex}.lobby-track-label>span{color:#daff9a;font:700 10px Noto Sans KR,sans-serif}.lobby-track h2{text-shadow:0 3px #0b3381;margin:5px 0 0;font:800 29px/1.15 Barlow Condensed,sans-serif}.lobby-track p{color:#bbdcff;justify-content:center;align-items:center;gap:8px;margin:7px 0 0;font:600 11px Barlow Condensed,sans-serif;display:flex}.lobby-track p>span{opacity:.5}.lobby-track p b{color:#e4ffb5;margin-right:-7px;font-weight:600}.lobby-track .track-arrow{opacity:1;background:#082e7838;border:1px solid #b2daff30;border-radius:5px;width:40px;height:48px}.lobby-track .track-arrow:hover{background:#8dd6ff24}.track-dots{scrollbar-width:thin;scrollbar-color:#b4d5e344 transparent;flex-shrink:0;justify-content:flex-start;gap:4px;width:min(412px,100vw - 32px);margin-top:-17px;display:flex;overflow:auto hidden}.track-dots button{background:0 0;place-items:center;width:28px;height:28px;padding:0;display:grid}.track-dots span{background:#07378370;border:1px solid #c7eaff90;width:7px;height:7px;transition:all .15s;transform:rotate(45deg)}.track-dots [aria-current=true] span{background:#d8ff67;border-color:#f3ffc4;box-shadow:2px 2px #163b77}.track-dots button:hover span{background:#e5ffb8}.lobby-signature{left:36px;right:36px;bottom:max(25px, env(safe-area-inset-bottom));color:#9fc1ee;pointer-events:none;justify-content:space-between;font:600 11px Barlow Condensed,Noto Sans KR,sans-serif;display:flex;position:absolute}.lobby-signature>span:first-child{font-size:10px;font-weight:700}.records-summary{color:#a7c6bb;border-block:1px solid #a8c1b526;align-items:center;gap:14px;margin:25px 0 30px;padding:18px 0;font-size:12px;display:flex}.records-summary svg{color:#ffda7b;width:29px;height:29px}.records-summary strong{color:var(--lime);font:700 35px Barlow Condensed,sans-serif}.records-summary strong span{color:#9db9b1;font-size:20px}.record-list{gap:25px;display:grid}.record-row>div:first-child{align-items:center;gap:12px;font:700 20px Barlow Condensed,sans-serif;display:flex}.record-number{color:#89aaa1;font-size:13px}.record-row strong{flex:1;font-weight:600}.record-row div>span:last-child{color:var(--lime);font-size:17px}.record-bar{background:#94b5a824;height:5px;margin-top:10px}.record-bar>span{background:var(--lime);height:100%;display:block}#ui[data-lobby=true] dialog{background:#103c86;border:3px solid #8fd7ff;box-shadow:0 7px #082455,0 25px 80px #00184680}#ui[data-lobby=true] dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#001c6090}#ui[data-lobby=true] dialog .eyebrow,#ui[data-lobby=true] .option-meta{color:#bddfff}#ui[data-lobby=true] .track-option{background:#2b6caf30;border-color:#9edbff50}#ui[data-lobby=true] .track-option:hover,#ui[data-lobby=true] .track-option.selected{background:#84c9ee20;border-color:#d4ff8c}@keyframes title-in{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}#ui[data-lobby=false] .hud{grid-template-columns:1fr auto}#ui[data-lobby=false] .hud>.brand{display:none}#ui[data-lobby=false] .track-identity{text-shadow:0 2px #04235b;justify-self:start;gap:10px}#ui[data-lobby=false] .tools .icon-button{background:#06265b55;border:1px solid #b9eaff50;box-shadow:0 3px #061e4350}#ui[data-lobby=false] .progress{background:#041937ad;border:2px solid #edfbff;border-radius:3px;width:min(28%,470px);height:13px;padding:2px;top:33px;left:50%;right:auto;transform:translate(-50%);box-shadow:0 2px #092953}#ui[data-lobby=false] #progress-fill{box-shadow:none;background:#caff64}#ui[data-lobby=false] .run-stats{color:#d1eaff;text-shadow:0 2px #092953;top:83px}#ui[data-lobby=false] .run-stats>div{top:-25px}#ui[data-lobby=false] #percent{font:700 23px/1 Barlow Condensed,sans-serif}#ui[data-lobby=false] #percent span{font-size:15px}#ui[data-lobby=false] #best{color:#c5e9ff;margin-top:6px}#ui[data-lobby=false] .bottom-bar{color:#d8efff;text-shadow:0 2px #092953}#ui[data-lobby=false] .text-button,#ui[data-lobby=false] #section{color:#d8efff}#ui[data-lobby=false] .coins span{color:#c0e3ff;opacity:.65}#ui[data-lobby=false] .coins .collected{color:#ffdc78;opacity:1}#announcement{text-shadow:0 3px #092953;z-index:2}#announcement[data-kind=attempt]{color:#fff;font:400 32px Bungee,sans-serif;top:36%}#announcement[data-kind=attempt].show{animation-duration:.85s}#announcement[data-kind=best]{color:#dcff7e;font:400 29px Bungee,sans-serif;top:39%}#rhythm-feedback{opacity:0;text-shadow:0 2px #06285a;white-space:nowrap;align-items:baseline;gap:9px;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}#rhythm-feedback strong{color:#eaffbf;font:700 22px Barlow Condensed,sans-serif}#rhythm-feedback>span{color:#fff5b4;font:700 25px Barlow Condensed,sans-serif}#rhythm-feedback.show{opacity:1}#scene-transition{z-index:8;opacity:0;pointer-events:none;background:#041d4f;position:absolute;inset:0}#scene-transition.show{animation:.18s ease-out forwards scene-reveal}#finish-banner{text-align:center;color:#e0ff89;text-shadow:0 4px #173a63;font:400 54px/1.2 Bungee,sans-serif;display:none;position:absolute;top:24%;left:20px;right:20px}#ui[data-phase=finishing] #finish-banner{animation:.25s ease-out both clear-in;display:block}@keyframes scene-reveal{0%{opacity:.28}to{opacity:0}}@keyframes clear-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#ui:not([data-phase=playing]) #rhythm-feedback,#ui[data-lobby=false] #drill-control{display:none}.drill-list{gap:8px;margin-top:18px;display:grid}.drill-option{text-align:left;background:#8cceff0a;border:1px solid #9bd5f44d;border-radius:5px;align-items:center;gap:12px;width:100%;min-height:58px;padding:9px 12px;display:flex}.drill-option:hover{background:#8cceff1c;border-color:#d8ff79}.drill-symbol{color:#b9e6ff;background:#9ae4ff14;border-radius:3px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.drill-symbol svg{width:17px;height:17px}.drill-option>span:nth-child(2){flex:1;min-width:0}.drill-option strong{overflow-wrap:anywhere;font:700 19px Barlow Condensed,sans-serif;display:block}.drill-option small{color:#bdd7e7;margin-top:3px;font-size:10px;display:block}.drill-option>svg{color:#d4ffa2;width:17px;height:17px}.bottom-bar{bottom:max(22px, env(safe-area-inset-bottom));color:#b7cfcc;justify-content:space-between;align-items:center;height:40px;display:flex;position:absolute;left:32px;right:32px}.text-button{color:#c5d8d2;background:0 0;justify-content:center;align-items:center;gap:9px;padding:8px 0;font-size:12px;display:inline-flex}.text-button:hover{color:var(--lime)}.text-button svg{width:16px;height:16px}#section{color:#96bbb2;white-space:nowrap;font:500 11px Barlow Condensed,sans-serif;position:absolute;left:50%;transform:translate(-50%)}.bottom-right{align-items:center;gap:14px;display:flex}.phrase-status{align-items:center;gap:10px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.phrase-status #section{position:static;transform:none}.beat-meter{align-items:center;gap:3px;height:12px;display:flex}.beat-meter b{background:#a9ceee70;width:3px;height:4px;display:block}.beat-meter b.active{background:#d8ff67;height:10px}.coins{align-items:center;gap:10px;display:flex}.coins span{color:#7e9f97;opacity:.5}.coins svg{width:18px;height:18px}.coins .collected{color:#ffdc78;filter:drop-shadow(0 0 7px #f8c95755);opacity:1}.coins .collected svg{fill:#e8b34744}.checkpoint:after{top:auto;bottom:calc(100% + 10px)}#announcement{text-align:center;color:#dfb;opacity:0;font:700 27px Barlow Condensed,sans-serif;position:absolute;top:24%;left:20px;right:20px}#announcement.show{animation:1.4s ease-out forwards announce}dialog{color:#f3fff3;background:#0a2026f5;border:1px solid #abc7ba45;border-radius:8px;width:min(440px,100% - 32px);max-height:calc(100dvh - 40px);margin:auto;padding:28px;overflow-y:auto;box-shadow:0 24px 100px #00121690}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00171ba8}.dialog-heading{justify-content:space-between;align-items:center;min-height:30px;display:flex}.dialog-heading .icon-button{margin:-7px -7px -7px 0}h2{margin:17px 0 10px;font-size:30px;font-weight:800;line-height:1.2}.dialog-track{color:#9ebcb4;justify-content:space-between;align-items:center;margin:0 0 28px;font:500 16px Barlow Condensed,sans-serif;display:flex}.dialog-track span{color:var(--lime)}.wide-button,.secondary-button{border-radius:4px;justify-content:center;align-items:center;gap:10px;width:100%;height:48px;font-size:13px;font-weight:800;transition:all .15s;display:flex}.wide-button{background:var(--lime);color:#18351b}.wide-button:hover{background:#dbffac}.secondary-button{color:#cbded7;background:#edfdf508;border:1px solid #758f874d;margin-top:10px}.secondary-button:hover{background:#edfdf516}.practice-toggle{border-top:1px solid #a8c1b526;justify-content:space-between;align-items:center;margin-top:24px;padding-top:22px;font-size:12px;display:flex}.practice-toggle>span:first-child{align-items:center;gap:9px;display:flex}.practice-toggle svg{width:16px}.practice-toggle input{opacity:0;cursor:pointer;width:40px;height:24px;position:absolute;right:28px}.switch{pointer-events:none;background:#45615b;border-radius:14px;width:36px;height:21px;padding:3px}.switch:after{content:"";background:#c3d3cb;border-radius:50%;width:15px;height:15px;transition:all .15s;display:block}.practice-toggle input:checked+.switch{background:#a9e56c}.practice-toggle input:checked+.switch:after{background:#24452e;transform:translate(15px)}.practice-toggle input:focus-visible+.switch{outline-offset:5px;outline:3px solid #fff}.track-list{flex-direction:column;gap:10px;margin-top:25px;display:flex}.chapter-jumps{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));gap:6px;margin:18px 0 24px;display:grid}.chapter-jumps button{border-bottom:2px solid var(--chapter-color);color:#dcecf3;background:#c4ebff0c;flex-direction:column;align-items:center;gap:5px;min-height:52px;padding:8px 2px;font-size:10px;display:flex}.chapter-jumps button:hover{background:#c4ebff20}.chapter-jumps button span{color:var(--chapter-color);font:700 17px Barlow Condensed,sans-serif}.chapter-section{border-top:1px solid #b3d9e430;padding:20px 0 24px;scroll-margin-top:18px}.chapter-heading{align-items:center;gap:14px;display:flex}.chapter-heading>span{color:var(--chapter-color);font:700 36px/1 Barlow Condensed,sans-serif}.chapter-heading h3{margin:0 0 4px;font:700 19px/1.2 Barlow Condensed,sans-serif}.chapter-heading small{color:#b2cdd7;font-size:10px}.chapter-section .track-list{margin-top:15px}.art-4{background:#2d6971}.art-5{background:#605a86}.art-6{background:#30685c}.art-7{background:#82554a}.track-dots span{border-color:var(--chapter-color)}.track-dots button{flex:0 0 28px}.art-8{background:#356b65}.art-9{background:#655b86}.art-10{background:#526a48}.art-11{background:#785473}.art-12{background:#7a535c}.track-option{text-align:left;background:#c5f6d905;border:1px solid #abc3b52b;border-radius:5px;align-items:center;gap:14px;width:100%;min-height:91px;padding:13px;transition:all .16s;display:flex}.track-option:hover,.track-option.selected{background:#c5f6d90b;border-color:#c4fd7290}.track-art{background:#114e4d;border:1px solid #7ee8cc44;flex-shrink:0;place-items:center;width:55px;height:60px;display:grid;overflow:hidden}.track-art b{color:var(--chapter-color,#c3ff68);text-shadow:3px 3px #051c28;flex-direction:column;align-items:center;gap:3px;font:700 30px/1 Barlow Condensed,sans-serif;display:flex}.track-art b small{text-shadow:none;font-size:12px;line-height:1}.art-1{background:#1d466b;border-color:#80d2ff66}.art-1 b{color:#85ddff}.art-2{background:#713443;border-color:#ff9ba766}.art-2 b{color:#ffcf86}.art-3{background:#155f70;border-color:#89eddb88}.art-3 b{color:#c6fff1}.art-3 svg{width:28px;height:28px;display:block}.track-info{flex-direction:column;flex:1;min-width:0;display:flex}.option-name{font:700 20px Barlow Condensed,sans-serif}.option-meta{color:#a4bdb2;white-space:normal;margin-top:6px;font-size:10px}.option-mechanic{color:#e0d6ff;overflow-wrap:anywhere;margin-top:5px;font:600 12px/1.3 Barlow Condensed,sans-serif}.option-progress{background:#aabfa625;height:2px;margin-top:10px}.option-progress>span{background:var(--lime);height:100%;display:block}.track-best{color:#d5f4c4;flex-shrink:0;font:600 16px Barlow Condensed,sans-serif}.complete-title{color:var(--lime);font-size:44px}.results{text-align:center;border-top:1px solid #bfe0cc26;border-bottom:1px solid #bfe0cc26;grid-template-columns:repeat(3,1fr);margin:12px 0 30px;padding:20px 0;display:grid}.results>div{flex-direction:column;gap:5px;display:flex}.results strong{font:600 35px Barlow Condensed,sans-serif}.results strong span{color:#93b2a9;font-size:17px}.results div>span{color:#9bb9ae;font-size:10px}.centered{margin:18px auto 0;display:flex}#failure-marks{pointer-events:none;position:absolute;inset:2px}#failure-marks b{background:#ff8b90;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}#failure-marks b.latest{background:#ffb788;width:3px;box-shadow:0 0 0 1px #4c2536}.retry-tools{align-items:center;gap:12px;display:flex}.retry-shortcut{color:#ffd0b3;background:#251d3670;border:1px solid #ffc09a66}.retry-shortcut small{color:#37202f;min-width:17px;height:17px;text-shadow:none;background:#ffd0a2;border-radius:3px;place-items:center;padding:0 3px;font:700 11px Barlow Condensed,sans-serif;display:grid;position:absolute;top:-4px;right:-4px}.retry-shortcut:after{white-space:normal;max-width:240px;inset:auto auto calc(100% + 10px) 0}.recovery-summary{border-block:1px solid #e3b89940;margin:-10px 0 20px;padding:14px 0}.recovery-summary>div{flex-wrap:wrap;align-items:baseline;gap:5px 10px;display:flex}.recovery-summary span{color:#ffc6a7;width:100%;font-size:11px}.recovery-summary strong{overflow-wrap:anywhere;flex:1;min-width:0;font:700 20px Barlow Condensed,sans-serif}.recovery-summary small{color:#eac4b2;font-size:10px}.recovery-button{color:#ffe0a7;border-color:#eac38b70}.pause-recovery:empty{display:none}.drill-option.has-failures{border-left:3px solid #ffbe96}#record-toast{color:#ffe1a1;z-index:3;background:#172739ed;border:1px solid #ffdb8f99;border-radius:4px;align-items:center;gap:10px;max-width:min(260px,100% - 40px);padding:9px 12px;display:flex;position:absolute;top:112px;left:34px;box-shadow:0 3px #08203b80}#record-toast svg{flex-shrink:0;width:24px;height:24px}#record-toast strong{font:700 17px/1 Barlow Condensed,sans-serif;display:block}#record-toast span{color:#fff4d9;margin-top:5px;font:600 13px/1 Barlow Condensed,sans-serif;display:block}#record-toast.show{animation:.18s ease-out both record-in}#ui[data-phase=paused] #record-toast,#ui[data-phase=menu] #record-toast{animation-play-state:paused}.record-result{color:#ffdf92;border-block:1px solid #ffdc7d55;flex-wrap:wrap;align-items:center;gap:8px;margin:-10px 0 18px;padding:12px 0;font:700 16px Barlow Condensed,sans-serif;display:flex}.record-result svg{flex-shrink:0;width:19px;height:19px}.record-result span{margin-left:auto;font-weight:500}.saved-coins{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.saved-coins>b{color:#91b6c1;place-items:center;width:13px;height:13px;display:grid}.saved-coins svg{width:12px;height:12px}.saved-coins>b.owned{color:#ffda85}.saved-coins>b.owned svg{fill:#ffcf7466}.option-records{color:#c0dce9;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-top:7px;font-size:10px;display:flex}.record-detail{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-top:10px;display:grid}.record-row .record-detail>span{color:#b4cfca;font-size:11px}.record-minimum b{color:#efffdf;margin-top:4px;font:600 16px Barlow Condensed,Noto Sans KR,sans-serif;display:block}.record-collection{text-align:right}.record-collection small{color:#c0d8cf;margin-top:4px;font-size:10px;display:block}.results small{color:#bad6d5;overflow-wrap:anywhere;font:500 10px/1.4 Barlow Condensed,Noto Sans KR,sans-serif}.results strong[data-long=true]{font-size:24px}.result-minimum.improved{color:#ffdf9b}#ui[data-lobby=false] .coins .recorded:not(.collected){color:#ffdfa0;opacity:.7}.coins .recorded:not(.collected) svg{stroke-dasharray:3 2}@keyframes record-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes announce{0%{opacity:0;transform:translateY(8px)}15%,65%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}@media (width<=700px){#record-toast{left:20px}#ui[data-recovery=true] .phrase-status{display:none}#finish-banner{font-size:38px}#ui[data-practice=true] .phrase-status{display:none}.hud{left:18px;right:18px;top:max(14px, env(safe-area-inset-top));grid-template-columns:1fr auto;gap:10px}.brand{gap:9px;font-size:16px}.brand strong{font-size:20px}.brand-cube{width:21px;height:21px}.track-identity{display:none}.tools{gap:1px}.tools .icon-button{width:34px;height:38px;padding:8px}.progress{top:70px;left:18px;right:18px}.run-stats{top:91px;left:20px;right:20px}#percent{font-size:32px}#percent span{font-size:16px}#best{margin-top:5px}.ready{top:31%;left:14px;right:14px}.track-heading{gap:8px;margin-top:15px}h1{font-size:45px}.track-arrow{width:28px;height:34px;padding:4px}.track-meta{gap:8px;font-size:11px}.bottom-bar{left:20px;right:20px;bottom:max(16px, env(safe-area-inset-bottom))}#section{font-size:10px}.coins{gap:7px}.coins svg{width:15px}dialog{padding:24px}.track-option{gap:10px}.track-art{width:45px;height:54px}.option-name{font-size:18px}.track-best{font-size:14px}#ui[data-lobby=false] .hud{grid-template-columns:1fr}#ui[data-lobby=false] .progress{width:calc(100% - 230px);min-width:64px;height:12px;top:30px;left:20px;transform:none}#ui[data-lobby=false] .run-stats{top:75px}#ui[data-lobby=false] .run-stats>div{text-align:left;align-items:center;gap:12px;display:flex;top:-21px;left:0;transform:none}#ui[data-lobby=false] #percent{font-size:21px}#ui[data-lobby=false] #best{margin:0;font-size:10px}#ui[data-lobby=false] #attempt,#ui[data-lobby=false] #mode{margin-top:17px;font-size:11px}#announcement[data-kind=attempt]{font-size:22px}#announcement[data-kind=best]{font-size:20px}.lobby-topline{left:22px;top:max(22px, env(safe-area-inset-top))}.lobby-mark{font-size:13px}.lobby-mark>span{font-size:10px}.edition{display:none}.lobby-center{gap:31px;inset:16% 16px 23%}.lobby-title{-webkit-text-stroke-width:1.5px;flex-direction:column;gap:0;font-size:66px;line-height:1.12}.title-kicker{margin-bottom:12px;font-size:12px}.title-rule{margin-top:25px}.lobby-actions{gap:25px}.arcade-button{width:67px;height:67px}.arcade-button svg{width:30px;height:30px}.start-button{width:111px;height:111px}.start-button svg{width:53px;height:53px}.lobby-action{gap:13px}.lobby-action>span{font-size:11px}.lobby-track{gap:14px}.lobby-track-info{width:202px}.lobby-track h2{font-size:26px}.lobby-track .track-arrow{width:36px;height:44px}.lobby-signature{left:22px;right:22px;bottom:max(22px, env(safe-area-inset-bottom))}}@media (width>=701px) and (width<=1100px){.lobby-title{font-size:80px}.lobby-center{gap:25px}}@media (width<=380px){.lobby-title{font-size:58px}.lobby-center{gap:25px}.lobby-actions{gap:20px}.lobby-track-info{width:182px}.brand{gap:6px;font-size:14px}.brand strong{font-size:18px}.brand-cube{width:18px;height:18px}.tools .icon-button{width:30px;padding:7px}}@media (height<=740px) and (width<=700px){.lobby-center{gap:19px;inset:15% 16px 21%}.lobby-title{font-size:56px}.title-rule{margin-top:18px}.start-button{width:98px;height:98px}.arcade-button:not(.start-button){width:60px;height:60px}.title-kicker{margin-bottom:6px}.track-dots{margin-top:-14px}}@media (height<=650px) and (width<=599px){#panel[aria-label=완주] h2{margin-top:12px;font-size:38px}#panel[aria-label=완주] .dialog-track{margin-bottom:18px}#panel[aria-label=완주] .results{margin-bottom:18px;padding:14px 0}#panel[aria-label=일시정지]{padding:18px 22px}#panel[aria-label=일시정지] h2{margin:10px 0 8px;font-size:26px}#panel[aria-label=일시정지] .dialog-track{margin-bottom:16px}.pause-recovery .recovery-summary{margin:0 0 12px;padding:8px 0}.pause-recovery .recovery-summary strong{font-size:18px}.pause-recovery .recovery-button{height:42px;margin-top:8px}.pause-actions .practice-toggle{margin-top:12px;padding-top:12px}.lobby-center{gap:12px;inset:18% 16px 24%}.title-kicker,.title-rule{display:none}.lobby-title{font-size:48px}.start-button{width:86px;height:86px}.start-button svg{width:45px;height:45px}.arcade-button:not(.start-button){width:54px;height:54px}.lobby-action{gap:10px}.lobby-track h2{font-size:23px}}@media (height<=500px) and (width>=600px){#panel[aria-label=사운드\ 설정]{width:min(680px,100% - 32px);padding:14px 22px}#panel[aria-label=사운드\ 설정] h2{margin:6px 0;font-size:26px}#panel[aria-label=사운드\ 설정] .dialog-track{margin-bottom:12px}.sound-genre{margin:0 0 18px}.sound-mixer{grid-template-columns:1fr 1fr;gap:24px}.sound-enabled{margin:12px 0;padding:10px 0}#panel[aria-label=일시정지]{width:min(700px,100% - 32px);padding:14px 22px}#panel[aria-label=일시정지] h2{margin:6px 0;font-size:26px}#panel[aria-label=일시정지] .dialog-track{margin-bottom:12px}.pause-layout{grid-template-columns:1fr 1.15fr;align-items:start;gap:24px;display:grid}.pause-recovery .recovery-summary{margin:0;padding:12px 0}.pause-actions .wide-button,.pause-actions .secondary-button{height:42px}.pause-actions .secondary-button{margin-top:8px}.pause-actions .practice-toggle{margin-top:10px;padding-top:10px}.pause-layout:not(:has(.recovery-summary)){display:block}.pause-layout:not(:has(.recovery-summary)) .pause-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.pause-layout:not(:has(.recovery-summary)) .secondary-button{margin-top:0}.pause-layout:not(:has(.recovery-summary)) .practice-toggle{grid-column:1/-1;margin-top:2px}#record-toast{top:90px}.hud{height:35px;top:10px}.progress{top:53px}.run-stats{top:68px}.ready{top:27%}h1{font-size:45px}.track-meta{margin:12px 0 18px}.play-button{height:42px}.bottom-bar{bottom:10px}dialog{max-height:calc(100dvh - 20px);padding:20px}#ui[data-lobby=false] .progress{width:30%;top:23px}#ui[data-lobby=false] .run-stats{top:61px}#ui[data-lobby=false] #percent{font-size:20px}#ui[data-lobby=false] #best{margin-top:4px}#announcement[data-kind=attempt]{font-size:24px}.lobby-topline{top:17px;left:24px}.lobby-center{gap:14px;inset:14% 20px 22%}.title-kicker,.title-rule{display:none}.lobby-title{flex-direction:row;gap:15px;font-size:54px;line-height:1.2}.lobby-actions{gap:36px}.arcade-button{width:55px;height:55px}.arcade-button svg{width:26px;height:26px}.start-button{width:80px;height:80px}.start-button svg{width:40px;height:40px}.start-button:before{inset:8px}.lobby-action{gap:9px}.lobby-action>span{font-size:10px}.lobby-track{gap:14px}.lobby-track h2{font-size:22px}.lobby-track-label,.lobby-track p{font-size:10px}.lobby-track .track-arrow{height:35px}.track-dots{margin:0;position:absolute;bottom:13px;right:17px}.lobby-signature{bottom:14px;left:24px;right:24px}}@media (height<=370px) and (width>=600px){.lobby-center{gap:10px}.lobby-title{font-size:46px}.start-button{width:70px;height:70px}.start-button svg{width:35px;height:35px}.lobby-track h2{font-size:20px}}@media (height<=500px) and (width>=600px){.track-dots{position:fixed;bottom:3px;left:50%;right:auto;transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:.01ms!important}#scene-transition.show,#ui[data-phase=finishing] #finish-banner,#record-toast.show{animation:none}}