:root{color-scheme:dark;--bg-0: #101326;--bg-1: #191c34;--panel: rgba(18, 22, 42, .72);--panel-strong: rgba(23, 28, 55, .92);--panel-soft: rgba(255, 255, 255, .1);--line: rgba(255, 255, 255, .16);--text: #f8fbff;--muted: rgba(248, 251, 255, .72);--soft: rgba(248, 251, 255, .48);--yellow: #ffd15c;--cyan: #5ee7ff;--mint: #82f7a0;--pink: #ff76c7;--coral: #ff886e;--violet: #9b83ff;--danger: #ff5b73;--shadow: 0 24px 80px rgba(3, 7, 18, .42);--soft-shadow: 0 12px 40px rgba(3, 7, 18, .26);--radius: 24px;--ease: cubic-bezier(.2, .9, .2, 1);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#101326;color:var(--text);overscroll-behavior:none;-webkit-text-size-adjust:100%}button,input{font:inherit}button{border:0;cursor:pointer}#app{position:fixed;inset:0;overflow:hidden;min-height:100dvh;touch-action:manipulation;background:radial-gradient(circle at 18% 12%,rgba(94,231,255,.18),transparent 28%),radial-gradient(circle at 88% 18%,rgba(255,118,199,.14),transparent 28%),linear-gradient(160deg,#151a31,#111426 54%,#171a30)}#game-canvas{position:absolute;inset:0;width:100%;height:100%;outline:0;touch-action:none}#app:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 34%),radial-gradient(circle at 50% 92%,rgba(255,118,97,.12),transparent 32%),linear-gradient(90deg,rgba(4,8,20,.34),transparent 18%,transparent 82%,rgba(4,8,20,.34));mix-blend-mode:screen}.hidden{display:none!important}.screens{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:max(22px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none}.screen{width:min(1180px,100%);max-height:min(860px,calc(100vh - 36px));overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;pointer-events:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.24) transparent;animation:screenIn .42s var(--ease) both}@keyframes screenIn{0%{opacity:0;transform:translateY(16px) scale(.985);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.72fr);gap:18px;align-items:stretch}.hero-panel,.menu-panel,.wide-panel{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff26,#ffffff0d),var(--panel);box-shadow:var(--shadow);backdrop-filter:blur(24px) saturate(1.22)}.hero-panel{min-height:min(540px,calc(100vh - 64px));padding:30px;display:flex;flex-direction:column;justify-content:space-between}.hero-panel:before,.wide-panel:before,.menu-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.2),transparent 20%,transparent 72%,rgba(94,231,255,.12)),radial-gradient(circle at 20% 16%,rgba(255,209,92,.16),transparent 22%)}.hero-panel>*,.menu-panel>*,.wide-panel>*{position:relative;z-index:1}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.logo-mark{width:58px;height:58px;border-radius:18px;background:linear-gradient(135deg,#ffe87a,#ff8f70 42%,#ff76c7 72%,#68e3ff);box-shadow:0 18px 48px #ff886e47;position:relative}.logo-mark:before,.logo-mark:after{content:"";position:absolute;border-radius:999px;background:#0f1222e6}.logo-mark:before{width:26px;height:8px;left:16px;top:18px;transform:rotate(-12deg)}.logo-mark:after{width:18px;height:18px;right:10px;bottom:10px;box-shadow:-24px -2px #0f1222c7}.brand-lockup{display:flex;gap:14px;align-items:center}.eyebrow{margin:0 0 6px;color:var(--cyan);font-weight:850;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin-bottom:14px;max-width:680px;font-size:clamp(3rem,8vw,6.75rem);line-height:.9;letter-spacing:0}h2{margin-bottom:8px;font-size:clamp(2rem,4vw,3.25rem);letter-spacing:0}h3{font-size:1.05rem;letter-spacing:0}.subtitle{max-width:610px;margin-bottom:24px;color:var(--muted);font-size:1.06rem;line-height:1.56}.hero-actions,.row-actions,.screen-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button{--button-bg: linear-gradient(135deg, #ffe16d, #ff916f 46%, #ff75c4);min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 18px;border-radius:18px;background:var(--button-bg);color:#161322;font-weight:900;box-shadow:0 16px 38px #ff886e42;transition:transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease)}.button:hover{transform:translateY(-2px);box-shadow:0 20px 48px #ff886e57}.button:active{transform:translateY(1px) scale(.99)}.button--ghost{--button-bg: rgba(255, 255, 255, .1);color:var(--text);border:1px solid var(--line);box-shadow:none}.button--cyan{--button-bg: linear-gradient(135deg, #75f4ff, #82f7a0);box-shadow:0 16px 38px #5ee7ff38}.button--danger{--button-bg: linear-gradient(135deg, #ff7f9a, #ff5b73);color:#fff}.button[disabled]{cursor:not-allowed;opacity:.52;transform:none;filter:grayscale(.25)}.button-icon{width:23px;height:23px;border-radius:8px;background:#ffffff6b;position:relative;flex:0 0 auto}.button-icon--play:before{content:"";position:absolute;left:8px;top:5px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #161322}.button-icon--bolt:before{content:"";position:absolute;inset:4px 7px;background:#161322;clip-path:polygon(52% 0,100% 0,58% 43%,92% 43%,28% 100%,42% 54%,4% 54%)}.button-icon--egg:before{content:"";position:absolute;inset:4px 6px 3px;border-radius:50% 50% 45% 45%;background:#161322}.button-icon--grid:before{content:"";position:absolute;inset:5px;background:linear-gradient(#161322 0 0) 0 0 / 6px 6px,linear-gradient(#161322 0 0) 100% 0 / 6px 6px,linear-gradient(#161322 0 0) 0 100% / 6px 6px,linear-gradient(#161322 0 0) 100% 100% / 6px 6px;background-repeat:no-repeat}.menu-panel{min-height:min(540px,calc(100vh - 64px));padding:22px;display:grid;grid-template-rows:auto auto 1fr auto;gap:16px}.stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-tile,.reward-tile,.upgrade-row,.character-card,.leader-row,.daily-tile,.setting-tile{border:1px solid var(--line);border-radius:18px;background:#ffffff17;box-shadow:var(--soft-shadow)}.stat-tile{padding:14px;min-height:86px}.stat-tile span,.hud-pill span,.leader-row strong{display:block;font-size:1.35rem;font-weight:950;letter-spacing:0}.stat-tile small,.hud-pill small,.upgrade-meta,.muted{color:var(--muted);font-size:.76rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.mini-roster{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.mini-avatar,.character-avatar{position:relative;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.18);background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.46),transparent 21%),linear-gradient(145deg,var(--accent-a),var(--accent-b))}.mini-avatar{height:84px}.mini-avatar:before,.character-avatar:before{content:"";position:absolute;left:50%;top:48%;width:38%;height:47%;transform:translate(-50%,-50%);border-radius:50% 50% 44% 44%;background:#0f1222d1;box-shadow:-14px 1px 0 -9px #ffffffe0,14px 1px 0 -9px #ffffffe0}.mini-avatar:after,.character-avatar:after{content:"";position:absolute;left:50%;bottom:15%;width:28%;height:5px;transform:translate(-50%);border-radius:999px;background:#ffffffb8}.character-avatar{height:160px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.campaign-strip{display:grid;gap:10px;margin-top:18px}.campaign-strip .eyebrow{margin-bottom:0}.level-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.level-chip{min-height:58px;display:grid;align-content:center;justify-items:start;gap:2px;padding:0 11px;border-radius:16px;border:1px solid var(--line);background:#ffffff14;color:var(--text);text-align:left;box-shadow:var(--soft-shadow);transition:transform .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.level-chip strong{font-size:1.12rem;font-weight:950}.level-chip span{color:var(--muted);font-size:.72rem;font-weight:850}.level-chip:hover:not([disabled]),.level-chip.is-selected{transform:translateY(-2px);border-color:#5ee7ff8f;background:#5ee7ff24}.level-chip.is-complete{border-color:#82f7a07a}.level-chip.is-complete strong{color:var(--mint)}.level-chip.is-locked{opacity:.5}.pill{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 10px;border-radius:999px;background:#ffffff1a;border:1px solid rgba(255,255,255,.14);color:var(--muted);font-size:.82rem;font-weight:850}.coin-dot,.egg-dot{width:15px;height:15px;border-radius:999px;display:inline-block}.coin-dot{background:linear-gradient(135deg,#ffe783,#ff9e43);box-shadow:0 0 18px #ffd15c7a}.egg-dot{border-radius:50% 50% 45% 45%;background:linear-gradient(135deg,#fff4a9,#ff75c4 56%,#7decff);box-shadow:0 0 18px #ff76c76b}.wide-panel{width:min(1120px,100%);padding:24px}.screen-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.back-button,.icon-button{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--line);background:#ffffff1a;color:var(--text);box-shadow:none;transition:background .16s var(--ease),transform .16s var(--ease)}.back-button:hover,.icon-button:hover{background:#ffffff29;transform:translateY(-1px)}.back-button:before{content:"";width:13px;height:13px;border-left:3px solid currentColor;border-bottom:3px solid currentColor;transform:rotate(45deg) translate(2px)}.icon-pause{width:18px;height:22px;border-left:6px solid currentColor;border-right:6px solid currentColor}.grid-2,.grid-3{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.character-card{padding:14px;display:grid;gap:12px}.character-card.is-selected{border-color:#82f7a0e0;box-shadow:0 0 0 1px #82f7a038,0 22px 60px #82f7a024}.character-card.is-locked{opacity:.68}.character-head{display:flex;justify-content:space-between;gap:10px;align-items:center}.character-head h3{margin:0}.rarity{padding:6px 9px;border-radius:999px;background:#ffffff1f;color:var(--muted);font-size:.72rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.upgrade-list,.leader-list,.daily-grid{display:grid;gap:12px}.upgrade-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px}.upgrade-title{display:flex;align-items:center;gap:12px}.upgrade-icon{width:44px;height:44px;border-radius:15px;background:linear-gradient(135deg,var(--accent-a),var(--accent-b));box-shadow:0 12px 28px #0000002e;position:relative;flex:0 0 auto}.upgrade-icon:after{content:"";position:absolute;inset:12px;border-radius:999px;border:4px solid rgba(15,18,34,.8)}.level-dots{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.level-dots i{width:22px;height:8px;border-radius:999px;background:#ffffff29}.level-dots i.is-on{background:linear-gradient(90deg,var(--accent-a),var(--accent-b))}.reward-tile,.daily-tile,.setting-tile{padding:16px}.egg-machine{min-height:300px;display:grid;place-items:center;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at 50% 36%,rgba(255,255,255,.2),transparent 24%),linear-gradient(145deg,#ffd15c33,#ff76c726,#5ee7ff24)}.egg-big{width:min(240px,48vw);aspect-ratio:.78;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 36% 24%,rgba(255,255,255,.72),transparent 18%),linear-gradient(145deg,#fff2a6,#ff8dcf 50%,#6be9ff);box-shadow:inset -18px -22px 40px #18123c33,0 30px 90px #ff76c747;animation:eggFloat 2.1s ease-in-out infinite}@keyframes eggFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-10px) rotate(2deg)}}.leader-row{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px}.leader-rank{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#ffffff1a;font-weight:950}.hud{position:absolute;z-index:3;inset:0;pointer-events:none;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 0 max(14px,env(safe-area-inset-left))}.hud__top{display:flex;align-items:center;gap:10px;width:min(720px,100%)}.hud .icon-button{pointer-events:auto;background:#0e12227a;backdrop-filter:blur(18px)}.hud-pill{min-width:94px;height:58px;padding:8px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.16);background:#0e122275;box-shadow:0 18px 50px #00000029;backdrop-filter:blur(18px)}.hud-pill--time{margin-left:auto}.progress-rail{width:min(720px,calc(100vw - 28px));height:10px;margin-top:10px;border-radius:999px;background:#ffffff24;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.progress-fill{width:0%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#82f7a0,#5ee7ff,#ff76c7);box-shadow:0 0 22px #5ee7ff8f;transition:width .13s linear}.status-chip{position:absolute;left:50%;top:max(92px,calc(env(safe-area-inset-top) + 78px));transform:translate(-50%);padding:12px 16px;border-radius:999px;background:#12162a9e;border:1px solid var(--line);color:var(--text);font-weight:900;box-shadow:var(--soft-shadow);backdrop-filter:blur(18px);animation:chipPop .24s var(--ease) both}@keyframes chipPop{0%{opacity:0;transform:translate(-50%,-8px) scale(.95)}}.mobile-controls{position:absolute;z-index:5;inset:auto 0 0;display:none;justify-content:space-between;align-items:flex-end;padding:0 max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));pointer-events:none}.joystick,.jump-button{pointer-events:auto;touch-action:none;border:1px solid rgba(255,255,255,.16);background:#12162a6b;backdrop-filter:blur(18px);box-shadow:var(--soft-shadow)}.joystick{width:116px;height:116px;border-radius:50%;position:relative}.joystick__knob{position:absolute;left:50%;top:50%;width:52px;height:52px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ffffffeb,#5ee7ffb8);box-shadow:0 12px 32px #5ee7ff42}.jump-button{width:96px;height:96px;border-radius:30px;display:grid;place-items:center}.jump-button span{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#ffe16d,#ff75c4);clip-path:polygon(50% 0,100% 46%,68% 46%,68% 100%,32% 100%,32% 46%,0 46%)}.toast-layer{position:absolute;z-index:8;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;gap:10px;pointer-events:none}.toast{min-width:210px;padding:13px 15px;border-radius:18px;background:#12162ac2;border:1px solid var(--line);box-shadow:var(--soft-shadow);backdrop-filter:blur(18px);font-weight:850;animation:toastIn .26s var(--ease) both}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}}.store-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:16px}.swatch-row{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:42px;height:42px;border-radius:14px;border:2px solid transparent;background:linear-gradient(135deg,var(--accent-a),var(--accent-b))}.swatch.is-selected{border-color:#fff;box-shadow:0 0 0 3px #ffffff2e}.gameover-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:18px 0}.confetti-title{background:linear-gradient(135deg,#fff,#ffe783 34%,#76efff 68%,#ff92d2);-webkit-background-clip:text;background-clip:text;color:transparent}@media(hover:none),(pointer:coarse){.mobile-controls{display:flex}}@media(max-width:720px){.mobile-controls{display:flex}}@media(max-width:920px){.shell,.store-grid,.grid-2,.grid-3{grid-template-columns:1fr}.hero-panel,.menu-panel{min-height:auto}.screen{max-height:calc(100vh - 24px)}.hero-panel{padding:22px}.mini-roster{grid-template-columns:repeat(6,minmax(58px,1fr))}.mini-avatar{height:64px}.hud__top{gap:7px}.hud-pill{min-width:72px;height:52px;padding:7px 9px}.hud-pill span{font-size:1.05rem}.hud-pill small{font-size:.62rem}.hud-pill--time{margin-left:0}}@media(max-height:760px)and (min-width:921px){.screens{padding-top:18px;padding-bottom:18px}.screen{max-height:calc(100vh - 36px)}.hero-panel,.menu-panel{min-height:calc(100vh - 36px);padding:22px}.menu-panel{gap:10px}h1{font-size:clamp(3rem,7vw,5.7rem);margin-bottom:10px}.subtitle{margin-bottom:18px}.button{min-height:48px}.stat-tile{min-height:70px;padding:10px 12px}.daily-tile{padding:12px}.mini-avatar{height:52px;border-radius:16px}}@media(max-width:600px){#app:after{background:radial-gradient(circle at 50% 34%,rgba(94,231,255,.12),transparent 32%),linear-gradient(90deg,rgba(4,8,20,.32),transparent 20%,transparent 80%,rgba(4,8,20,.32)),linear-gradient(180deg,rgba(255,255,255,.035),transparent 36%);mix-blend-mode:normal}.screens{align-items:stretch;padding:max(12px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.screen{width:100%;max-height:calc(100vh - 20px)}.hero-panel,.menu-panel,.wide-panel{border-radius:20px;padding:16px;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.13),transparent 34%),linear-gradient(180deg,#171c37e6,#12162af0),#12162aeb;box-shadow:0 18px 52px #03071257,inset 0 1px #ffffff1f;backdrop-filter:blur(18px) saturate(1.12)}.hero-panel:before,.menu-panel:before,.wide-panel:before{background:radial-gradient(circle at 50% 20%,rgba(94,231,255,.14),transparent 34%),radial-gradient(circle at 50% 72%,rgba(255,118,199,.1),transparent 36%),linear-gradient(180deg,rgba(255,255,255,.08),transparent 42%);opacity:.9}.hero-panel:after,.menu-panel:after,.wide-panel:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.08),transparent 16%,transparent 84%,rgba(255,255,255,.08));opacity:.42}h1{font-size:clamp(2.55rem,15vw,4.2rem)}.subtitle{font-size:.95rem}.button{width:100%}.hero-actions .button,.screen-actions .button{flex:1 1 100%}.hero-panel .pill-row,.hero-panel .pill{justify-content:center}.level-row{grid-template-columns:repeat(5,minmax(54px,1fr))}.level-chip{min-height:54px;padding:0 8px}.level-chip span{font-size:.64rem}.screen-header{gap:12px}.stat-grid,.gameover-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.upgrade-row,.leader-row{grid-template-columns:1fr}.leader-row{align-items:start}.hud{padding-top:max(8px,env(safe-area-inset-top))}.hud__top{width:100%;display:grid;grid-template-columns:46px repeat(4,minmax(0,1fr))}.hud .icon-button{width:46px;height:50px;border-radius:16px}.hud-pill{min-width:0;height:50px;border-radius:16px}.progress-rail{width:100%}.toast-layer{left:12px;right:12px;bottom:calc(126px + env(safe-area-inset-bottom))}.toast{min-width:0}.joystick{width:104px;height:104px}.jump-button{width:88px;height:88px;border-radius:28px}}