html,body{overscroll-behavior:none}body{color:#f4f4ff;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;touch-action:manipulation;background:radial-gradient(700px 380px at 12% -10%,#7f83ff38,#0000 60%),radial-gradient(560px 320px at 100% 0,#ff5c7a24,#0000 55%),#070716;min-height:100dvh;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}#root{width:100%;max-width:1280px;padding:max(6px, env(safe-area-inset-top)) max(8px, env(safe-area-inset-right)) max(6px, env(safe-area-inset-bottom)) max(8px, env(safe-area-inset-left));margin:0 auto}@media (width>=920px){#root{width:min(1280px,100% - 24px);padding:16px 0 32px}}*{box-sizing:border-box}.app-shell{flex-direction:column;gap:8px;min-height:100dvh;display:flex}.topbar{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:0;display:flex}.brand-badge{letter-spacing:1.5px;color:#9aa0ff;background:#7f83ff1f;border:1px solid #7f83ff40;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:800;display:inline-block}.brand-block h1{letter-spacing:-.6px;background:linear-gradient(100deg,#ffd166 0%,#ff5c7a 45%,#7f83ff 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin:3px 0 0;font-size:22px;font-weight:900;line-height:1}.brand-tagline{display:none}.top-stats{flex-shrink:0;align-items:center;gap:6px;display:flex}.stat-pill{background:#ffffff0a;border:1px solid #7f83ff2e;border-radius:10px;min-width:52px;padding:4px 8px}.stat-pill span{color:#9b9ac0;text-transform:uppercase;letter-spacing:.8px;font-size:9px;display:block}.stat-pill strong{color:#ffd166;font-size:14px;font-weight:800;line-height:1.1}.tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:5px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab,.ghost,.primary,.secondary,button{font:inherit;cursor:pointer;touch-action:manipulation}.tab{color:#c8c7e8;white-space:nowrap;background:#ffffff08;border:1px solid #7f83ff2e;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.tab.active{color:#0b0a1f;background:linear-gradient(135deg,#7f83ff,#a25cff);border-color:#0000}.ghost{color:#eceaff;background:#ffffff0a;border:1px solid #ffffff24;border-radius:10px;padding:6px 10px;font-size:11px;font-weight:700}.toast{z-index:20;color:#2a1500;background:linear-gradient(135deg,#ffd166,#ff8f5c);border-radius:999px;align-self:center;padding:8px 12px;font-size:13px;font-weight:800;position:sticky;top:6px}.layout{flex:1;grid-template-columns:1fr;gap:8px;display:grid}.layout.is-hidden{opacity:0;pointer-events:none;visibility:hidden;width:min(1280px,100vw - 16px);position:absolute;top:0;left:-10000px}.game-card,.side-card,.panel{background:linear-gradient(160deg,#201e38eb,#100e20f0);border:1px solid #7f83ff29;border-radius:14px;padding:10px;box-shadow:0 16px 36px -20px #000c}.controls{grid-template-columns:1fr auto;gap:6px;margin-bottom:8px;display:grid}.controls .secondary{display:none}input{color:#f7f6ff;background:#0a0918bf;border:1px solid #7f83ff47;border-radius:12px;outline:none;width:100%;min-width:0;padding:11px 12px;font-size:16px}input:focus{border-color:#7f83ff;box-shadow:0 0 0 2px #7f83ff33}.primary{color:#0b0a1f;white-space:nowrap;background:linear-gradient(135deg,#7f83ff,#a25cff);border:none;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:900}.secondary{color:#d7d6ff;background:#7f83ff14;border:1px solid #7f83ff4d;border-radius:12px;padding:11px 14px;font-size:13px;font-weight:800}button:disabled{opacity:.45;cursor:not-allowed}.game-shell{background:#0a0a1a;border-radius:14px;min-height:340px;position:relative;overflow:hidden}.game-canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0a1a;border:1px solid #7f83ff33;border-radius:14px;width:100%;height:auto;display:block}.hud{z-index:2;pointer-events:none;justify-content:space-between;gap:8px;display:flex;position:absolute;inset:8px 8px auto}.hud-score{color:#fff;text-shadow:0 2px 10px #000000a6;font-variant-numeric:tabular-nums;font-size:24px;font-weight:900;line-height:1}.hud-meta{color:#d7d6ff;text-overflow:ellipsis;white-space:nowrap;max-width:48vw;margin-top:3px;font-size:10px;overflow:hidden}.hud-right{flex-direction:column;align-items:end;gap:4px;display:flex}.phase{letter-spacing:.8px;background:#00000059;border-radius:999px;padding:3px 7px;font-size:9px;font-weight:900}.phase-calm{color:#5ce1ff}.phase-intense{color:#c084fc}.phase-chaos{color:#ff5c7a;animation:.8s infinite pulse}.hud-coins,.hud-smash{background:#00000059;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:800}.power-row{z-index:2;pointer-events:none;flex-wrap:wrap;gap:4px;display:flex;position:absolute;top:58px;left:8px;right:8px}.power{text-transform:uppercase;background:#00000073;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800}.power-shield{color:#5ce1ff}.power-slowmo{color:#b388ff}.power-magnet{color:#ffd166}.power-x2{color:#ff6b9d}.power-mega{color:#7cffb2}.overlay{z-index:3;cursor:pointer;background:radial-gradient(circle,#0b0a1f40,#0b0a1fcc);justify-content:center;align-items:center;padding:12px;display:flex;position:absolute;inset:0}.overlay-inner{text-align:center;max-width:100%}.overlay-inner h2{background:linear-gradient(90deg,#ffd166,#ff5c7a);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:26px;font-weight:900}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.summary-grid div{background:#ffffff0d;border:1px solid #ffffff14;border-radius:10px;padding:8px}.summary-grid span{color:#a8a7c8;font-size:10px;display:block}.summary-grid strong{font-size:16px}.overlay-msg{color:#ffd166;margin:8px 0 0;font-size:12px;font-weight:700}.overlay-hint{color:#c8c7e8;margin:10px 0 0;font-size:12px;animation:1.6s ease-in-out infinite pulse}.ach-pop{color:#7cffb2;margin-top:8px;font-size:12px;font-weight:800}@keyframes pulse{0%,to{opacity:.55}50%{opacity:1}}.mobile-actions{bottom:max(4px, env(safe-area-inset-bottom));z-index:12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080816eb;border:1px solid #7f83ff33;border-radius:14px;grid-template-columns:1.25fr 1fr;gap:8px;margin-top:8px;padding:8px;display:grid;position:sticky}.jump-button,.smash-button{letter-spacing:.6px;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:none;border-radius:14px;min-height:52px;font-size:15px;font-weight:900}.jump-button{color:#2a1500;background:linear-gradient(135deg,#ffd166,#ff8f5c)}.smash-button{color:#2a0a10;background:linear-gradient(135deg,#ff5c7a,#ff8a3d)}.help-desktop{display:none}.help-mobile{color:#8f8db7;text-align:center;margin:6px 0 0;font-size:11px;line-height:1.35;display:block}.only-mobile{display:inline}.only-desktop{display:none}.side-card{order:2}.side-card h2,.panel h2,.panel h3{margin:0 0 8px;font-size:16px}.panel-sub{color:#a8a7c8;margin:-2px 0 12px;font-size:12px}ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}li{background:#0a091899;border:1px solid #7f83ff1f;border-radius:10px;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:grid}.full-board li{grid-template-columns:32px 1fr auto}.full-board .meta{display:none}li.empty{text-align:center;color:#8f8db7;font-size:12px;display:block}.place{color:#b7b6d8;background:#7f83ff1f;border-radius:7px;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:900;display:inline-flex}.top-1 .place{color:#2a1500;background:linear-gradient(135deg,#ffd166,#ffb347)}.top-2 .place{color:#1a1a2a;background:linear-gradient(135deg,#dfe4ff,#a8b0d8)}.top-3 .place{color:#2a1500;background:linear-gradient(135deg,#ffb27a,#e08a4f)}.player{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.points{color:#ffd166;font-variant-numeric:tabular-nums;font-weight:900}.meta{color:#8f8db7;font-size:11px}.side-tip{color:#b7b6d8;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:12px;display:flex}.skin-swatch{border:1px solid #fff3;border-radius:8px;width:28px;height:28px}.shop-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.shop-card{background:#0a09188c;border:1px solid #7f83ff24;border-radius:12px;padding:10px}.shop-card.active{border-color:#7f83ff}.shop-preview{border-radius:10px;height:48px;margin-bottom:8px}.shop-card h3{margin:0 0 2px;font-size:13px}.shop-card p{color:#a8a7c8;margin:0 0 8px;font-size:11px}.shop-card .primary,.shop-card .secondary{width:100%;padding:9px 10px;font-size:12px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.stat-box{background:#0a09188c;border:1px solid #7f83ff24;border-radius:12px;padding:10px}.stat-box span{color:#9b9ac0;margin-bottom:2px;font-size:11px;display:block}.stat-box strong{font-size:18px;font-weight:900}.ach-grid{grid-template-columns:1fr;gap:8px;display:grid}.ach{opacity:.55;background:#0a09188c;border:1px solid #7f83ff1f;border-radius:12px;padding:10px}.ach.done{opacity:1;border-color:#7cffb259}.ach strong{margin-bottom:2px;font-size:13px;display:block}.ach span{color:#a8a7c8;font-size:12px}.refresh{margin-bottom:10px}.mode-grid{grid-template-columns:1fr;gap:8px;display:grid}.mode-card{background:#0a09188c;border:1px solid #7f83ff24;border-radius:12px;padding:12px}.mode-card.active{border-color:#7f83ff}.mode-card h3{margin:0 0 4px;font-size:15px}.mode-card p{color:#a8a7c8;margin:0;font-size:12px}.mode-meta{color:#c8c7e8;margin:8px 0;font-size:11px}.quest-list{flex-direction:column;gap:8px;display:flex}.quest{background:#0a09188c;border:1px solid #7f83ff24;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.quest strong{font-size:13px;display:block}.quest span,.quest small{color:#a8a7c8;margin-top:2px;font-size:11px;display:block}.quest.done{border-color:#7cffb259}.quest.claimed{opacity:.55}.quest-bar{background:#ffffff14;border-radius:999px;height:6px;margin-top:6px;overflow:hidden}.quest-bar i{background:linear-gradient(90deg,#7f83ff,#ffd166);height:100%;display:block}.rank-card{background:#0a09188c;border:1px solid #7f83ff24;border-radius:12px;margin-bottom:12px;padding:12px}.rank-card strong{font-size:15px;display:block}.rank-card span{color:#a8a7c8;font-size:12px}.hide-xs{display:none}@media (width>=420px){.hide-xs{display:block}}.app-shell.is-playing .tabs,.app-shell.is-playing .side-card,.app-shell.is-playing .help-mobile,.app-shell.is-playing .brand-badge,.app-shell.is-playing .controls{display:none}.app-shell.is-playing .brand-block h1{font-size:18px}.app-shell.is-playing .game-shell{min-height:320px}@media (width<=920px) and (orientation:landscape){.app-shell{gap:6px}.brand-block h1{font-size:16px}.brand-badge{display:none}.stat-pill{min-width:44px;padding:3px 6px}.stat-pill strong{font-size:12px}.tabs{display:none}.controls{grid-template-columns:1fr auto;margin-bottom:6px}.game-shell{min-height:200px}.mobile-actions{bottom:max(2px, env(safe-area-inset-bottom));gap:6px;margin-top:6px;padding:6px;position:sticky}.jump-button,.smash-button{border-radius:12px;min-height:44px;font-size:13px}.side-card,.help-mobile,.app-shell.is-playing .topbar{display:none}.app-shell.is-playing .game-shell{min-height:200px}.hud-score{font-size:20px}}@media (width>=920px){.app-shell{gap:14px}.brand-badge{padding:4px 10px;font-size:11px}.brand-block h1{margin-top:8px;font-size:clamp(34px,5vw,48px)}.brand-tagline{color:#b7b6d8;margin:4px 0 0;font-size:13px;display:block}.stat-pill{border-radius:12px;min-width:80px;padding:8px 12px}.stat-pill span{font-size:11px}.stat-pill strong{font-size:18px}.tab{padding:9px 14px;font-size:14px}.ghost{padding:8px 12px;font-size:13px}.layout{grid-template-columns:1fr 300px;align-items:start;gap:14px}.game-card,.side-card,.panel{border-radius:18px;padding:16px}.controls{grid-template-columns:1fr auto auto;gap:10px}.controls .secondary{display:inline-flex}.game-shell{min-height:400px}.hud-score{font-size:32px}.hud-meta{max-width:none;font-size:12px}.mobile-actions{display:none}.help-desktop{color:#8f8db7;margin:10px 0 0;font-size:13px;display:block}.help-mobile,.only-mobile{display:none}.only-desktop{display:inline}.side-card{order:0}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.mode-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.ach-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.full-board li{grid-template-columns:40px 1fr auto auto}.full-board .meta{display:inline}.app-shell.is-playing .tabs{display:flex}.app-shell.is-playing .side-card{display:block}.app-shell.is-playing .controls{display:grid}.app-shell.is-playing .brand-badge{display:inline-block}.app-shell.is-playing .brand-block h1{font-size:clamp(34px,5vw,48px)}.app-shell.is-playing .game-shell{min-height:400px}}kbd{background:#ffffff14;border:1px solid #ffffff24;border-bottom-width:2px;border-radius:6px;padding:1px 5px;font-family:inherit;font-size:11px;font-weight:800}