*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--bg: #d9ecff;--bg-2: #a9cdff;--panel: #ffffff;--panel-2: #f3f0ff;--line: #e3dffb;--text: #3f3d5c;--text-dim: #9a98b3;--lav: #c9c3f5;--lav-hi: #e6e2ff;--lav-deep: #a79ef0;--lav-ink: #4a4088;--peri: #adbbff;--peri-hi: #d6ddff;--peri-deep: #8395f5;--peri-ink: #2f3d8a;--peach: #ffd3b6;--peach-hi: #ffe9db;--peach-deep: #ffb98a;--peach-ink: #8a4b22;--lemon: #fff0a6;--lemon-hi: #fff8d8;--lemon-deep: #ffdf63;--lemon-ink: #7a6410;--sky: #bde7ff;--sky-hi: #def4ff;--sky-deep: #8fd3f4;--sky-ink: #1f5a7a;--sage: #cbf1da;--sage-hi: #e5f9ec;--sage-deep: #9fe0ba;--sage-ink: #22623f;--berry: #ffbdd4;--berry-hi: #ffdde9;--berry-deep: #ff92b8;--berry-ink: #8a2a52;--gray: #e4e2ef;--gray-hi: #f2f1f8;--gray-deep: #cfccdf;--gray-ink: #6f6d88;--shadow: 0 10px 28px rgba(63, 61, 92, .12);--radius: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--screen-fade: .5s}html,body{height:100%;overflow:hidden;background:radial-gradient(520px 420px at 12% -6%,rgba(255,255,255,.55),transparent 65%),radial-gradient(460px 380px at 104% 14%,rgba(201,195,245,.5),transparent 62%),radial-gradient(520px 460px at 50% 112%,rgba(255,211,182,.4),transparent 62%),linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--text);font-family:ui-rounded,Avenir Next,Apple SD Gothic Neo,Noto Sans KR,Segoe UI,system-ui,sans-serif;user-select:none;-webkit-user-select:none;touch-action:none;-webkit-touch-callout:none}button,input{touch-action:manipulation;font-family:inherit}canvas{touch-action:none;display:block}.hidden{display:none!important}.sky{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.sky:before,.sky:after{content:"";position:absolute;left:0;width:calc(100% + 900px);height:340px;background:url(/assets/sky/clouds.svg) repeat-x 0 0 / 900px 340px;will-change:transform}.sky:before{top:calc(4% + var(--safe-top));height:230px;background-size:610px 230px;width:calc(100% + 610px);opacity:.55;animation:drift-far 200s linear infinite}.sky:after{top:calc(22% + var(--safe-top));opacity:.9;animation:drift-near 130s linear infinite}@keyframes drift-near{0%{transform:translate(0)}to{transform:translate(-900px)}}@keyframes drift-far{0%{transform:translate(0)}to{transform:translate(-610px)}}@media(prefers-reduced-motion:reduce){.sky:before,.sky:after{animation:none}}.stage-canvas{position:fixed;inset:0;width:100%;height:100%;z-index:0;touch-action:none;--fade-from: calc(60px + var(--safe-top));--fade-to: calc(250px + var(--safe-top));-webkit-mask-image:linear-gradient(to bottom,transparent var(--fade-from),#000 var(--fade-to));mask-image:linear-gradient(to bottom,transparent var(--fade-from),#000 var(--fade-to))}.screen{position:fixed;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;padding-top:calc(24px + var(--safe-top));padding-bottom:calc(24px + var(--safe-bottom));transition:opacity var(--screen-fade) ease}.screen.dissolve{opacity:0;pointer-events:none}.btn-bar{--c: var(--peri);--c-hi: var(--peri-hi);--c-deep: var(--peri-deep);--c-ink: var(--peri-ink);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:420px;min-height:64px;padding:12px 22px;margin:8px 0;border:none;border-radius:22px;cursor:pointer;font-size:17px;font-weight:900;letter-spacing:2px;color:var(--c-ink);background:linear-gradient(180deg,var(--c-hi),var(--c));box-shadow:0 6px 0 var(--c-deep),0 12px 26px #3f3d5c24;transition:transform .08s ease,box-shadow .08s ease,filter .15s ease}.btn-bar:active{transform:translateY(5px);box-shadow:0 1px 0 var(--c-deep),0 6px 14px #3f3d5c1f}.btn-bar:disabled{--c: var(--gray);--c-hi: var(--gray-hi);--c-deep: var(--gray-deep);--c-ink: var(--text-dim);cursor:default;pointer-events:none}.bar-title{font-size:18px;font-weight:900;letter-spacing:3px}.bar-desc{font-size:12px;margin-top:4px;opacity:.72;letter-spacing:.5px;font-weight:600}.btn-mint{--c: var(--peri);--c-hi: var(--peri-hi);--c-deep: var(--peri-deep);--c-ink: var(--peri-ink)}.btn-sky{--c: var(--sky);--c-hi: var(--sky-hi);--c-deep: var(--sky-deep);--c-ink: var(--sky-ink)}.btn-pink{--c: var(--berry);--c-hi: var(--berry-hi);--c-deep: var(--berry-deep);--c-ink: var(--berry-ink)}.btn-lilac{--c: var(--lav);--c-hi: var(--lav-hi);--c-deep: var(--lav-deep);--c-ink: var(--lav-ink)}.btn-peach{--c: var(--peach);--c-hi: var(--peach-hi);--c-deep: var(--peach-deep);--c-ink: var(--peach-ink)}.btn-gray{--c: var(--gray);--c-hi: var(--gray-hi);--c-deep: var(--gray-deep);--c-ink: var(--gray-ink)}.btn-small{--c: var(--peri);--c-hi: var(--peri-hi);--c-deep: var(--peri-deep);--c-ink: var(--peri-ink);padding:11px 16px;border:none;border-radius:16px;font-size:13px;font-weight:900;letter-spacing:1px;cursor:pointer;color:var(--c-ink);background:linear-gradient(180deg,var(--c-hi),var(--c));box-shadow:0 4px 0 var(--c-deep);transition:transform .08s ease,box-shadow .08s ease}.btn-small:active{transform:translateY(3px);box-shadow:0 1px 0 var(--c-deep)}.btn-small-pink{--c: var(--berry);--c-hi: var(--berry-hi);--c-deep: var(--berry-deep);--c-ink: var(--berry-ink)}.btn-small-gray{--c: var(--gray);--c-hi: var(--gray-hi);--c-deep: var(--gray-deep);--c-ink: var(--gray-ink)}.btn-small-sky{--c: var(--sky);--c-hi: var(--sky-hi);--c-deep: var(--sky-deep);--c-ink: var(--sky-ink)}.btn-small-mint{--c: var(--peri);--c-hi: var(--peri-hi);--c-deep: var(--peri-deep);--c-ink: var(--peri-ink)}.tap-start{font-size:16px;font-weight:900;letter-spacing:4px;color:var(--peri-ink);-webkit-text-stroke:5px #fff;paint-order:stroke fill;text-shadow:0 8px 20px rgba(131,149,245,.45);white-space:nowrap}.blink{animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.popup{position:fixed;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#4a408847;-webkit-backdrop-filter:blur(2.8px);backdrop-filter:blur(2.8px);z-index:30;animation:popup-fade .15s ease-out both}@keyframes popup-fade{0%{opacity:0}to{opacity:1}}@keyframes popup-spring{0%{transform:translateY(100%)}70%{transform:translateY(-10px)}to{transform:translateY(0)}}.popup-box{animation:popup-spring .3s cubic-bezier(.2,.8,.3,1) backwards;touch-action:pan-y;will-change:transform;width:70%;max-width:400px;padding:14px 24px calc(24px + var(--safe-bottom));text-align:center;background:var(--panel);border:3px solid var(--lav-hi);border-bottom:none;border-radius:32px 32px 0 0;box-shadow:0 -16px 40px #3f3d5c2e}.sheet-handle{width:44px;height:5px;margin:0 auto 14px;border-radius:999px;background:var(--lav-hi);cursor:grab}.popup-msg{white-space:pre-line;font-size:14px;line-height:1.7;color:var(--text);letter-spacing:.3px;font-weight:600}.popup-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.popup-btns .btn-small{padding:14px 12px;font-size:14px;border-radius:18px}.popup-btns.single{grid-template-columns:minmax(140px,60%);justify-content:center}.popup.closing{animation:popup-fade-out .26s ease-in both;pointer-events:none}@keyframes popup-fade-out{0%{opacity:1}to{opacity:0}}.signoff-nick{color:var(--peri-ink)}.toast{position:fixed;left:50%;bottom:calc(120px + var(--safe-bottom));transform:translate(-50%) translateY(6px);padding:12px 22px;background:#3f3d5cf0;color:#fff;border-radius:999px;box-shadow:0 10px 28px #3f3d5c47;font-size:13px;font-weight:700;letter-spacing:.5px;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;z-index:40;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.lobby-bottom{position:absolute;left:50%;bottom:calc(14px + var(--safe-bottom));transform:translate(-50%);width:calc(100% - 48px);max-width:420px}.app-banner{position:absolute;left:50%;bottom:calc(10px + var(--safe-bottom));transform:translate(-50%);width:calc(100% - 48px);max-width:420px}.banner-track{position:relative;width:100%;aspect-ratio:1024 / 163;overflow:hidden;border-radius:16px;background:var(--panel-2);border:2px solid #fff;box-shadow:var(--shadow)}.banner-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;transform:translateY(100%);transition:transform .3s ease-out;pointer-events:none}.banner-slide.current{transform:translateY(0)}.banner-slide.leaving{transform:translateY(-100%)}.copyright{-webkit-text-size-adjust:100%;text-size-adjust:100%;margin-top:10px;text-align:center;font-size:11px;line-height:1.35;color:#3f3d5c6b;letter-spacing:.02em}.ad-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f1eeff,#e6f4ff);z-index:60}.ad-text{font-size:30pt;font-weight:900;letter-spacing:6px;color:var(--lav)}.ad-top{position:absolute;top:calc(24px + var(--safe-top));left:50%;transform:translate(-50%);width:calc(100% - 48px);max-width:480px;height:44px;display:flex;align-items:center}.ad-count{padding:0 4px;font-size:13px;font-weight:700;letter-spacing:1px;color:var(--text-dim)}.lobby-bar,.page-bar{width:100%;max-width:480px;display:flex;align-items:center;justify-content:space-between;min-height:48px;flex:none}.btn-round{width:46px;height:46px;display:flex;align-items:center;justify-content:center;padding:0 0 2px;font-size:24px;line-height:1;color:var(--lav-ink);background:var(--panel);border:2px solid var(--lav-hi);border-radius:50%;box-shadow:0 4px 0 var(--lav-hi),0 8px 18px #3f3d5c1f;cursor:pointer;z-index:15;transition:transform .08s ease,box-shadow .08s ease}.btn-round:active{transform:translateY(3px);box-shadow:0 1px 0 var(--lav-hi),0 4px 10px #3f3d5c1a}.page-title{width:100%;max-width:480px;margin:10px 0 18px;font-size:30px;font-weight:900;letter-spacing:1px;color:var(--lav-ink);text-align:left}#screen-nickname{background:url(/assets/sky/clouds.svg) repeat-x 40px calc(20% + var(--safe-top)) / 900px 340px,url(/assets/sky/clouds.svg) repeat-x 300px calc(3% + var(--safe-top)) / 610px 230px,radial-gradient(520px 420px at 12% -6%,rgba(255,255,255,.55),transparent 65%),radial-gradient(460px 380px at 104% 14%,rgba(201,195,245,.5),transparent 62%),radial-gradient(520px 460px at 50% 112%,rgba(255,211,182,.4),transparent 62%),linear-gradient(180deg,var(--bg),var(--bg-2))}#screen-nickname{justify-content:space-between;padding:0;padding-top:var(--safe-top)}.hero{flex:1 1 auto;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.hero .brand-img{display:block;width:min(84vw,380px);height:auto;filter:drop-shadow(0 12px 24px rgba(131,149,245,.35))}.tagline{font-size:13px;font-weight:800;letter-spacing:1px;color:var(--text-dim)}.sheet{width:100%;max-width:560px;padding:14px 24px calc(28px + var(--safe-bottom));background:var(--panel);border:3px solid var(--lav-hi);border-bottom:none;border-radius:32px 32px 0 0;box-shadow:0 -16px 40px #3f3d5c24}.sheet-handle{width:44px;height:5px;margin:0 auto 14px;border-radius:999px;background:var(--lav-hi)}.nick-box{display:flex;flex-direction:column;gap:12px}.nick-box label{font-size:12px;font-weight:900;letter-spacing:2px;color:var(--text-dim);text-align:left;padding-left:6px}.nick-box input{width:100%;padding:16px 18px;font-size:18px;font-weight:800;letter-spacing:1px;color:var(--text);background:var(--panel-2);border:2px solid var(--line);border-radius:20px;outline:none}.nick-box input::placeholder{color:#cfcbe6;opacity:1;font-weight:700;letter-spacing:0}.nick-box input:focus{border-color:var(--peri);background:#fff;box-shadow:0 0 0 5px #adbbff59}.nick-box .btn-bar{max-width:none;margin:6px 0 0}.nick-field{position:relative;width:100%}.nick-ghost{position:absolute;inset:0;display:flex;align-items:center;padding:16px 18px;font-size:18px;font-weight:800;letter-spacing:1px;color:var(--text);background:#fff;border:2px solid var(--peri);border-radius:20px;cursor:text}.nick-ghost .suffix{color:var(--text-dim)}#screen-lobby{justify-content:flex-start;align-items:center;gap:10px;padding:calc(12px + var(--safe-top)) 18px 0}#screen-lobby>.lobby-bar,#screen-lobby>.lobby-column{position:relative;z-index:1}.lobby-column{width:100%;max-width:480px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}#screen-lobby>.lobby-bottom,#screen-lobby>.lobby-cta{z-index:1}#screen-lobby .lobby-preview{position:absolute;inset:0;z-index:0;touch-action:none;cursor:pointer}.player-chip{display:flex;align-items:center;gap:10px;padding:5px 8px 5px 5px;background:#fffc;border:2px solid #fff;border-radius:999px;box-shadow:0 4px 14px #3f3d5c14;min-width:0}.avatar{flex:none;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(180deg,var(--peach-hi),var(--peach-deep));color:var(--peach-ink);font-size:15px;font-weight:900}.player-text{display:flex;flex-direction:column;min-width:0;line-height:1.1}.player-label{font-size:9px;font-weight:800;letter-spacing:2px;color:var(--text-dim)}.player-text b{font-size:14px;font-weight:900;color:var(--peri-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:34vw}.signoff-link{flex:none;margin-left:2px;padding:6px 10px;font-size:10px;font-weight:900;letter-spacing:1px;color:var(--berry-ink);background:var(--berry-hi);border:none;border-radius:999px;cursor:pointer}.signoff-link:active{filter:brightness(.95)}.signoff-btns{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}.lobby-logo{display:block;align-self:center;width:min(100%,475px);height:auto;margin:2px 0 0;filter:drop-shadow(0 8px 18px rgba(131,149,245,.32));pointer-events:none}.lobby-cta{position:absolute;left:50%;bottom:var(--tap-bottom);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none}.stage-head{display:inline-flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:20px;pointer-events:auto;touch-action:none;cursor:grab}.stage-head:active{cursor:grabbing}.stage-row{display:flex;align-items:center;gap:14px}.stage-col{display:flex;flex-direction:column;align-items:center}.stage-arrow{width:34px;height:34px;border:none;background:transparent;color:var(--peri-ink);font-size:18px;line-height:1;cursor:pointer;-webkit-text-stroke:3px #fff;paint-order:stroke fill;filter:drop-shadow(0 4px 10px rgba(131,149,245,.45))}.stage-arrow:disabled{visibility:hidden}.stage-num.done{color:var(--text-dim)}.stage-state{padding:4px 12px 4px 13.5px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1.5px;color:var(--sage-ink);background:var(--sage-hi);box-shadow:0 2px 0 var(--sage)}.stage-state.done{color:var(--text-dim);background:var(--gray-hi);box-shadow:0 2px 0 var(--gray)}.stage-kicker{padding-left:5px;font-size:11px;font-weight:900;letter-spacing:5px;color:var(--lav-ink);-webkit-text-stroke:3px #fff;paint-order:stroke fill}.stage-num{font-size:64px;font-weight:900;line-height:.95;color:var(--peri-ink);-webkit-text-stroke:8px #fff;paint-order:stroke fill;text-shadow:0 10px 24px rgba(131,149,245,.35)}#screen-lobby{--tap-bottom: calc( 14px + var(--safe-bottom) + 20px + min(calc((100vw - 48px) * 163 / 1024), 67px) + 52px )}#btn-start{pointer-events:auto;margin:0;padding:10px 18px 10px 22px;border:none;background:transparent;cursor:pointer}.config-box{padding-top:12px}.config-title{font-size:26px;font-weight:900;line-height:1;color:var(--peri-ink)}.config-list{width:100%;display:flex;flex-direction:column;gap:10px;text-align:left}.config-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;min-width:0;font-size:15px;font-weight:800;background:var(--panel);border:2px solid #fff;border-radius:20px;box-shadow:0 4px 0 var(--lav-hi)}.config-name{display:flex;align-items:center;gap:10px;white-space:nowrap}.config-icon{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;background:var(--lav-hi);color:var(--lav-ink);font-style:normal;font-size:14px;font-weight:900}.config-row>.btn-small{min-width:96px;text-align:center}.config-row>.btn-small.cfg-act{flex:none;min-width:0;width:64px;margin-left:auto;padding:9px 0;font-size:13px}.vol-wrap{display:flex;align-items:center;gap:8px;flex:1 1 0;min-width:0;max-width:220px}.vol{-webkit-appearance:none;appearance:none;flex:1 1 0;min-width:0;width:100%;height:28px;background:transparent;margin:0;cursor:pointer;touch-action:pan-x;--vol: 50%}.vol:focus{outline:none}.vol::-webkit-slider-runnable-track{height:10px;border-radius:999px;background:linear-gradient(90deg,var(--peri) 0,var(--peri) var(--vol),var(--gray-hi) var(--vol),var(--gray-hi) 100%)}.vol::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;margin-top:-7px;border-radius:50%;background:#fff;border:3px solid var(--peri);box-shadow:0 3px 0 var(--peri-deep)}.vol::-moz-range-track{height:10px;border-radius:999px;background:var(--gray-hi)}.vol::-moz-range-progress{height:10px;border-radius:999px;background:var(--peri)}.vol::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--peri);box-shadow:0 3px 0 var(--peri-deep)}.vol-val{flex:none;width:38px;text-align:right;font-weight:900;font-size:13px;color:var(--peri-ink);letter-spacing:.5px}.vol-val.off{color:var(--text-dim)}@media(max-height:700px){.stage-num{font-size:50px}.lobby-logo{width:150px}}.lobby-bottom{overflow:visible}.lobby-rank{position:absolute;right:-6px;bottom:calc(100% + 10px);color:var(--peri-ink)}.rank-box{padding-top:12px}.rank-title{display:flex;align-items:baseline;gap:8px;margin-bottom:10px;text-align:left}.rank-title b{font-size:34px;font-weight:900;line-height:1;color:var(--peri-ink)}.rank-sub{margin-left:auto;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--text-dim)}.rank-list{width:100%;max-height:44vh;min-height:80px;overflow-y:auto;touch-action:pan-y;border:2px solid var(--line);border-radius:18px;background:var(--panel-2);text-align:left;-webkit-overflow-scrolling:touch}.rank-row{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid rgba(63,61,92,.06);font-size:14px;font-weight:700;transform-origin:center center;animation:rank-flip .32s ease-out backwards}@keyframes rank-flip{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}.rank-row .rk,.rank-me .rk{min-width:2ch;text-align:left;font-weight:900;color:var(--text-dim)}.rank-row:nth-child(1) .rk{color:#e0a93a}.rank-row:nth-child(2) .rk{color:#9fb0c0}.rank-row:nth-child(3) .rk{color:#cf9163}.rank-row .nm,.rank-me .nm{flex:1;display:flex;align-items:center;gap:6px;min-width:0}.nm-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rank-row .val,.rank-me .val{flex:none;min-width:3.6em;text-align:right;font-weight:900;letter-spacing:1px;color:var(--peri-ink);font-variant-numeric:tabular-nums}.rank-row.me{background:var(--peri-hi)}.rank-row.me .nm{color:var(--peri-ink);font-weight:900}.rank-me{display:flex;align-items:center;gap:12px;width:100%;min-height:46px;padding:12px 14px;margin-bottom:10px;font-size:14px;font-weight:800;border-radius:18px;background:linear-gradient(180deg,var(--peri-hi),var(--peri));color:var(--peri-ink);box-shadow:0 4px 0 var(--peri-deep);text-align:left;transform-origin:center center;animation:rank-flip .32s ease-out backwards}.rank-me .rk,.rank-me .val{color:var(--peri-ink)}.rank-me.empty{justify-content:center;font-size:12px;letter-spacing:1px}.rank-empty{padding:32px 16px;text-align:center;font-size:13px;color:var(--text-dim);letter-spacing:.5px;line-height:1.7}#screen-game{justify-content:flex-start;padding:max(var(--safe-top),8px) 10px max(var(--safe-bottom),10px);gap:8px}.game-bar{position:relative;width:100%;max-width:480px;display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px;padding:2px 4px;min-height:56px;flex:none}.score-block{display:flex;flex-direction:column;align-items:center;min-width:0;line-height:1}.hud-label{font-size:9px;font-weight:900;letter-spacing:2px;color:var(--text-dim)}.hud-label b{color:var(--peri-ink)}.score-num{margin-top:2px;font-size:34px;font-weight:900;letter-spacing:1px;color:var(--berry-ink);font-variant-numeric:tabular-nums;text-shadow:0 3px 0 #fff}.left-chip{display:flex;flex-direction:column;align-items:center;padding:5px 12px;border-radius:16px;background:#ffffffd9;border:2px solid #fff;box-shadow:0 4px 14px #3f3d5c14;line-height:1.1}.left-chip b{font-size:18px;font-weight:900;color:var(--peri-ink);font-variant-numeric:tabular-nums}.arena{position:relative;width:100%;max-width:480px;flex:1 1 auto;min-height:300px;overflow:hidden;touch-action:none;cursor:pointer}.gauge-label{font-size:9px;font-weight:900;letter-spacing:2px;color:var(--text-dim)}.power{position:absolute;left:12px;bottom:14px;width:30px;height:20vh;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:2}.power-track{position:relative;flex:1;width:16px;border-radius:999px;background:#ffffffe6;border:2px solid #fff;overflow:hidden;box-shadow:inset 0 2px 4px #3f3d5c1f,0 4px 14px #3f3d5c1a}.power-fill{position:absolute;left:0;right:0;bottom:0;height:0%;border-radius:999px;background:linear-gradient(180deg,var(--peach-deep),var(--lemon-deep) 60%,var(--lemon));transition:height .1s linear}.power.burning .power-track{overflow:visible;border-color:#ffd27a;animation:power-glow .4s ease-in-out infinite alternate}.power.burning .power-fill{background:linear-gradient(180deg,#fff1b8,#ffb347 55%,#ff6a2a);animation:power-flicker .25s ease-in-out infinite alternate}.power.burning .power-fill:before,.power.burning .power-fill:after{content:"";position:absolute;left:50%;bottom:100%;width:22px;height:34px;margin-left:-11px;border-radius:50% 50% 45% 45%/70% 70% 30% 30%;background:radial-gradient(ellipse at 50% 85%,#fff7cc 0,#ffb347 40%,rgba(255,106,42,.9) 70%,transparent 100%);transform-origin:50% 100%;animation:flame .32s ease-in-out infinite alternate;pointer-events:none}.power.burning .power-fill:after{width:14px;height:22px;margin-left:-5px;animation-duration:.26s;animation-delay:.1s}@keyframes flame{0%{transform:scaleY(.85) translate(-1px);opacity:.85}to{transform:scale(1.1,1.15) translate(1px);opacity:1}}@keyframes power-glow{0%{box-shadow:0 0 0 2px #ffb34780,0 0 16px #ff8c3cb3}to{box-shadow:0 0 0 3px #ffb347b3,0 0 28px #ff8c3c}}@keyframes power-flicker{0%{filter:brightness(1)}to{filter:brightness(1.18)}}.depth{position:absolute;right:10px;top:14px;bottom:14px;width:34px;display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;z-index:2}.depth-end{flex:none;min-width:30px;height:30px;padding:0 7px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(180deg,var(--peri-hi),var(--peri));color:var(--peri-ink);font-size:12px;font-weight:900;box-shadow:0 3px 0 var(--peri-deep);font-variant-numeric:tabular-nums}.depth-end.next{background:linear-gradient(180deg,#fff,var(--gray-hi));color:var(--text-dim);box-shadow:0 3px 0 var(--gray-deep)}.depth-track{position:relative;flex:1;width:12px;border-radius:999px;background:#ffffffe6;border:2px solid #fff;box-shadow:inset 0 2px 4px #3f3d5c1a}.depth-fill{position:absolute;left:0;right:0;top:0;height:0%;border-radius:999px;background:linear-gradient(180deg,var(--lav),var(--peri-deep));transition:height .12s linear}.depth-ball{position:absolute;left:50%;top:0%;width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0,var(--peach-deep) 45%,#f09a60 100%);box-shadow:0 3px 8px #3f3d5c4d;transition:top .12s linear}.depth-ball.burning{background:radial-gradient(circle at 35% 30%,#fff5c2 0,#ffb347 45%,#ff6a2a);box-shadow:0 0 12px #ff8c3cd9}.combo{position:absolute;left:50%;top:14px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;line-height:1;pointer-events:none;animation:combo-pop .18s ease-out;z-index:2}.combo b{font-size:40px;font-weight:900;color:var(--berry-ink);text-shadow:0 3px 0 #fff,0 8px 18px rgba(255,146,184,.6)}.combo-label{margin-top:2px;font-size:10px;font-weight:900;letter-spacing:3px;color:var(--peach-ink)}@keyframes combo-pop{0%{transform:translate(-50%) scale(1.35)}to{transform:translate(-50%) scale(1)}}.fire-tag{position:absolute;left:50%;top:76px;transform:translate(-50%);padding:5px 16px;border-radius:999px;background:linear-gradient(180deg,#fff1b8,#ffb347);color:#8a3a12;font-size:13px;font-weight:900;letter-spacing:3px;box-shadow:0 4px #f08a3c,0 8px 18px #ff8c3c80;pointer-events:none;animation:fire-wobble .3s ease-in-out infinite alternate;z-index:2}@keyframes fire-wobble{0%{transform:translate(-50%) scale(1) rotate(-2deg)}to{transform:translate(-50%) scale(1.08) rotate(2deg)}}.tap-hint{position:absolute;left:50%;bottom:14px;transform:translate(-50%);max-width:calc(100% - 110px);padding:6px 14px;border-radius:999px;background:#3f3d5cd1;color:#fff;font-size:11px;font-weight:700;letter-spacing:.3px;text-align:center;pointer-events:none;transition:opacity .4s ease}.tap-hint.gone{opacity:0}.game-banner{width:100%;max-width:420px;flex:none}.game-overlay{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:20px 56px;background:#f6f4ffc7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .25s ease-out both}@keyframes overlay-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.overlay-title{font-size:32px;font-weight:900;letter-spacing:5px;text-align:center;text-shadow:0 3px 0 #fff;color:var(--peri-ink)}.game-overlay.lose .overlay-title{color:var(--berry-ink)}.game-overlay .tap-start{margin-top:10px;padding:10px 18px}.game-overlay .btn-bar{position:relative;min-height:52px;margin:5px 0;max-width:260px;font-size:15px}.ad-tag{position:absolute;top:-9px;right:-6px;padding:2px 8px;border-radius:999px;background:linear-gradient(180deg,var(--lemon-hi),var(--lemon-deep));color:var(--lemon-ink);font-size:10px;font-weight:900;letter-spacing:1.5px;line-height:1.4;box-shadow:0 2px #e2c24a;pointer-events:none}.overlay-sub{margin:8px 0 14px;font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--text);text-align:center;line-height:1.6}@media(max-height:700px){.score-num{font-size:28px}}.btn-ball{position:absolute;left:4px;top:6px;z-index:3;padding:0;border-color:var(--berry-hi);box-shadow:0 4px 0 var(--berry-hi),0 8px 18px #3f3d5c1f}.btn-ball:active{box-shadow:0 1px 0 var(--berry-hi),0 4px 10px #3f3d5c1a}.btn-ball svg{width:28px;height:28px}.ball-badge{position:absolute;right:-5px;top:-5px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--berry-deep);color:#fff;font-size:11px;font-weight:900;line-height:16px;border:2px solid #fff;box-sizing:border-box}.ball-box{width:92%;max-width:440px;padding-top:12px}.ball-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ball-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 2px 8px;background:var(--panel-2);border:2.5px solid var(--line);border-radius:18px;font:inherit;font-size:11px;font-weight:800;letter-spacing:-.2px;color:var(--text);cursor:pointer;box-shadow:0 3px 0 var(--line);transition:background .15s,border-color .15s}.ball-item svg{width:44px;height:44px}.ball-item.on{background:var(--berry-hi);border-color:var(--berry-deep);color:var(--berry-ink);box-shadow:0 3px 0 var(--berry-deep)}.ball-item:active{transform:translateY(2px);box-shadow:none}.ball-note{margin-top:12px;min-height:1.6em;font-size:12px;font-weight:700;line-height:1.5;color:var(--text-dim)}.ball-item.locked{background:var(--gray-hi);border-color:var(--gray);box-shadow:0 3px 0 var(--gray);color:var(--gray-ink);cursor:default}.ball-item.locked svg{opacity:.35;filter:grayscale(1)}.ball-item.locked:active{transform:none;box-shadow:0 3px 0 var(--gray)}.ball-lock{font-size:9px;font-weight:800;letter-spacing:.3px;color:#d630304d;min-height:11px;line-height:11px}.ball-item:not(.locked) .ball-lock{visibility:hidden}.ball-ad{top:-7px;right:-5px;padding:1px 6px;font-size:9px}.tutor{position:absolute;inset:0;z-index:15;pointer-events:none}.tutor.modal{pointer-events:auto;background:#f6f4ff73}.tutor-bubble{position:absolute;left:50%;top:8px;transform:translate(-50%);width:min(86%,340px);padding:12px 16px 11px;background:var(--panel);border:3px solid var(--lav-hi);border-radius:22px;box-shadow:var(--shadow);text-align:center;animation:tutor-pop .35s cubic-bezier(.2,.8,.3,1) both}.tutor-bubble:after{content:"";position:absolute;left:50%;bottom:-11px;width:18px;height:18px;background:var(--panel);border-right:3px solid var(--lav-hi);border-bottom:3px solid var(--lav-hi);transform:translate(-50%) rotate(45deg)}@keyframes tutor-pop{0%{opacity:0;transform:translate(-50%) translateY(10px) scale(.96)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}.tutor-step{display:inline-block;margin-bottom:6px;padding:2px 10px;border-radius:999px;background:var(--lav-hi);color:var(--lav-ink);font-size:10px;font-weight:900;letter-spacing:1px}.tutor-text{white-space:pre-line;font-size:13.5px;line-height:1.6;font-weight:700;color:var(--text)}.tutor-bubble .btn-small{margin-top:10px;padding:10px 22px;font-size:13px}.tutor-bubble .btn-small.hidden{display:none}.tutor-hand{position:absolute;left:50%;bottom:24%;width:70px;height:70px;transform:translate(-50%);display:flex;align-items:center;justify-content:center}.tutor-ring{position:absolute;inset:0;border-radius:50%;border:4px solid var(--berry-deep);animation:tutor-ring 1.1s ease-out infinite}.tutor-hand.hold .tutor-ring{animation-duration:2.2s;border-color:var(--peach-deep)}@keyframes tutor-ring{0%{transform:scale(.45);opacity:1}to{transform:scale(1.15);opacity:0}}.tutor-hand-label{padding:4px 10px;border-radius:999px;background:var(--berry-deep);color:#fff;font-size:13px;font-weight:900;letter-spacing:1px}.tutor-hand.hold .tutor-hand-label{background:var(--peach-deep);color:var(--peach-ink)}.game-overlay.clear{padding:14px 20px;gap:0}.game-overlay.clear .overlay-sub{margin:4px 0 8px}.clear-rank{max-width:360px;max-height:42vh;min-height:64px;margin-bottom:12px;font-size:13px}.clear-rank .rank-row{padding:8px 12px;font-size:13px}.clear-rank .rank-row.out{border-top:2px dashed var(--line)}.overlay-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;max-width:360px}.overlay-row .btn-small{padding:13px 6px;font-size:14px;border-radius:18px}