:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--stage-blue:#111574;--stage-deep:#070725;--ink:#151258;--cyan:#59dcff;--violet:#7369ff;--purple:#9d3ee8;--reveal-duration:.35s;background:#070725;font-family:Arial Narrow,Roboto Condensed,system-ui,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow:hidden}body{background:var(--stage-deep);min-height:100dvh}#app{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:radial-gradient(circle at 50% 35%, #3737abb8, transparent 55%), var(--stage-deep);place-items:center;display:grid}.game-stage{aspect-ratio:9/16;isolation:isolate;background:var(--stage-blue);width:min(100vw,56.25dvh);max-width:720px;position:relative;overflow:hidden;box-shadow:0 0 80px #374cff40;container-type:size}.intro-video,.fallback-art{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.intro-video{z-index:1}.fallback-art{z-index:0;visibility:hidden}.game-stage.has-video-fallback .intro-video{visibility:hidden}.game-stage.has-video-fallback .fallback-art{z-index:1;visibility:visible}.loading-ui{z-index:2;opacity:0;pointer-events:none;position:absolute;inset:0}.loading-ui.is-visible{opacity:1;transition:opacity var(--reveal-duration) ease-out}.ui-layer{opacity:0;pointer-events:none;position:absolute;inset:0}.ui-layer img{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.ui-title{clip-path:inset(8.5% 4% 75%);transform-origin:50% 17%;transform:translateY(-10px)scale(.98)}.loading-ui.is-visible .ui-title{opacity:1;transition:opacity .26s ease-out 30ms,transform .36s cubic-bezier(.2,.9,.25,1.12) 30ms;transform:translateY(0)scale(1)}.ui-menu-item{transform:translateY(1%)}.ui-menu-item-1{clip-path:inset(58.7% 0 33.4%)}.ui-menu-item-2{clip-path:inset(66.8% 0 25.8%)}.ui-menu-item-3{clip-path:inset(74.6% 0 18.2%)}.ui-menu-item-4{clip-path:inset(82.6% 0 9.9%)}.loading-ui.is-visible .ui-menu-item{opacity:1;transition:opacity .22s ease-out}.loading-ui.is-visible .ui-menu-item-1{transition-delay:.11s}.loading-ui.is-visible .ui-menu-item-2{transition-delay:.165s}.loading-ui.is-visible .ui-menu-item-3{transition-delay:.22s}.loading-ui.is-visible .ui-menu-item-4{transition-delay:.275s}.progress-block{z-index:3;opacity:0;text-align:center;position:absolute;bottom:5.7%;left:7.8%;right:7.4%;transform:translateY(8px)}.loading-ui.is-visible .progress-block{opacity:1;transition:opacity .25s ease-out .29s,transform .3s ease-out .29s;transform:translateY(0)}.progress-count{color:#17134d;letter-spacing:.02em;text-shadow:0 1px #ffffffa6;margin:0 0 .6%;font-size:clamp(12px,3.2cqw,25px);font-weight:700;line-height:1;display:block}.progress-track{border:clamp(1.5px, .28cqw, 3px) solid var(--ink);background:#ffffffeb;border-radius:999px;height:clamp(10px,1.4cqh,18px);position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff80,0 2px 9px #110c5447}.progress-fill{width:calc(var(--progress) * 100%);border-radius:inherit;background:linear-gradient(90deg, var(--cyan) 0%, var(--violet) 53%, var(--purple) 100%);height:100%;transition:width 90ms linear;position:relative;box-shadow:0 0 14px #7c53ffd9}.progress-fill:after{content:"";filter:blur(5px);background:#ffffffb8;border-radius:50%;width:8%;min-width:12px;height:170%;position:absolute;top:-35%;right:-2%}.ui-tagline{clip-path:inset(94.7% 7% 2.1%);transform:translateY(.6%)}.loading-ui.is-visible .ui-tagline{opacity:1;transition:opacity .24s ease-out .33s}.loading-ui.is-complete .progress-block{animation:.28s ease-out both completion-glow}.game-stage.is-leaving{opacity:0;transition:opacity .32s ease-in,transform .32s ease-in;transform:scale(1.012)}.loading-error{z-index:5;color:#fff;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0b44e0;border:1px solid #b39bffb8;border-radius:18px;justify-items:center;gap:10px;padding:16px;display:grid;position:absolute;bottom:13%;left:12%;right:12%;box-shadow:0 10px 35px #0604257a}.loading-error p{margin:0}.retry-button{color:#fff;min-height:42px;font:inherit;cursor:pointer;background:linear-gradient(110deg,#3fcbff,#8e45e9);border:1px solid #ffffffbd;border-radius:999px;padding:0 22px;font-weight:800}.lobby-background,.lobby-intro-video,.lobby-ui{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.lobby-background{z-index:0;opacity:0}.lobby-intro-video{z-index:1}.lobby-ui{z-index:2;opacity:0;pointer-events:none}.lobby-stage[data-phase=revealing] .lobby-background,.lobby-stage[data-phase=idle] .lobby-background,.lobby-stage[data-phase=revealing] .lobby-ui,.lobby-stage[data-phase=idle] .lobby-ui{opacity:1;transition:opacity .15s ease-out}.lobby-stage[data-phase=revealing] .lobby-intro-video,.lobby-stage[data-phase=idle] .lobby-intro-video{opacity:0;transition:opacity .15s ease-out}.lobby-select-hotspot{z-index:3;opacity:0;cursor:pointer;background:0 0;border:0;height:10%;padding:0;position:absolute;top:86.9%}.lobby-select-character{width:43.8%;left:2.1%}.lobby-start{width:48.6%;left:49.2%}.lobby-select-hotspot:disabled{pointer-events:none;cursor:default}.lobby-select-hotspot:focus-visible{opacity:1;outline-offset:-4px;border-radius:12%;outline:clamp(2px,.35cqw,4px) solid #fff;box-shadow:0 0 18px #50dcffe6}.character-select-static,.character-select-intro{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.character-select-static{z-index:0;opacity:0}.character-select-intro{z-index:1}.character-select-stage.is-static .character-select-static{opacity:1;transition:opacity .15s ease-out}.character-select-stage.is-static .character-select-intro{opacity:0;pointer-events:none;transition:opacity .15s ease-out}.character-select-ready,.character-select-back{z-index:3;cursor:pointer;border:0;position:absolute}.character-select-tray{z-index:2;grid-template-columns:repeat(3,1fr);gap:3%;display:grid;position:absolute;bottom:16%;left:6%;right:6%}.character-select-avatar{aspect-ratio:.64;cursor:pointer;background:#181469;border:clamp(2px,.42cqw,5px) solid #ffffff8c;border-radius:10%;padding:0;position:relative;overflow:hidden;box-shadow:0 5px 18px #03032875}.character-select-avatar img{object-fit:cover;object-position:center bottom;width:120%;height:120%;display:block;position:absolute;top:-10%;left:-10%}.character-select-avatar:after{content:"";pointer-events:none;background:linear-gradient(#0000,#04052ad1);height:32%;position:absolute;bottom:0;left:0;right:0}.character-select-avatar-tagline,.character-select-avatar-name{z-index:1;color:#fff;text-align:center;text-shadow:0 2px 2px #070728,0 0 5px #070728;pointer-events:none;font-style:italic;font-weight:900;line-height:.95;position:absolute;left:3%;right:3%}.character-select-avatar-tagline{font-size:clamp(7px,1.65cqw,14px);bottom:16%}.character-select-avatar-name{letter-spacing:.02em;font-size:clamp(16px,4cqw,32px);bottom:3.5%}.character-select-avatar.is-selected{border-color:#fff;box-shadow:0 0 18px #69ebfff5}.character-select-ready{color:#1d1242;min-height:9%;font:inherit;letter-spacing:.05em;background:linear-gradient(#fff27a,#ffb918);border:clamp(2px,.38cqw,5px) solid #1f154a;border-radius:999px;font-size:clamp(20px,5cqw,40px);font-style:italic;font-weight:900;bottom:4%;left:22%;right:22%;box-shadow:0 6px #1f154a,0 0 24px #ffe53cbf}.character-select-back{color:#fff;min-height:42px;font:inherit;background:#05052d61;border:1px solid #ffffffd1;border-radius:999px;padding:0 12px;font-weight:800;top:3%;left:4%}.character-select-ready:disabled{cursor:default;opacity:.55}.character-select-ready:focus-visible,.character-select-avatar:focus-visible,.character-select-back:focus-visible{outline-offset:-4px;border-radius:12%;outline:clamp(2px,.35cqw,4px) solid #fff;box-shadow:0 0 18px #50dcffe6}.difficulty-stage{color:#fff;text-align:center;background:radial-gradient(circle at 50% 30%,#53dbff59,#0000 35%),linear-gradient(155deg,#172bb7,#27116c 55%,#08052e);align-content:center;gap:7%;padding:11%;display:grid}.difficulty-stage h1{letter-spacing:.08em;margin:0;font-size:clamp(28px,7cqw,54px)}.difficulty-choices{gap:4%;display:grid}.difficulty-choice,.difficulty-back{color:#fff;min-height:58px;font:inherit;letter-spacing:.08em;cursor:pointer;background:#08052e99;border:2px solid #ffffffb8;border-radius:999px;font-size:clamp(19px,4.5cqw,34px);font-weight:900}.difficulty-choice.is-selected{background:linear-gradient(110deg,#3fcbff,#8e45e9);border-color:#fff;box-shadow:0 0 22px #59dcffb3}.difficulty-back{background:0 0;min-height:42px;font-size:clamp(14px,3cqw,22px)}.fight-stage{background:#070725}.fight-background,.fight-intro-video,.fight-ui-art,.fight-finisher-video{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.fight-background{z-index:0;object-fit:cover}.fight-character{z-index:1;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:56%;height:53%;position:absolute;bottom:10%;left:4%}.fight-bag{z-index:1;object-fit:fill;transform-origin:50% 0;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:63%;height:63%;position:absolute;top:13.5%;right:-4%}.fight-intro-video{z-index:4;background:#070725}.fight-ui-art{z-index:2;pointer-events:none}.fight-finisher-video{z-index:8;object-fit:cover;background:#070725}.fight-stage.is-intro-complete .fight-intro-video{display:none}.fight-timer,.fight-score,.fight-hearts,.fight-countdown,.fight-combo,.fight-cue,.fight-judgement{z-index:5;color:#fff;text-shadow:0 2px 5px #050122,0 0 8px #3d9dff;pointer-events:none;font-weight:900;line-height:1;position:absolute}.fight-timer,.fight-score{background:#07145c;border-radius:999px;place-items:center;width:18%;height:3.25%;font-size:clamp(12px,2.8cqw,23px);display:grid;top:3.25%;box-shadow:inset 0 0 8px #0e48d6e6}.fight-timer{left:10.4%}.fight-score{right:3.6%}.fight-hearts{display:none}.fight-countdown{text-align:center;color:#fff174;font-size:clamp(44px,14cqw,108px);font-style:italic;top:32%;left:0;right:0}.fight-combo{color:#80e6ff;font-size:clamp(11px,3cqw,26px);top:35%;right:5%}.fight-cue{color:#b9b6ff;background:#040a48c2;border:2px solid #78e0ff6b;border-radius:999px;padding:1.2% 2.2%;font-size:clamp(14px,4cqw,34px);transition:transform .12s,color .12s,border-color .12s;top:38%;right:8%}.fight-cue.is-preparing{color:#70e9ff;filter:drop-shadow(0 0 12px #269cff);border-color:#70e9ff;animation:.65s ease-in both fight-ready-copy}.fight-cue.is-active{color:#fff47c;filter:drop-shadow(0 0 18px #ffdf49);border-color:#fff47c;transform:scale(1.28)}.fight-judgement{color:#fff;background:#040a48a6;border-radius:8px;padding:1%;font-size:clamp(15px,4cqw,34px);top:40%;right:42%;transform:rotate(-10deg)}.fight-judgement[data-judgement=perfect]{color:#fff47c}.fight-judgement[data-judgement=good]{color:#66e6ff}.fight-judgement[data-judgement=miss]{color:#ff6a8a}.fight-impact{z-index:4;aspect-ratio:1;pointer-events:none;background:radial-gradient(circle, #fff 0 7%, #6eeaff 8% 15%, #4b4cff 16% 25%, transparent 27%), repeating-conic-gradient(from 8deg, #ffe96a 0 5deg, transparent 7deg 28deg);filter:drop-shadow(0 0 10px #2fdcff)drop-shadow(0 0 18px #ffb52f);border-radius:50%;width:16%;position:absolute;top:46.5%;left:64%;transform:translate(-50%,-50%)}.fight-impact[aria-hidden=true]{display:none}.fight-impact[aria-hidden=false]{animation:.3s ease-out both fight-impact-pop}.fight-punch-button{z-index:6;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:50%;width:31%;height:17%;position:absolute;top:79%;right:8.5%}.fight-punch-button:before{content:"";opacity:0;pointer-events:none;border:clamp(3px,.7cqw,7px) solid #0000;border-radius:50%;position:absolute;inset:4%}.fight-punch-button:not(:disabled).is-preparing:before{border-color:#5eeaff;animation:.65s ease-in both fight-ready-ring;box-shadow:0 0 18px #168cff,inset 0 0 28px #4bdcffcc}.fight-punch-button:not(:disabled).is-cue,.fight-punch-button:not(:disabled):hover{filter:brightness(1.3)drop-shadow(0 0 24px #fff16f);transform:scale(1.06)}.fight-punch-button:not(:disabled).is-cue:before{opacity:1;border-color:#fff47c;animation:.26s ease-in-out infinite alternate fight-hit-flash;inset:-2%;box-shadow:0 0 24px #fff16f,0 0 42px #ff8a00,inset 0 0 24px #fff47ce6}.fight-punch-button:disabled{cursor:default}.fight-punch-button:focus-visible{outline-offset:-8px;outline:clamp(2px,.45cqw,5px) solid #fff}@keyframes fight-ready-ring{0%{opacity:.15;inset:-28%;transform:scale(1.25)}to{opacity:1;inset:4%;transform:scale(1)}}@keyframes fight-ready-copy{0%{opacity:.35;transform:scale(.86)}to{opacity:1;transform:scale(1.08)}}@keyframes fight-hit-flash{0%{opacity:.78;transform:scale(.96)}to{opacity:1;transform:scale(1.08)}}@keyframes fight-impact-pop{0%{opacity:1;transform:translate(-50%,-50%)scale(.55)rotate(-8deg)}45%{opacity:1;transform:translate(-50%,-50%)scale(1.18)rotate(4deg)}to{opacity:0;transform:translate(-50%,-50%)scale(.92)rotate(12deg)}}.result-stage{background:#08052e}.result-background,.result-ui-art{width:100%;height:100%;position:absolute;inset:0}.result-background{z-index:0;object-fit:cover;background:radial-gradient(circle at 50% 38%,#405ed0,#13074e 58%,#05031a)}.result-ui-art{z-index:1;object-fit:fill;pointer-events:none}.result-stage.is-background-fallback .result-background{opacity:0}.result-stats{z-index:2;pointer-events:none;margin:0;position:absolute;inset:0}.result-stats:before{z-index:0;content:"";background:#040b31;position:absolute;inset:47.8% 6.5% 17.9%}.result-stat-cover{z-index:1;color:#fff;text-align:center;text-shadow:0 2px 5px #050122,0 0 9px #53d9ff;background:0 0;align-content:center;padding:.5% 2%;font-weight:900;line-height:1;display:grid;position:absolute}.result-stat-cover dt{letter-spacing:.06em;font-size:clamp(8px,1.65cqw,15px)}.result-stat-cover dd{margin:.6% 0 0;font-size:clamp(17px,5.2cqw,43px);font-style:italic}.result-stat-score{height:11%;top:50.5%;left:22%;right:22%}.result-stat-score dt{font-size:clamp(9px,2.1cqw,18px)}.result-stat-score dd{font-size:clamp(25px,7.8cqw,65px)}.result-stat-perfect{color:#49f3ff;width:39%;height:5.7%;top:62.5%;left:9%}.result-stat-good{color:#ffe846;width:39%;height:5.7%;top:68.4%;left:9%}.result-stat-miss{color:#ff53a1;width:39%;height:5.7%;top:74.3%;left:9%}.result-stat-max-combo{width:43%;height:5.7%;top:62.5%;right:7.5%}.result-stat-accuracy{width:43%;height:6.5%;top:70.3%;right:7.5%}.result-retry,.result-continue{z-index:3;color:#0000;cursor:pointer;background:0 0;border:0;border-radius:999px;height:9.3%;position:absolute;top:85.2%}.result-retry{width:44%;left:5%}.result-continue{width:49%;right:4%}.result-retry:focus-visible,.result-continue:focus-visible{outline-offset:-5px;outline:clamp(2px,.45cqw,5px) solid #fff;box-shadow:0 0 18px #fff265f2}.lobby-placeholder{aspect-ratio:9/16;color:#fff;text-align:center;background:radial-gradient(circle at 50% 38%,#53dbff4d,#0000 32%),linear-gradient(155deg,#172bb7,#27116c 55%,#08052e);place-content:center;gap:12px;width:min(100vw,56.25dvh);max-width:720px;display:grid}.lobby-placeholder p{letter-spacing:.04em;text-shadow:0 0 18px #bb5cffb8;margin:0;font-size:clamp(28px,8cqw,62px);font-style:italic;font-weight:900}.lobby-placeholder small{color:#ffffffbd;font-size:clamp(12px,2.8cqw,20px)}@keyframes completion-glow{50%{filter:drop-shadow(0 0 16px #c294fff2);transform:scale(1.012)}}@media (prefers-reduced-motion:reduce){.loading-ui,.ui-layer,.progress-block,.progress-fill,.lobby-background,.lobby-intro-video,.lobby-ui,.result-stat-cover,.fight-cue,.fight-punch-button,.fight-punch-button:before{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}.fight-punch-button.is-preparing:before{opacity:1;inset:4%}}@media (width>=900px){.game-stage{border-radius:18px}}