:root{--ink:#f3f5f8;--dim:#f3f5f880;--bg:#0b0d10;--good:#6fc79a;--bad:#e06a58;--outline:-2px -2px 0 var(--edge), 2px -2px 0 var(--edge), -2px 2px 0 var(--edge), 2px 2px 0 var(--edge), 0 -2px 0 var(--edge), 0 2px 0 var(--edge), -2px 0 0 var(--edge), 2px 0 0 var(--edge);--edge:#181a1eb8;--outline-thin:-1px -1px 0 var(--edge), 1px -1px 0 var(--edge), -1px 1px 0 var(--edge), 1px 1px 0 var(--edge), 0 -1px 0 var(--edge), 0 1px 0 var(--edge), -1px 0 0 var(--edge), 1px 0 0 var(--edge)}@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}.top-row{align-items:center;gap:10px;display:flex}.energy-track{background:#ffffff1f;border-radius:4px;flex:1;height:7px;overflow:hidden}.pause-btn{pointer-events:auto;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#00000052;border:1px solid #ffffff38;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;display:flex}.pause-btn[hidden]{display:none}.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:#fff;text-shadow:var(--outline-thin);font-family:Jua,inherit;font-size:14px}.stat-value{font-variant-numeric:tabular-nums;color:#fff;text-shadow:var(--outline), 0 3px 12px #00000059;font-family:Jua,inherit;font-size:40px;font-weight:400}.stat-dim{color:#fff;font-size:28px}.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:#ecd9ff;text-shadow:var(--outline), 0 0 14px #a87afff2;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}}.super-glow{opacity:0;background:radial-gradient(at 50% 60%,#0000 38%,#ffce5c4d 74%,#ff96288c 100%);transition:opacity .18s;position:absolute;top:0;bottom:0;left:0;right:0}#hud.is-super .super-glow{opacity:1;animation:.42s ease-in-out infinite super-breathe}@keyframes super-breathe{50%{opacity:.6}}.super-badge{text-align:center;letter-spacing:.1em;color:#fff4d2;text-shadow:var(--outline), 0 0 18px #ffb030, 0 0 42px #ff8c14cc;opacity:0;pointer-events:none;font-family:Jua,inherit;font-size:30px;font-weight:400;position:absolute;top:15%;left:0;right:0}.super-badge.is-on{opacity:1}.super-badge.burst{animation:.5s cubic-bezier(.16,1,.3,1) super-burst}@keyframes super-burst{0%{opacity:0;transform:scale(2.4)}35%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}.cutin{pointer-events:none;background:radial-gradient(#4628006b,#1e10009e);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.cutin[hidden]{display:none}.cutin.on{animation:cutin-bg var(--cutin-dur,.9s) ease-out forwards}@keyframes cutin-bg{0%{opacity:0}12%{opacity:1}75%{opacity:1}to{opacity:0}}.cutin-title{text-align:center;color:#fff6dc;text-shadow:0 0 6px #ffb43c,0 0 22px #ff9614f2,0 0 60px #ff7800b3,0 5px #8a4a00,0 7px 12px #0009;padding:0 18px;font-family:Jua,inherit;font-size:46px;line-height:1.1}.cutin.on .cutin-title{animation:cutin-title var(--cutin-dur,.9s) cubic-bezier(.16, 1, .3, 1) forwards}@keyframes cutin-title{0%{opacity:0;transform:scale(3.2)rotate(-7deg)}22%{opacity:1;transform:scale(.92)rotate(2deg)}34%{transform:scale(1.06)rotate(-1deg)}46%{transform:scale(1)rotate(0)}84%{opacity:1;transform:scale(1)rotate(0)}to{opacity:0;transform:scale(1.14)}}.super-count{text-align:center;color:#ffc93f;text-shadow:0 0 3px #6b3400,0 0 10px #ffb030e6,0 0 34px #ff8200bf,0 4px #7a3f00,0 6px 12px #00000073;opacity:0;pointer-events:none;font-family:Jua,inherit;font-size:62px;position:absolute;top:29%;left:0;right:0}.super-count.on{animation:.42s cubic-bezier(.16,1,.3,1) forwards count-pop}@keyframes count-pop{0%{opacity:0;transform:scale(2)}55%{opacity:1;transform:scale(.94)}to{opacity:.92;transform:scale(1)}}#hud.is-high .combo{color:#f0dcff;text-shadow:var(--outline), 0 0 26px #be82fff2, 0 4px 16px #00000059}#hud.is-high .combo:before{background:radial-gradient(circle,#0000 48%,#a850ffbf 60%,#c88cff40 70%,#0000 78%)}.combo{text-align:center;letter-spacing:.02em;color:#ffd23f;text-shadow:var(--outline), 0 0 22px #ffbe28d9, 0 4px 16px #00000059;opacity:0;font-family:Jua,inherit;font-size:36px;font-weight:400;position:absolute;top:22%;left:0;right:0}.combo:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#0000 48%,#ff9614bf 60%,#ffbe3c40 70%,#0000 78%);border-radius:50%;width:240px;height:240px;margin:-120px 0 0 -120px;position:absolute;top:50%;left:50%}.combo.pop:before{animation:.42s ease-out combo-burst}@keyframes combo-burst{0%{opacity:.95;transform:scale(.3)}to{opacity:0;transform:scale(1.4)}}.combo.is-on{opacity:1}.combo.pop{animation:.34s cubic-bezier(.25,1.2,.35,1) combo-pop}.miss{text-align:center;letter-spacing:.16em;color:#ff6a52;text-shadow:var(--outline), 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.85)rotate(-4deg)}55%{transform:scale(.93)rotate(1.5deg)}to{transform:scale(1)rotate(0)}}.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{flex-wrap:wrap;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{white-space:nowrap;padding:7px 14px;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}.unlock{margin-top:10px}.unlock-track{background:#ffffff1f;border-radius:3px;height:5px;overflow:hidden}.unlock-fill{background:var(--good);transform-origin:0;height:100%;transition:transform .4s}.unlock-text{color:var(--dim);font-variant-numeric:tabular-nums;margin-top:5px;font-size:11px}.unlock-won{color:var(--good);margin-top:10px;font-size:14px;font-weight:700;animation:.5s cubic-bezier(.2,1.5,.4,1) unlock-pop}.unlock-won b{color:var(--ink)}@keyframes unlock-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.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-fixed{justify-content:center;align-items:center;gap:8px;width:min(220px,80%);margin:8px auto 0;padding:6px 12px;font-weight:800;display:flex}.name-badge{color:var(--dim);background:#ffffff24;border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.board-more{pointer-events:auto;text-align:center;color:var(--dim);margin-top:6px;font-size:12px;font-weight:700;text-decoration:none;display:block}.board-more:hover{text-decoration:underline}.name-warn{color:#ffb4a8;text-align:center;width:min(220px,80%);margin:4px auto 0;font-size:12px}.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}.goal-group{color:var(--dim);letter-spacing:.04em;margin:14px 0 4px;font-size:12px;font-weight:800}.goal-row{text-align:left;align-items:center;gap:8px;padding:6px 2px;font-size:13px;display:flex}.goal-row.is-done{opacity:.45}.goal-check{width:14px;color:var(--accent,#6fc79a);flex:none;font-weight:900}.goal-name{font-weight:800}.goal-how{color:var(--dim);text-align:right;margin-left:auto;font-size:12px}.goal-bar{background:#ffffff1f;border-radius:999px;height:4px;margin:0 2px;overflow:hidden}.goal-bar i{background:#6fc79a;height:100%;display:block}.goal-num{color:var(--dim);text-align:right;margin:2px 2px 6px;font-size:11px}.goal-notes{color:var(--dim);text-align:left;margin-top:16px;font-size:11.5px;line-height:1.7}.home-out{pointer-events:auto;text-align:center;color:var(--dim);margin-top:10px;font-size:12px;font-weight:700;text-decoration:none;display:block}.home-out:hover{text-decoration:underline}.build-link{color:inherit;text-decoration:underline}.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}