:root{--ink:#f3f5f8;--dim:#f3f5f880;--bg:#0b0d10;--good:#6fc79a;--bad:#e06a58}@font-face{font-family:Jua;src:url(/assets/fonts/Jua-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);width:100%;height:100%;color:var(--ink);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Malgun Gothic,Apple SD Gothic Neo,sans-serif;overflow:hidden}body{justify-content:center;align-items:center;display:flex}#app{width:100vw;height:100vh;touch-action:none;cursor:pointer;height:100dvh;position:relative;overflow:hidden}@media (min-aspect-ratio:9/16){#app{width:56.25dvh;height:100dvh;box-shadow:0 0 0 1px #ffffff12}}#game-canvas{width:100%;height:100%;display:block}#hud{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.hud-top{padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 0;position:absolute;top:0;left:0;right:0}.energy-track{background:#ffffff1f;border-radius:4px;height:7px;overflow:hidden}.energy-fill{background:var(--good);transform-origin:0;border-radius:4px;height:100%;transition:background-color .18s;transform:scaleX(1)}.energy-fill.is-low{background:var(--bad);animation:.55s ease-in-out infinite energy-pulse}@keyframes energy-pulse{50%{opacity:.45}}.hud-row{justify-content:space-between;align-items:flex-start;margin-top:10px;display:flex}.stat{flex-direction:column;line-height:1.05;display:flex}.stat-right{align-items:flex-end}.stat-center{align-items:center}.stat-label{letter-spacing:.08em;color:#ffffffd9;text-shadow:0 1px 3px #000000b3;font-family:Jua,inherit;font-size:13px}.stat-value{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 4px #0000008c,0 1px 2px #000000d9,0 3px 12px #00000073;font-family:Jua,inherit;font-size:38px;font-weight:400}.stat-dim{color:#fffffff2;font-size:26px}.high-glow{opacity:0;background:radial-gradient(at 50% 62%,#0000 42%,#a87aff47 78%,#7846d280 100%);transition:opacity .35s;position:absolute;top:0;bottom:0;left:0;right:0}#hud.is-high .high-glow{opacity:1}.high-badge{text-align:center;letter-spacing:.28em;color:#d9b8ff;text-shadow:0 0 14px #a87affd9;opacity:0;font-family:Jua,inherit;font-size:15px;font-weight:400;transition:opacity .25s,transform .25s;position:absolute;top:16.5%;left:0;right:0;transform:translateY(6px)}.high-badge.is-on{opacity:1;animation:1.1s ease-in-out infinite high-pulse;transform:translateY(0)}@keyframes high-pulse{50%{opacity:.55}}#hud.is-high .combo{color:#e6ccff;text-shadow:0 0 16px #a87affe6}.combo{text-align:center;letter-spacing:.04em;color:#2fa46f;text-shadow:0 0 4px #fff9,0 2px 4px #00000073,0 4px 18px #0000004d;opacity:0;font-family:Jua,inherit;font-size:30px;font-weight:400;position:absolute;top:22%;left:0;right:0}.combo.is-on{opacity:1}.combo.pop{animation:.22s cubic-bezier(.2,1.6,.4,1) combo-pop}.miss{text-align:center;letter-spacing:.16em;color:var(--bad);text-shadow:0 2px 4px #000000b3,0 4px 18px #00000073;opacity:0;font-family:Jua,inherit;font-size:26px;font-weight:400;position:absolute;top:22%;left:0;right:0}.miss.on{animation:.5s ease-out miss-out}@keyframes miss-out{0%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-16px)scale(.95)}}@keyframes combo-pop{0%{transform:scale(1.45)}to{transform:scale(1)}}.flash{opacity:0;background:radial-gradient(at 50% 62%,#0000 52%,#6fc79a80 100%);position:absolute;top:0;bottom:0;left:0;right:0}.flash.on{animation:flash-out var(--flash-dur,.16s) ease-out}@keyframes flash-out{0%{opacity:.85}to{opacity:0}}.overlay{background:#080a0d6b;justify-content:center;align-items:flex-start;padding:2.5vh 0;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay[hidden]{display:none}.overlay-card{text-align:center;-webkit-backdrop-filter:blur(10px);scrollbar-width:none;background:#101216db;border:1px solid #ffffff1a;border-radius:20px;width:min(340px,88%);max-height:92vh;padding:16px 18px;animation:.22s ease-out card-in;overflow-y:auto;box-shadow:0 18px 48px #00000073}.overlay-card::-webkit-scrollbar{display:none}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.title{letter-spacing:-.02em;font-size:26px;font-weight:900;line-height:1.15}.cta{pointer-events:auto;width:100%;font:inherit;color:#0d1a13;background:var(--good);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:14px;margin-top:14px;padding:14px 18px;font-size:17px;font-weight:800;animation:2.4s ease-in-out infinite cta-breathe;display:block;box-shadow:0 6px 18px #6fc79a47}.cta:active{transform:translateY(1px)}@keyframes cta-breathe{50%{box-shadow:0 6px 26px #6fc79a80}}.hint{color:var(--dim);margin-top:10px;font-size:13px}.row-controls{justify-content:center;align-items:center;gap:8px;margin-top:10px;display:flex}.pill,.arrow{pointer-events:auto;font:inherit;color:var(--dim);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff12;border:1px solid #ffffff24;border-radius:999px}.pill{padding:7px 16px;font-size:13px;font-weight:700}.pill.is-active{color:#0d0f12;background:var(--ink);border-color:var(--ink)}.arrow{justify-content:center;align-items:center;width:32px;height:30px;font-size:20px;line-height:1;display:flex}.skin-row{background:#ffffff0d;border-radius:12px;justify-content:space-between;margin-top:7px;padding:3px 6px}.skin-name{min-width:0;color:var(--ink);flex:1;font-size:13px;font-weight:700}.sub{color:var(--dim);font-variant-numeric:tabular-nums;margin-top:10px;font-size:12px}.leaderboard{font-variant-numeric:tabular-nums;background:#ffffff0f;border-radius:10px;max-width:240px;margin:6px auto 0;padding:6px 10px;font-size:12px;list-style:none}.leaderboard li{align-items:baseline;gap:8px;padding:2px 0;display:flex}.leaderboard .lb-foot{color:var(--dim);border-top:1px solid #ffffff1f;margin-top:2px;padding-top:3px}.board-date{color:var(--dim);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}.lb-rank{text-align:right;width:16px;color:var(--dim)}.lb-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.lb-score{font-weight:700}.video-overlay{z-index:40;opacity:1;background:#0b0d10;justify-content:center;align-items:center;transition:opacity .45s;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.video-overlay.is-out{opacity:0;pointer-events:none}.video-overlay video{object-fit:contain;width:100%;max-height:72%}.video-overlay-skip{color:#ffffff8c;letter-spacing:.04em;font-size:13px;position:absolute;bottom:42px}.name-input{pointer-events:auto;width:min(220px,80%);color:inherit;font:inherit;text-align:center;background:#ffffff14;border:1px solid #ffffff2e;border-radius:10px;outline:none;margin:8px auto 0;padding:6px 12px;font-size:14px;display:block}.name-input:focus{border-color:#ffffff73}.name-input::placeholder{color:var(--dim)}.leaderboard .lb-me{color:var(--accent,#ffd54a)}.over-top:empty{display:none}.over-title{letter-spacing:.22em;color:var(--bad);font-size:15px;font-weight:800}.over-title.is-arrived{color:var(--good)}.build{letter-spacing:.08em;opacity:.35;font-variant-numeric:tabular-nums;margin-top:8px;font-size:10px}.board-tabs{gap:4px;margin-top:2px}.board-tabs .pill{letter-spacing:.04em;padding:4px 9px;font-size:11px}.over-cause{color:var(--dim);margin-top:6px;font-size:13px}.over-score{font-variant-numeric:tabular-nums;margin-top:14px;font-size:58px;font-weight:900;line-height:1}.over-meta{color:var(--dim);font-variant-numeric:tabular-nums;justify-content:center;gap:16px;margin-top:12px;font-size:13px;display:flex}.over-new{color:var(--good);letter-spacing:.1em;margin-top:12px;font-size:14px;font-weight:800}.fps{left:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);font-variant-numeric:tabular-nums;color:var(--dim);font-size:11px;position:absolute}.fps[hidden]{display:none}.coach{text-align:center;-webkit-backdrop-filter:blur(8px);background:#101216e0;border:1px solid #ffffff1f;border-radius:16px;width:min(300px,82%);padding:16px 18px;animation:.2s ease-out coach-in;position:absolute;top:26%;left:50%;transform:translate(-50%);box-shadow:0 14px 36px #0000006b}.coach[hidden]{display:none}@keyframes coach-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}}.coach-text{font-size:17px;font-weight:800;line-height:1.35}.coach-sub{color:var(--dim);margin-top:7px;font-size:13px;line-height:1.4}.combo.is-hushed{opacity:0}