:root{--ink:#f3f5f8;--dim:#f3f5f880;--bg:#0b0d10;--good:#6fc79a;--bad:#e06a58}*{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-label{letter-spacing:.08em;color:var(--dim);font-size:11px}.stat-value{font-variant-numeric:tabular-nums;text-shadow:0 2px 10px #00000080;font-size:30px;font-weight:800}.stat-dim{color:var(--dim);font-size:17px;font-weight:700}.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-size:12px;font-weight:900;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:var(--good);text-shadow:0 2px 14px #0009;opacity:0;font-size:22px;font-weight:800;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 14px #0009;opacity:0;font-size:20px;font-weight:800;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{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#080a0d8c;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.overlay[hidden]{display:none}.overlay-card{text-align:center;padding:0 24px;animation:.22s ease-out card-in}@keyframes card-in{0%{opacity:0;transform:translateY(10px)}}.title{letter-spacing:-.01em;font-size:30px;font-weight:900}.cta{color:var(--ink);margin-top:22px;font-size:16px;font-weight:700;animation:1.5s ease-in-out infinite cta-breathe}@keyframes cta-breathe{50%{opacity:.42}}.hint{color:var(--dim);margin-top:10px;font-size:13px}.row-controls{justify-content:center;align-items:center;gap:8px;margin-top:16px;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:34px;height:34px;font-size:20px;line-height:1;display:flex}.skin-row{margin-top:10px}.skin-name{min-width:116px;color:var(--ink);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:12px auto 0;padding:8px 10px;font-size:12px;list-style:none}.leaderboard li{align-items:baseline;gap:8px;padding:3px 0;display:flex}.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}.over-title{letter-spacing:.22em;color:var(--bad);font-size:15px;font-weight:800}.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}