*{box-sizing:border-box;margin:0;padding:0}:root{--cm-bg:#0f172a;--cm-card:#1e293b;--cm-surface:#334155;--cm-line:#94a3b82e;--cm-muted:#94a3b8;--cm-ink:#f1f5f9;--cm-glow:0 0 20px #00d4ff40;--rarity-common:#94a3b8;--rarity-rare:#38bdf8;--rarity-epic:#c084fc;--rarity-legendary:#fbbf24}body,html{background:#f4f6fb;width:100%;min-height:100%;font-family:Fredoka,Nunito,Titan One,system-ui,sans-serif}.cm-wrap{max-width:1200px;margin:0 auto;padding:16px 12px 40px}#cmStage{background:var(--cm-bg);width:100%;max-width:1200px;height:min(820px,100dvh - 60px);min-height:520px;box-shadow:0 20px 50px #00000059, var(--cm-glow);border:1px solid var(--cm-line);-webkit-user-select:none;user-select:none;touch-action:none;contain:layout style paint;content-visibility:auto;border-radius:20px;margin:0 auto;position:relative;overflow:hidden}@media (width<=640px){#cmStage{border-radius:14px;height:calc(100dvh - 30px);min-height:460px}}:-webkit-any(html:fullscreen .cm-wrap,html:-webkit-full-screen .cm-wrap){max-width:none;height:100dvh;padding:0}:is(html:fullscreen .cm-wrap,html:fullscreen .cm-wrap){max-width:none;height:100dvh;padding:0}:-webkit-any(html:fullscreen #cmStage,html:-webkit-full-screen #cmStage){border-radius:0;max-width:none;height:100dvh;min-height:0}:is(html:fullscreen #cmStage,html:fullscreen #cmStage){border-radius:0;max-width:none;height:100dvh;min-height:0}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.cm-hud{top:calc(10px + env(safe-area-inset-top,0px));left:calc(10px + env(safe-area-inset-left,0px));right:calc(10px + env(safe-area-inset-right,0px));z-index:15;pointer-events:none;align-items:flex-start;gap:8px;display:flex;position:absolute}.cm-pill{color:#fff;text-shadow:0 1px 2px #00000059;background:linear-gradient(#38bdf8 0%,#0284c7 100%);border:2px solid #ffffffd9;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:800;box-shadow:0 4px 10px #0284c773,inset 0 1px 2px #ffffff80}.cm-mute{pointer-events:auto;cursor:pointer;color:#fff;background:linear-gradient(#64748b 0%,#334155 100%);border:2px solid #ffffffbf;border-radius:999px;flex-shrink:0;width:56px;height:56px;margin-left:auto;font-size:20px;box-shadow:0 4px 10px #00000059,inset 0 1px 2px #ffffff59}.cm-pause{margin-left:8px}.ui-panel{pointer-events:auto;text-align:center;z-index:20;background:linear-gradient(#34406b 0%,#232d4d 55%,#171f38 100%);border:5px solid #4c5c94;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;max-width:calc(100% - 16px);max-height:calc(100% - 16px);padding:30px 34px;display:none;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:inset 0 3px #ffffff38,inset 0 -10px 18px #0000004d,0 20px 45px #00000080}.ui-panel.active{display:flex}#pause-menu .btn-primary,#pause-menu .btn-secondary,#name-menu .btn-primary,#name-menu .btn-secondary{min-width:220px}#name-menu{z-index:30;max-width:400px}.btn-primary{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(#3b82f6 0%,#1d4ed8 100%);border:3px solid #fff;border-radius:30px;justify-content:center;align-items:center;gap:10px;margin-top:20px;padding:15px 40px;font-family:inherit;font-size:1.5rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 8px #1e3a8a,0 15px 20px #0006}.btn-primary:active{transform:translateY(8px);box-shadow:0 0 #1e3a8a,0 5px 10px #0006}.btn-primary.btn-loading{opacity:.6;cursor:wait}.btn-primary.btn-loading:active{transform:none;box-shadow:0 8px #1e3a8a,0 15px 20px #0006}.btn-secondary{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(#94a3b8 0%,#475569 100%);border:3px solid #fff;border-radius:30px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 28px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 6px #334155,0 10px 14px #0006}.btn-secondary:active{transform:translateY(6px);box-shadow:0 0 #334155,0 4px 8px #0006}.btn-danger{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(#f87171 0%,#b91c1c 100%);border:3px solid #fff;border-radius:30px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 28px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:0 6px #7f1d1d,0 10px 14px #0006}.btn-danger:active{transform:translateY(6px);box-shadow:0 0 #7f1d1d,0 4px 8px #0006}.btn-toggle{color:#fff;cursor:pointer;text-transform:uppercase;background:linear-gradient(#94a3b8 0%,#475569 100%);border:3px solid #fff;border-radius:30px;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:10px 28px;font-family:inherit;font-size:1.1rem;font-weight:700;transition:transform .1s,box-shadow .1s,background .15s;display:inline-flex;box-shadow:0 6px #334155,0 10px 14px #0006}.btn-toggle:active{transform:translateY(6px);box-shadow:0 0 #334155,0 4px 8px #0006}.btn-toggle--on{background:linear-gradient(#4ade80 0%,#16a34a 100%);box-shadow:0 6px #15803d,0 10px 14px #0006}.btn-toggle--on:active{box-shadow:0 0 #15803d,0 4px 8px #0006}.upgrade-container{justify-content:center;gap:15px;margin-top:15px;display:flex}.btn-upgrade{color:#fff;cursor:pointer;background:linear-gradient(160deg,#94a3b8 0%,#475569 100%);border:3px solid #fff;border-radius:18px;flex-direction:column;align-items:center;width:128px;padding:10px 8px 8px;font-family:inherit;transition:transform .1s,box-shadow .1s,filter .2s;display:flex;position:relative;box-shadow:0 6px #00000059,0 10px 14px #00000059,inset 0 2px 4px #ffffff59}.btn-upgrade:active:not(:disabled){transform:translateY(5px);box-shadow:0 1px #00000059,0 4px 6px #0006}.btn-upgrade:disabled{filter:grayscale()opacity(.5);cursor:not-allowed}.btn-upgrade--crowd{background:linear-gradient(160deg,#93c5fd 0%,#334155 100%)}.btn-upgrade--income{background:linear-gradient(160deg,#fde68a 0%,#f97316 100%)}.upg-icon{background:#00000038;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;font-size:1.8rem;line-height:1;display:flex;box-shadow:inset 0 2px 4px #0000004d,0 2px 3px #ffffff40}.upg-title{text-transform:uppercase;text-shadow:0 1px 2px #0006;margin-bottom:2px;font-size:.9rem;font-weight:800}.upg-val{opacity:.95;text-shadow:0 1px 2px #0006;margin-bottom:6px;font-size:.78rem}.upg-cost{color:#fff;box-sizing:border-box;text-shadow:0 1px 2px #0006;background:linear-gradient(#fde047 0%,#ca8a04 100%);border:1px solid #fff9;border-radius:10px;width:100%;padding:4px 10px;font-size:1.05rem;font-weight:900}.menu-topbar{justify-content:center;gap:10px;width:100%;margin-bottom:10px;display:flex}.level-badge,.coin-badge{color:#fff;white-space:nowrap;text-shadow:0 1px 2px #0006;border:2px solid #fff9;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:800}.level-badge{background:linear-gradient(#a78bfa 0%,#6d28d9 100%);box-shadow:0 4px 10px #6d28d966,inset 0 1px 2px #fff6}.coin-badge{background:linear-gradient(#fde047 0%,#d97706 100%);box-shadow:0 4px 10px #d9770666,inset 0 1px 2px #ffffff80}.run-level-badge,.run-coin-badge{font-size:.85rem}.run-coin-badge{background:linear-gradient(#fde047 0%,#d97706 100%);box-shadow:0 4px 10px #d9770666,inset 0 1px 2px #ffffff80}.next-level-text{color:#a5f3ff;margin-top:4px;font-size:1rem}.faux-3d-text{color:#fff;text-shadow:0 2px #3b82f6,0 4px #2563eb,0 6px #1d4ed8,0 8px #1e40af,0 10px 10px #0009;margin-bottom:10px;font-size:3rem;line-height:1.1}.stats{color:#facc15;text-shadow:0 2px 4px #000c;font-size:1.5rem}.game-over-panel.active{animation:.6s cubic-bezier(.68,-.55,.265,1.55) forwards elasticScale}@keyframes elasticScale{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.floating-counter{color:#fff;text-align:center;z-index:20;will-change:transform, left, top;background:linear-gradient(#22e0ff 0%,#0090c7 100%);border:2px solid #ffffffd9;border-radius:40px;min-width:2.5rem;padding:.15rem .8rem;font-size:1.2rem;font-weight:900;transition:transform .1s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:0;left:0;transform:translate(-50%,-100%);box-shadow:0 6px 14px #00000059,inset 0 2px 3px #ffffff80}.floating-counter:after{content:"";background:var(--tail-color,#0090c7);z-index:-1;border-radius:0 0 4px;width:14px;height:14px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.floating-counter.bounce-up{filter:drop-shadow(0 0 12px #4ade80);transform:translate(-50%,-100%)scale(1.3)}.floating-counter.bounce-down{filter:drop-shadow(0 0 12px #ff4d4d);background:linear-gradient(#ff4d4d 0%,#c00 100%);transform:translate(-50%,-100%)scale(.8)translateY(10px)}.floating-counter.bounce-down:after{background:#c00}.vs-bar{top:calc(16px + env(safe-area-inset-top,0px));z-index:15;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.vs-side{flex-direction:column;align-items:center;gap:3px;display:flex}.vs-avatar{border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex;box-shadow:0 4px 8px #0006}.vs-player .vs-avatar{background:linear-gradient(#22e0ff,#0090c7)}.vs-rival .vs-avatar{background:linear-gradient(#f56,#c13)}.vs-count{color:#fff;text-shadow:0 2px 3px #0009;background:#00000059;border-radius:10px;padding:1px 8px;font-size:.8rem;font-weight:900}.vs-track{background:repeating-linear-gradient(90deg,#ffffff59 0 6px,#ffffff1a 6px 12px);border:2px solid #ffffff80;border-radius:10px;width:170px;height:14px;position:relative;overflow:hidden}.vs-fill{background:#fff;border-radius:10px;width:8px;margin-left:-4px;transition:left .2s ease-out;position:absolute;top:0;bottom:0;left:50%;box-shadow:0 0 10px 2px #ffffffd9}.battle-banner{color:#fff;text-shadow:0 3px #b91c1c,0 6px #7f1d1d,0 10px 16px #0009;opacity:0;pointer-events:none;z-index:30;font-size:3rem;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)scale(.3)}.battle-banner.show{animation:1.4s cubic-bezier(.34,1.56,.64,1) forwards battleBannerPop}@keyframes battleBannerPop{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}20%{opacity:1;transform:translate(-50%,-50%)scale(1.15)}30%{transform:translate(-50%,-50%)scale(1)}80%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.3)}}.battle-banner.gold{text-shadow:0 3px #b8860b,0 6px #7a5c00,0 10px 16px #0009}.damage-vignette{pointer-events:none;z-index:10;transition:box-shadow .15s ease-out;position:absolute;inset:0;box-shadow:inset 0 0 #0000}.coin-fly{z-index:40;pointer-events:none;font-size:1.8rem;animation:1s ease-out forwards coinFly;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes coinFly{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}to{transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(.75);opacity:0}}.pop-text{text-shadow:0 2px #0006,0 4px 10px #00000080;pointer-events:none;z-index:25;will-change:transform, left, top, opacity;font-size:2.1rem;font-weight:900;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.squad-badge,.boss-badge{color:#fff;pointer-events:none;z-index:6;text-shadow:0 1px 2px #00000080;background:linear-gradient(#f56 0%,#b91c1c 100%);border:2px solid #fff;border-radius:50px;padding:.15rem .8rem;font-size:1.1rem;font-weight:900;position:absolute;top:0;left:0;box-shadow:0 4px 10px #00000059,inset 0 1px 3px #fff9}.boss-badge{background:linear-gradient(#ef4444 0%,#7f1d1d 100%);font-size:1.9rem}.stair-badge{color:#fff;pointer-events:none;z-index:6;text-shadow:0 2px 3px #00000080;background:linear-gradient(#fde047 0%,#b45309 100%);border:2px solid #ffffffb3;border-radius:50px;padding:.2rem .9rem;font-family:Arial Black,sans-serif;font-size:1.4rem;font-weight:900;position:absolute;top:0;left:0;box-shadow:0 0 14px #ffd70080,inset 0 2px 3px #ffffff80}.gate-label{color:#fff;text-shadow:0 2px 4px #0006;-webkit-text-stroke:1.5px #fff;pointer-events:none;z-index:5;will-change:transform, opacity;border:3px solid #fff;border-radius:50px;padding:.2rem .8rem;font-size:2rem;font-weight:900;position:absolute;top:0;left:0;box-shadow:0 4px 10px #00000059,inset 0 2px 5px #ffffffb3}.gate-label--add{-webkit-text-stroke:2px #15803d;background:linear-gradient(#4ade80 0%,#15803d 100%);border-color:#4ade80}.gate-label--sub{-webkit-text-stroke:2px #b91c1c;background:linear-gradient(#f87171 0%,#b91c1c 100%);border-color:#f87171}.gate-label--mul{-webkit-text-stroke:2px #15803d;background:linear-gradient(#4ade80 0%,#15803d 100%);border-color:#4ade80}.gate-label--div{-webkit-text-stroke:2px #b91c1c;background:linear-gradient(#f87171 0%,#b91c1c 100%);border-color:#f87171}@media (width<=640px){.vs-bar{top:calc(56px + env(safe-area-inset-top,0px))}}.character-panel{max-width:90vw;max-height:92%;overflow-y:auto}.character-panel .coin-badge{margin-bottom:10px;font-size:1rem;position:static}#char-loading{color:var(--cm-muted);padding:4px 0 10px;font-size:.8rem;font-weight:700}#char-loading[hidden]{display:none}.char-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px;width:min(560px,80vw);max-height:60vh;margin:0 auto;padding:2px;display:grid;overflow-y:auto}.char-card-pending{opacity:.5;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.8rem;animation:1.4s ease-in-out infinite char-pending-pulse;display:flex}@keyframes char-pending-pulse{0%,to{opacity:.3}50%{opacity:.7}}.char-card{text-align:center;cursor:pointer;background:linear-gradient(#3a4770 0%,#262f4f 100%);border:3px solid #ffffff26;border-radius:16px;flex-direction:column;align-items:center;padding:8px 8px 10px;transition:transform .1s,border-color .15s;display:flex;box-shadow:inset 0 2px #ffffff26,0 6px 14px #00000059}.char-card:active{transform:scale(.96)}.char-card.selected{border-color:#4ade80;box-shadow:inset 0 2px #fff3,0 0 0 3px #4ade8066}.char-card-preview{aspect-ratio:1;background:radial-gradient(at 50% 75%,#ffffff29 0%,#ffffff08 60%,#0000 75%);border-radius:10px;width:100%;margin-bottom:6px;position:relative;overflow:hidden}.char-card-img{object-fit:contain;width:100%;height:100%;display:block}.char-card.locked .char-card-img{filter:grayscale(.85)brightness(.5)}.char-lock-badge,.char-selected-badge{border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.7rem;display:flex;position:absolute;top:4px;box-shadow:0 3px 6px #0006}.char-lock-badge{background:#0f0f19d9;border:2px solid #fff6;right:4px}.char-selected-badge{color:#fff;background:#22c55e;border:2px solid #fff;left:4px}.char-card-name{min-height:2.2em;font-size:.78rem;font-weight:800;line-height:1.15}.char-card-req{box-sizing:border-box;border-radius:8px;width:100%;margin-top:4px;padding:3px 6px;font-size:.7rem;font-weight:700}.char-card-req.can-unlock{color:#3a2c00;background:linear-gradient(#fde047 0%,#ca8a04 100%)}.char-card-req.level-locked{color:var(--cm-muted);background:#ffffff14}.char-card-req.owned{color:#06280f;background:linear-gradient(#4ade80 0%,#16a34a 100%)}