:root{color-scheme:dark;--bg:#09070e;--pink:#ff429d;--pink-light:#ff85bd;--muted:#8b8099;--line:#2a1c35;--yellow:#ffe58b;--cyan:#77eaf1;font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 30%,#1b1026 0,transparent 60%),var(--bg);color:#f8f2fa}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}button:disabled{cursor:default}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.app{max-width:1280px;margin:auto;padding:0 56px}.masthead{height:106px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:15px;letter-spacing:2px;font-weight:800}.brand b{font-weight:400;color:#b4a6be}.brand small{display:block;font-size:7px;letter-spacing:1.45px;color:#8b7b97;margin-top:6px}.brand-mark{font-size:34px;font-weight:900;font-style:italic;color:var(--pink);letter-spacing:-5px;position:relative;line-height:1}.brand-mark span{font-size:23px;vertical-align:top;letter-spacing:0}.channel{font:10px monospace;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:#b3a4be}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 12px var(--pink);animation:blink 2s infinite}.channel-divider{margin:0 10px;color:#544460}.header-tools{display:flex;gap:10px}.icon-button{width:34px;height:34px;display:grid;place-items:center;background:#15101d;border:1px solid #32243f;border-radius:6px;font:16px monospace;color:#b1a0bd}.icon-button:hover{color:var(--pink);border-color:var(--pink)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.sound-waves{display:none}.sound-on .sound-waves{display:block}.sound-on .sound-slash{display:none}.episode-bar{display:flex;justify-content:space-between;padding:26px 0 14px;font:9px monospace;letter-spacing:2px;color:#b1a1bb}.pink{color:var(--pink)}.episode-bar .pink{font-size:14px;margin-right:8px}.episode-right{color:#70637e}.episode-right span{margin:0 14px}.stage{position:relative;aspect-ratio:1120/680;border:1px solid #4b2a50;background:#0c0712;isolation:isolate;overflow:hidden;border-radius:3px;box-shadow:0 20px 100px #0007,0 0 80px #8b225809}canvas{display:block;width:100%;height:100%;touch-action:none}.stage-grain{position:absolute;inset:0;pointer-events:none;z-index:3;opacity:.12;background:repeating-linear-gradient(0deg,transparent,transparent 2px,#000 2px,#000 4px)}.stage-corner{width:13px;height:13px;position:absolute;border-color:#d393be;z-index:4;pointer-events:none}.top-left{top:0;left:0;border-top:2px solid;border-left:2px solid}.top-right{top:0;right:0;border-top:2px solid;border-right:2px solid}.bottom-left{bottom:0;left:0;border-bottom:2px solid;border-left:2px solid}.bottom-right{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}.lobby{position:absolute;left:6.3%;top:16%;width:53%;z-index:5}.eyebrow{font:9px monospace;letter-spacing:3px;color:#e298bf;display:flex;align-items:center;gap:10px}.tiny-line{width:25px;height:1px;background:var(--pink)}h1{font-size:clamp(30px,5.15vw,65px);letter-spacing:-2px;line-height:.98;margin:25px 0 16px;font-weight:900;font-style:italic;position:relative;width:fit-content}h1>span{color:var(--pink);text-shadow:3px 3px 0 #561f52}h1 i{position:absolute;font-size:13px;font-style:normal;top:6px;right:-32px;letter-spacing:0;color:var(--pink);border:1px solid #75415d;padding:3px}.lobby-korean{font-size:14px;font-weight:700;letter-spacing:1px;color:#efdeea;margin:20px 0 14px}.lobby-korean span{color:var(--pink);margin:0 7px}.lobby-description{font-size:12px;color:#a18cae;line-height:1.9;margin:0 0 25px}.difficulty{display:flex;gap:5px;margin-bottom:13px;max-width:340px}.difficulty button{background:#160e20bd;border:1px solid #36263f;color:#9c8aa9;font-size:11px;padding:9px 13px;flex:1;transition:.15s}.difficulty small{font:8px monospace;display:block;margin-top:4px;letter-spacing:1px;color:#776883}.difficulty .selected{border-color:var(--pink);background:#ff429d16;color:#ffb8db}.difficulty .selected small{color:#cc6f9f}.start-button{display:flex;width:340px;max-width:100%;align-items:center;gap:14px;padding:17px 21px;background:var(--pink);color:#220c1c;font-weight:800;font-size:14px;box-shadow:4px 4px 0 #762349;transition:.15s}.start-button:hover{background:#ff7fba;transform:translateY(-2px);box-shadow:4px 6px 0 #762349}.start-button>span{font-size:19px}.start-button svg{margin-left:auto}.start-note{font:9px monospace;color:#796284;margin-top:16px;display:flex;align-items:center;gap:8px}.start-note kbd{font-size:8px;padding:3px 5px}.character-label{position:absolute;right:9.5%;bottom:18%;text-align:center;z-index:2}.character-label>span{font:8px monospace;letter-spacing:3px;color:#a971a2}.character-label strong{display:block;letter-spacing:3px;font-size:23px;margin:10px 0}.character-label i{font-style:normal;color:var(--pink)}.character-label small{font-size:10px;color:#b893b1}.lobby-bottom{position:absolute;bottom:0;left:0;right:0;display:flex;gap:30px;align-items:center;height:54px;padding:0 6.3%;border-top:1px solid #55324b77;background:#1109169c;font:10px monospace;color:#965270}.lobby-bottom b{font-size:10px;color:#a28aa9;margin-left:8px;font-weight:400}.control-strip{padding:20px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px}.control-strip>div{display:flex;align-items:center;gap:4px}.control-strip span{color:#8d7e9a;font-size:10px;margin-left:5px}.control-strip b{width:1px;height:11px;background:#32253d;margin:0 9px}kbd{font:9px monospace;border:1px solid #3d2c48;background:#191020;color:#b1a0bc;padding:4px 6px;border-radius:3px;min-width:20px;text-align:center}.control-strip button{background:none;color:#756580;font-size:10px}.control-strip button span{color:#cb9abf}.bottom-caption{display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1.5px;color:#64526e;margin:20px 0}.bottom-caption b{margin:0 10px}footer{text-align:center;font-size:9px;color:#57465f;margin:32px 0 24px}.battle-topline{position:absolute;inset:18px 25px auto;display:flex;justify-content:space-between;align-items:center;font:10px monospace;letter-spacing:2px;color:#c886b4}.battle-topline button{background:#221025;border:1px solid #6a315b;padding:7px 10px;color:#edb7d8}.battle-topline button span{font:8px monospace;margin-left:8px}.actions{position:absolute;bottom:18px;left:22%;right:22%;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.actions button{border:1px solid #684166;background:#1b1024d9;height:44px;color:#b89cc6;font-size:12px;font-weight:700;transition:background .15s}.actions button span{color:#ed9ccb;margin-right:6px}.actions button small{display:block;font:7px monospace;letter-spacing:2px;margin-top:3px}.actions button:hover:enabled,.actions button.active{border-color:var(--pink);background:#ff429d25;color:#ffe3f1}.actions button:disabled{opacity:.3}.battle-hint{position:absolute;bottom:77px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:1px;color:#d7acc9;pointer-events:none}.submenu{position:absolute;left:33%;right:33%;top:61%;display:grid;gap:8px;z-index:5;background:#11091ded;border:1px solid #82416a;padding:14px;box-shadow:0 4px 40px #0008}.submenu button{background:#28142f;padding:12px;text-align:left;color:#f2d3e6;border:1px solid #58334e;font-size:12px}.submenu button:hover{border-color:var(--pink)}.submenu small{float:right;color:#b293b9;font:9px monospace;padding-top:2px}.strike-button{position:absolute;bottom:112px;left:43%;width:14%;background:#ffdb79;color:#402219;font-weight:800;padding:8px;font-size:13px}.strike-button kbd{font-size:7px;display:block;background:transparent;border:none;color:#614326;padding:3px 0 0}.modal-backdrop{position:absolute;inset:0;z-index:10;background:#080510d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center}.modal-card{padding:32px;width:440px;max-width:90%;border:1px solid #684165;background:linear-gradient(145deg,#24132d,#100b19);box-shadow:0 15px 80px #0009;text-align:center;max-height:95%;overflow:auto}.modal-eyebrow{font:9px monospace;letter-spacing:4px;color:var(--pink)}.modal-card h2{font-size:27px;letter-spacing:-1px;margin:15px 0 20px}.modal-card p{color:#b8a6c6;font-size:12px;line-height:1.9;margin:12px 0}.modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.modal-actions button{padding:13px;border:1px solid #674364;background:#291632;font-weight:700;font-size:12px}.modal-actions button:first-child{background:var(--pink);color:#2a0a1b;border-color:var(--pink)}.guide-row{display:flex;align-items:center;gap:10px;text-align:left;color:#c3abc9;font-size:11px;border-bottom:1px solid #39223d;padding:11px 0}.guide-row strong{min-width:90px;font-size:10px;color:#f7d8ef}.color-blue{color:var(--cyan)}.color-orange{color:#ffb568}.result-rank{font-size:76px;font-weight:900;font-style:italic;color:var(--yellow);text-shadow:4px 4px 0 #744c5f;margin:5px 0}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.result-stats div{font-size:10px;color:#987fa5}.result-stats strong{display:block;font:20px monospace;color:#f4d8ed;margin-bottom:7px}.touch-controls{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes blink{50%{opacity:.4}}@media(min-width:1400px){.app{padding-top:20px}}@media(max-width:1000px){.app{padding:0 25px}.masthead{height:80px}.lobby{top:12%}.lobby-description{margin-bottom:16px}.lobby-korean{margin:15px 0 10px}.start-button{padding:13px 18px}.difficulty button{padding:7px}.character-label{right:7%;bottom:17%}.character-label strong{font-size:19px}.control-strip b{margin:0 5px}.control-strip button{display:none}footer{margin:25px 0 20px}.bottom-caption{font-size:7px}}
@media(max-width:650px){.app{padding:0 12px}.masthead{height:70px}.brand{font-size:11px;letter-spacing:1px;gap:8px}.brand small{font-size:5px;letter-spacing:.8px}.brand-mark{font-size:27px}.brand-mark span{font-size:17px}.channel{font-size:8px;letter-spacing:1px}.channel-divider,.channel{display:none}.header-tools{gap:6px}.icon-button{width:30px;height:30px}.episode-bar{padding:18px 0 12px;font-size:7px;letter-spacing:1.4px}.episode-right{display:none}.stage{aspect-ratio:720/850}.stage canvas{position:absolute;width:155.56%;height:100%;left:-27.78%}.stage.in-battle{aspect-ratio:500/680}.stage.in-battle canvas{width:224%;left:-62%}.lobby{top:8%;left:7%;width:86%}.eyebrow{font-size:7px;letter-spacing:2px}h1{font-size:48px;margin:20px 0 14px}.lobby-korean{font-size:12px;margin:15px 0}.lobby-description{font-size:10px;max-width:62%;margin-bottom:24px}.difficulty{max-width:260px;margin-top:130px}.difficulty button{font-size:10px;background:#190e23ed}.start-button{width:260px;font-size:12px}.start-note{font-size:7px;gap:5px}.character-label{right:4%;bottom:36%;text-align:right}.character-label>span{font-size:6px}.character-label strong{font-size:14px;letter-spacing:1px;margin:5px 0}.character-label small{display:none}.lobby-bottom{gap:13px;height:36px;padding:0 7%;font-size:8px}.lobby-bottom b{font-size:8px;margin-left:4px}.control-strip{padding:15px 0}.control-strip>div{flex-wrap:wrap;gap:3px}.control-strip span{font-size:8px}.control-strip kbd{font-size:7px;padding:3px;min-width:16px}.control-strip b{margin:0 3px}.bottom-caption{font-size:6px;letter-spacing:1px;line-height:1.9;flex-direction:column;gap:4px}.bottom-caption b{margin:0 5px}footer{font-size:8px;margin:20px 0}.battle-topline{inset:10px 12px auto;font-size:8px;letter-spacing:1px}.battle-topline button{padding:5px 8px}.actions{left:9%;right:9%;bottom:10px;gap:6px}.actions button{height:32px;font-size:10px}.actions button span{margin-right:4px}.actions button small{font-size:6px;letter-spacing:1px;margin-top:1px}.battle-hint{bottom:52px;font-size:8px;letter-spacing:0}.submenu{left:18%;right:18%;top:56%;padding:8px;gap:5px}.submenu button{font-size:10px;padding:9px}.submenu small{font-size:8px}.strike-button{bottom:64px;left:38%;width:24%;font-size:10px;padding:5px}.strike-button kbd{font-size:6px}.modal-card{padding:20px;max-height:94%}.modal-card h2{font-size:23px;margin:10px 0}.modal-card p{font-size:11px}.modal-actions{margin-top:14px}.modal-actions button{padding:10px}.guide-row{padding:8px 0;font-size:9px;gap:8px}.guide-row strong{min-width:72px;font-size:9px}.result-rank{font-size:50px}.result-stats strong{font-size:17px}}
@media(pointer:coarse),(max-width:650px){.in-game .touch-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin:17px 0;touch-action:none;user-select:none}.touch-controls button{background:#25142f;border:1px solid #66415f;border-radius:7px;color:#e5c5e1;touch-action:none}.dpad{display:grid;grid-template-columns:repeat(3,45px);grid-template-rows:repeat(2,38px);gap:5px}.dpad button{font-size:20px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3){grid-column:2;grid-row:2}.dpad button:nth-child(4){grid-column:3;grid-row:2}.touch-focus{height:56px;width:48px;font-size:12px}.touch-shoot{height:70px;width:85px;font-size:23px!important;background:#542040!important;color:#ffb4d7!important}.touch-shoot small{display:block;font-size:9px;margin-top:3px}.touch-controls button:active{background:#7a2f5b}.control-strip>div{opacity:.6}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:380px){h1{font-size:40px}.difficulty{margin-top:105px}.lobby-description{margin-bottom:12px}.start-note{font-size:6px}.character-label{bottom:37%}.control-strip b{margin:0 1px}}
@media(max-width:650px){
  .stage:not(.in-battle){aspect-ratio:720/1160}
  .stage:not(.in-battle) canvas{height:auto;top:22%;aspect-ratio:1120/680;mask-image:linear-gradient(transparent,black 20%,black 92%,transparent)}
  .lobby{inset:32px 7% 61px;width:auto}
  .lobby .difficulty{position:absolute;bottom:85px;left:0;width:260px;max-width:100%;margin:0}
  .lobby .start-button{position:absolute;bottom:28px;left:0;width:260px}
  .lobby .start-note{position:absolute;bottom:0;left:0;margin:0;white-space:nowrap}
  .lobby-description{max-width:100%;font-size:10px}
  .character-label{display:none}
  .battle-hint{bottom:9.8%;font-size:8px}
  .actions{bottom:12px}
}
@media(min-width:651px) and (max-height:850px){
  .app{max-width:min(1280px,calc((100dvh - 205px)*1.647 + 64px));padding:0 32px}
  .masthead{height:62px}.episode-bar{padding:17px 0 11px}
  .control-strip{padding:13px 0}.bottom-caption{margin:13px 0}footer{margin:17px 0 12px}
  .lobby{top:12%}.lobby h1{font-size:clamp(30px,4.5vw,57px);margin-top:19px;margin-bottom:12px}
  .lobby-korean{font-size:12px;margin:12px 0 10px}.lobby-description{font-size:11px;margin-bottom:18px}
  .difficulty button{padding:7px 9px}.start-button{padding:13px 18px}.start-note{margin-top:12px}
  .character-label strong{font-size:20px}
}
.challenge-select{max-width:390px;margin-bottom:15px}.challenge-select .difficulty{max-width:none;margin-bottom:8px}.challenge-select .difficulty button{padding:9px 8px;min-width:0;white-space:nowrap}.difficulty-detail{font-size:9px;color:#d1a4c0;margin:0 0 6px;line-height:1.5}.neo-requirement{font-size:9px;color:#86788e;line-height:1.5;margin:0}.neo-requirement.unlocked{color:var(--cyan)}.difficulty #neo-button{border-color:#474052;color:#81758f}.difficulty #neo-button:disabled{background:repeating-linear-gradient(135deg,#16121c,#16121c 6px,#1d1724 6px,#1d1724 7px);opacity:.8}.difficulty #neo-button:not(:disabled){border-color:#5ca2b1;color:#91f1ec;background:#63efe91a}.difficulty #neo-button.selected{border-color:var(--cyan);box-shadow:0 0 13px #63efe930}.neo-lock{font-size:10px}.neo-unlock{padding:14px 10px;border:1px solid #60cfc2;background:#58eedb12;margin:16px 0}.neo-unlock strong{display:block;font:12px monospace;letter-spacing:1px;color:var(--cyan)}.neo-unlock span{display:block;font-size:11px;color:#bbe9e4;margin-top:8px}.neo-challenge{--pink:#69e5e1;--pink-light:#bcfff4}.neo-challenge .start-button{box-shadow:4px 4px 0 #28686d}.neo-challenge h1>span{text-shadow:3px 3px 0 #245069}.neo-challenge .stage{border-color:#368b94}.neo-challenge .character-label i{color:var(--cyan)}
@media(min-width:651px){.lobby{top:12%}.lobby-description{margin-bottom:18px}.start-note{margin-top:12px}}
@media(min-width:651px) and (max-height:850px){.lobby{top:9%}.lobby h1{font-size:clamp(30px,4.1vw,52px);margin-top:16px}.lobby-description{margin-bottom:10px;font-size:10px}.challenge-select{margin-bottom:10px}.difficulty-detail,.neo-requirement{font-size:8px}.challenge-select .difficulty button{padding:7px}.start-note{margin-top:10px}}
@media(max-width:650px){.challenge-select{position:absolute;bottom:83px;left:0;width:100%;margin:0}.lobby .challenge-select .difficulty{position:static;width:100%;margin:0 0 7px}.challenge-select .difficulty button{font-size:10px;padding:9px 4px}.difficulty-detail,.neo-requirement{font-size:8px}.lobby .start-button{width:100%}.neo-unlock strong{font-size:10px}.neo-unlock span{font-size:10px}}