.app{max-width:1200px;margin:0 auto;padding:16px;color:#e5e7eb}.muted{opacity:.7}.screen{position:relative;padding-bottom:var(--bottom-nav-total)}body{background:#0b0f1a}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.require-auth__spinner{min-height:200px;display:flex;align-items:center;justify-content:center}.require-auth{min-height:320px;display:flex;align-items:center;justify-content:center;padding:24px}.require-auth__card{max-width:420px;width:100%;display:grid;gap:16px;padding:24px;border-radius:16px;background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.35);box-shadow:0 24px 48px #080c1880;text-align:center}.require-auth__title{margin:0;font-size:20px;font-weight:700;color:#f8fafc}.require-auth__message{margin:0;font-size:15px;color:#cbd5f5}.require-auth__actions{display:flex;justify-content:center}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(148,163,184,.2);border-top-color:#38bdf8;animation:spinner-rotate .8s linear infinite}.spinner--small{width:18px;height:18px;border-width:2px}.spinner--button{border-color:#e2e8f040;border-top-color:#f8fafc}@keyframes spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-header{padding:12px;border-bottom:1px solid #1f2a3a;background:#0b1320}.update-banner{position:sticky;top:0;z-index:200;background:rgba(15,23,42,.95);border-bottom:1px solid rgba(148,163,184,.25);padding:10px 16px;box-shadow:0 12px 24px #070c1873;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.update-banner__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#e2e8f0;font-weight:600}.update-banner__actions{display:flex;gap:8px}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.app-title{color:#fff;margin:0;font-size:18px}.app-auth{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.app-auth__email{color:#cbd5e1;font-size:14px}.btn{--btn-bg: #0e1624;--btn-border: #2a2f3a;--btn-color: #ffffff;--btn-bg-hover: #15213b;--btn-border-hover: #374151;--btn-bg-active: #111a2b;--btn-border-active: #2d3649;--btn-shadow-hover: 0 6px 16px rgba(15, 23, 42, .35);--btn-shadow-focus: 0 0 0 3px rgba(37, 99, 235, .45);display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--btn-padding, 8px 12px);border-radius:var(--btn-radius, 10px);border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-color);font-weight:700;cursor:pointer;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .1s ease,opacity .2s ease}.btn-secondary{--btn-bg: rgba(15, 23, 42, .35);--btn-border: rgba(148, 163, 184, .35);--btn-color: #e2e8f0;--btn-bg-hover: rgba(30, 41, 59, .6);--btn-border-hover: rgba(148, 163, 184, .6)}.btn__icon{display:inline-flex;align-items:center;justify-content:center;line-height:1}.btn__icon--lock{font-size:14px}.btn.is-auth-disabled{background:#111827;border-color:#1f2937;color:#9ca3af;cursor:not-allowed;opacity:.75}.btn.is-auth-disabled:hover{background:#111827;border-color:#1f2937;box-shadow:none}.btn.is-auth-disabled:active{transform:none;box-shadow:none}.btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-border-hover);box-shadow:var(--btn-shadow-hover)}.btn:active:not(:disabled){background:var(--btn-bg-active);border-color:var(--btn-border-active);transform:translateY(1px);box-shadow:none}.btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;border-color:#3b82f6;box-shadow:var(--btn-shadow-focus)}.btn:disabled{background:#111827;border-color:#1f2937;color:#9ca3af;cursor:not-allowed;opacity:.6;box-shadow:none}.btn--filter{--btn-padding: 10px 12px;--btn-radius: 12px}.btn--tab{--btn-padding: 10px 16px;--btn-radius: 12px}.btn--tab.is-active{--btn-bg: #1f2937;--btn-border: #2f3b4f;--btn-bg-hover: #273349;--btn-border-hover: #334155}.btn--card-action{--btn-padding: 8px 10px;--btn-radius: 10px;font-size:18px;line-height:1;min-width:44px}.btn--card-action.is-active{--btn-bg: #1d4ed8;--btn-border: #1e40af;--btn-bg-hover: #2563eb;--btn-border-hover: #1d4ed8;--btn-bg-active: #1e3a8a;--btn-border-active: #1d4ed8}.btn--ghost{--btn-bg: transparent;--btn-border: rgba(148, 163, 184, .35);--btn-color: #e2e8f0;--btn-bg-hover: rgba(148, 163, 184, .12);--btn-border-hover: rgba(148, 163, 184, .45);--btn-bg-active: rgba(148, 163, 184, .2);--btn-border-active: rgba(148, 163, 184, .6)}.input,.select{background:#0e1624;color:#e5e7eb;border:1px solid #2a2f3a;border-radius:12px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.input:hover,.select:hover{border-color:#374151}.input:focus-visible,.select:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;border-color:#3b82f6;box-shadow:0 0 0 3px #2563eb59}@keyframes sparkle{0%{transform:translate(-50%,-50%) scale(.65);opacity:.85}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}.button-sparkle{position:relative}.button-sparkle:hover:after{content:"";position:absolute;top:50%;inset-inline-start:50%;width:160%;height:160%;background:radial-gradient(circle,rgba(45,212,191,.4) 0%,rgba(34,211,238,.35) 35%,rgba(14,116,144,0) 70%);border-radius:999px;pointer-events:none;transform:translate(-50%,-50%) scale(.65);animation:sparkle .8s ease-out forwards;filter:blur(2px);z-index:0}.button-sparkle:focus,.button-sparkle:focus-visible{outline:none;box-shadow:0 0 0 2px #22d3ee80}.catalog{padding:16px 16px 88px}.catalog-filters{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.catalog-filters__search{flex:1 1 220px;min-width:0}.catalog-filters__select{min-width:160px}.catalog-banner{width:100%;min-height:60px;background:repeating-linear-gradient(45deg,#0e1624,#0e1624 10px,#111b2d 10px,#111b2d 20px);border:1px dashed #334155;border-radius:12px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-weight:700;letter-spacing:.5px;text-align:center}.catalog-tabs{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.catalog-grid{display:grid;gap:16px;grid-template-columns:repeat(var(--catalog-columns, 2),minmax(0,1fr))}.catalog-card{background:#0b1320;border:1px solid #1f2a3a;border-radius:16px;padding:12px}.catalog-card--compact{padding:8px}.catalog-card__media{width:100%;aspect-ratio:1 / 1;background:#0f172a;border-radius:12px;overflow:hidden;display:grid;place-items:center;margin-bottom:8px}.catalog-card__media--compact{margin-bottom:6px}.catalog-card__media img{width:100%;height:100%;object-fit:cover;display:block}.catalog-card__empty{opacity:.6;color:#94a3b8;padding:8px;font-size:14px}.catalog-card__title{margin:6px 0 2px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800}.catalog-card__title--compact{margin:2px 0;font-size:14px}.catalog-card__rarity{margin:0;opacity:.8;color:#cbd5e1}.card-actions{display:flex;gap:8px;align-items:center;margin-top:8px}.card-actions--compact{margin-top:6px}.card-owned-badge{margin-inline-start:auto;padding:8px 10px;border-radius:10px;border:1px solid #2a2f3a;background:#0e1624;color:#22c55e;font-weight:800}.card-owned-badge--compact{padding:4px 8px}.catalog-empty{text-align:center;opacity:.7;margin-top:24px}.toolbar{display:grid;grid-template-columns:1fr 160px auto;gap:12px;align-items:center;margin:12px 0 18px}.views{display:flex;gap:8px;flex-wrap:wrap}@media (max-width: 720px){.toolbar{grid-template-columns:1fr 1fr}.views{grid-column:1 / -1}}.grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (min-width: 520px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 900px){.grid{grid-template-columns:repeat(4,1fr)}}.menu-screen__cards a{display:block;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.card{background:#0b0f1a;border:1px solid #1f2937;border-radius:14px;padding:10px}.imgWrap{aspect-ratio:1/1;border-radius:12px;border:1px dashed #334155;display:grid;place-items:center;overflow:hidden;background:#0e1524;margin-bottom:8px}.imgWrap img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.noimg{color:#94a3b8;font-size:14px}.meta .title{font-size:16px;font-weight:800;margin:4px 0 2px}.meta .rarity{opacity:.8;margin:0 0 8px}.actions{display:flex;gap:8px}.chip{background:#0e1524;border:1px solid #334155;border-radius:10px;padding:6px 8px;font-size:16px;cursor:pointer}.chip.on{background:#0b3b1a;border-color:#16a34a}.debug{margin:20px 0;padding:12px;border:1px dashed #4b5563;border-radius:10px}.team-section{margin-top:24px}.team-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.team-title{margin:0;font-size:18px;color:#fff}.team-manage-btn{padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}.team-manage-btn:hover{background:rgba(255,255,255,.08);border-color:#ffffff59}.team-manage-btn:focus-visible{outline:2px solid #38bdf8;outline-offset:2px;box-shadow:0 0 0 3px #38bdf859}.team-manage-btn[data-disabled=true]{opacity:.55;cursor:not-allowed;border-color:#ffffff1f}.team-manage-btn[data-disabled=true]:hover{background:transparent;border-color:#ffffff1f}.team-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%}.team-slot{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,#0f172a,#0b1220);color:#fff;text-align:center;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;font:inherit;min-width:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.team-slot:hover{transform:translateY(-1px);border-color:#fff3;box-shadow:0 12px 28px #080f1f73}.team-slot:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.team-slot:active{transform:translateY(0)}.team-slot.is-empty{color:#94a3b8}.team-avatar{width:100%;max-width:64px;aspect-ratio:1 / 1;border-radius:14px;overflow:hidden;background:#1f2937;position:relative;display:flex;align-items:center;justify-content:center}.team-slot.is-empty .team-avatar{background:rgba(15,23,42,.6);border:1px dashed rgba(148,163,184,.4)}.team-img{width:100%;height:100%;object-fit:cover;display:block}.team-placeholder{font-size:22px;font-weight:700;color:#64748b}.team-badge{position:absolute;top:6px;inset-inline-end:6px;padding:3px 6px;border-radius:999px;background:rgba(56,189,248,.85);color:#0b1120;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px}.team-info{display:flex;flex-direction:column;gap:4px;width:100%;min-width:0}.team-name{font-size:13px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-slot.is-empty .team-name{color:#cbd5e1}.team-bonus{font-size:12px;font-weight:600;color:#34d399}.team-slot.is-empty .team-bonus{color:#64748b}.menu-screen{display:flex;align-items:center;justify-content:center;padding:clamp(48px,12vh,96px) clamp(16px,7vw,48px)}.menu-screen__inner{width:min(960px,100%);display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:clamp(24px,5vw,40px);padding:clamp(32px,7vw,52px);background:radial-gradient(circle at top,rgba(37,99,235,.22),transparent 65%),linear-gradient(180deg,rgba(12,19,34,.96),rgba(12,19,34,.82));border:1px solid rgba(148,163,184,.16);border-radius:28px;box-shadow:0 24px 52px #080c188c}html[dir=rtl] .menu-screen__inner{text-align:end}.menu-screen__hero{display:flex;flex-direction:column;gap:12px;align-items:center}html[dir=rtl] .menu-screen__hero{align-items:flex-end;text-align:end}.menu-screen__hero-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;width:100%}.menu-screen__language{display:flex;justify-content:flex-end;flex:0 0 auto;width:auto}html[dir=rtl] .menu-screen__language{justify-content:flex-start}.menu-screen__kicker{margin:0;font-size:.95rem;letter-spacing:.18em;text-transform:uppercase;color:#38bdf8}.menu-screen__title{margin:0;font-size:clamp(28px,7vw,42px);line-height:1.1;color:#fff}.menu-screen__title-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}html[dir=rtl] .menu-screen__title-row{justify-content:flex-end}.menu-screen__currencies{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center}html[dir=rtl] .menu-screen__currencies{justify-content:flex-end}.menu-screen__badge{display:inline-flex;align-items:baseline;gap:6px;padding:6px 12px;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.01em;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.75);box-shadow:inset 0 1px #94a3b82e,0 12px 22px #080c1859}.menu-screen__badge-label{opacity:.7}.menu-screen__badge-value{font-variant-numeric:tabular-nums}.menu-screen__badge--silver{border-color:#94a3b873;background:linear-gradient(140deg,rgba(148,163,184,.22),rgba(15,23,42,.7));color:#e2e8f0}.menu-screen__badge--gold{border-color:#facc1573;background:linear-gradient(140deg,rgba(251,191,36,.28),rgba(15,23,42,.7));color:#facc15}.menu-screen__badge--gems{border-color:#0ea5e973;background:linear-gradient(140deg,rgba(56,189,248,.28),rgba(15,23,42,.7));color:#7dd3fc}.menu-screen__subtitle{margin:0;font-size:clamp(15px,4vw,17px);line-height:1.6;color:#cbd5e1}html[dir=rtl] .menu-screen__subtitle{text-align:end}.menu-screen__cards{display:grid;position:relative;width:100%;gap:clamp(16px,4vw,24px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));text-align:start;z-index:2}.menu-screen__tokenomics{color:#a5b4fc;text-decoration:none;font-weight:600;font-size:.95rem;letter-spacing:.02em}.menu-screen__tokenomics:hover,.menu-screen__tokenomics:focus-visible{color:#c4cafe;text-decoration:underline}@media (max-width: 960px){.menu-screen__inner{width:100%;border-radius:24px;box-shadow:0 20px 44px #080c1880}}@media (max-width: 520px){.menu-screen{padding:clamp(32px,10vh,64px) 12px}.menu-screen__inner{gap:24px;padding:clamp(24px,8vw,36px);border-radius:20px}.menu-screen__hero-row{justify-content:center}html[dir=rtl] .menu-screen__hero-row{flex-direction:column;align-items:center}.menu-screen__language{width:100%;justify-content:center}html[dir=rtl] .menu-screen__language{justify-content:center}.menu-screen__cards{grid-template-columns:1fr;gap:16px}.menu-screen__title-row{gap:10px}.menu-screen__currencies{gap:6px}html[dir=rtl] .menu-screen__title-row,html[dir=rtl] .menu-screen__currencies{justify-content:center}}.game-card{display:flex;flex-direction:column;gap:14px;padding:clamp(22px,5vw,30px);border-radius:22px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(145deg,rgba(59,130,246,.18),transparent 55%),rgba(12,19,34,.94);box-shadow:0 18px 40px #080c1873;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.game-card:hover,.game-card:focus-visible{transform:translateY(-4px);border-color:#60a5fa8c;box-shadow:0 26px 48px #0f172a8c}.game-card:focus-visible{outline:3px solid rgba(96,165,250,.45);outline-offset:4px}.game-card__header{display:flex;align-items:center;gap:14px}.game-card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(140deg,rgba(56,189,248,.2),rgba(59,130,246,.06));color:#38bdf8;font-size:24px;box-shadow:inset 0 1px #94a3b826}.game-card__titles{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:start}html[dir=rtl] .game-card__titles{align-items:flex-end;text-align:end;margin-inline:0}.game-card__eyebrow{margin:0;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#94a3b8d9;text-align:inherit}.game-card__title{margin:0;font-size:clamp(22px,4.6vw,28px);font-weight:700;color:#f8fafc;text-align:inherit}.game-card__description{margin:0;font-size:clamp(15px,3.6vw,17px);line-height:1.6;color:#d1d5db;text-align:inherit}.game-card__cta{margin:0;font-size:.95rem;font-weight:600;letter-spacing:.04em;color:#93c5fd;text-align:inherit}.game-card:hover .game-card__cta,.game-card:focus-visible .game-card__cta{color:#bfdbfe}.game-hub{display:flex;flex-direction:column;gap:clamp(24px,6vw,36px);padding:clamp(32px,8vw,56px) clamp(16px,6vw,40px)}.game-hub__header{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center;max-width:640px;margin:0 auto}.game-hub__title{margin:0;font-size:clamp(32px,6vw,44px);letter-spacing:.02em}.game-hub__subtitle{margin:0;font-size:clamp(16px,4vw,18px);line-height:1.6;color:#cbd5e1}.game-hub__cards{display:grid;gap:clamp(16px,4vw,24px);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.game-hub__card{position:relative;display:flex;flex-direction:column;gap:12px;padding:clamp(22px,5vw,30px);border-radius:20px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(145deg,rgba(37,99,235,.14),transparent 55%),rgba(12,19,34,.94);box-shadow:0 16px 32px #080c1873;text-decoration:none;color:inherit;min-height:180px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.game-hub__card:hover,.game-hub__card:focus-visible{transform:translateY(-4px);border-color:#60a5fa8c;box-shadow:0 24px 44px #0f172a8c}.game-hub__card:focus-visible{outline:3px solid rgba(96,165,250,.45);outline-offset:4px}.game-hub__card-title{margin:0;font-size:clamp(22px,4.5vw,28px);font-weight:700}.game-hub__card-text{margin:0;font-size:clamp(15px,3.8vw,17px);line-height:1.6;color:#d1d5db}.game-hub__footer{display:flex;justify-content:center;padding-top:8px}.game-hub__footer .btn{min-width:min(280px,100%)}@media (min-width: 960px){.game-hub__cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.menu-screen:before,.menu-screen:after,.menu-screen__inner:before,.menu-screen__inner:after,.menu-screen__cards:before,.menu-screen__cards:after,.game-hub:before,.game-hub:after{pointer-events:none!important;z-index:0!important}.menu-screen__cards a,.menu-card,.game-card,.game-hub__card{position:relative;z-index:5;pointer-events:auto!important}html[dir=rtl] .menu-screen__cards a{z-index:10}.battle-card{padding:12px 14px;margin-bottom:12px;border-radius:12px;background:rgba(255,255,255,.03)}.battle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.battle-row.meta{opacity:.7;font-size:.9rem}.battle-card .mmr.up{color:#3fb950}.battle-card .mmr.down{color:#f85149}:root{--safe-area-bottom: env(safe-area-inset-bottom, 0px);--bottom-nav-gap: 8px;--bottom-nav-button-h: 56px;--bottom-nav-pad-y: 14px;--bottom-nav-h: calc( var(--bottom-nav-button-h) + (var(--bottom-nav-pad-y) * 2) + var(--safe-area-bottom) );--bottom-nav-total: var(--bottom-nav-h);--bottom-avoid: calc(var(--bottom-nav-h) + var(--bottom-nav-gap))}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;display:flex;flex-direction:column;min-height:100%}.site-footer{--site-footer-pad-bottom: 2rem;padding-bottom:var(--site-footer-pad-bottom)}.site-footer.site-footer--with-bn{--site-footer-pad-bottom: calc(2rem + var(--bottom-nav-h))}.bottom-nav-layout,.game-layout{position:relative;display:flex;flex-direction:column;min-height:100%;min-height:100dvh}.content-scroll,.game-scroll{position:relative;flex:1 1 auto;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--bottom-avoid)}.game-scroll{min-height:100dvh}.bottom-nav-spacer,.bottom-spacer{flex:0 0 auto;height:var(--bottom-nav-h)}html[dir=rtl] .app,html[dir=rtl] .page{direction:rtl}.bottom-nav{position:fixed;inset:auto 0 0;display:flex;justify-content:center;align-items:flex-end;width:100%;padding:0 16px;height:var(--bottom-nav-h);padding-bottom:var(--safe-area-bottom);pointer-events:none;z-index:90}.bottom-nav__rail{--hud-background: rgba(13, 23, 42, .78);--hud-border: rgba(148, 163, 184, .2);position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(520px,calc(100% - 32px));max-width:100%;padding:var(--bottom-nav-pad-y) clamp(16px,5vw,24px);padding-bottom:calc(var(--bottom-nav-pad-y) + var(--safe-area-bottom));border-radius:999px;background:var(--hud-background);border:1px solid var(--hud-border);box-shadow:0 18px 48px #0206178c,inset 0 1px #ffffff14;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:auto;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scroll-padding-inline:clamp(16px,5vw,24px);scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.5) transparent}html[dir=rtl] .bottom-nav__rail{direction:rtl}.bottom-nav__rail::-webkit-scrollbar{height:6px}.bottom-nav__rail::-webkit-scrollbar-track{background:transparent}.bottom-nav__rail::-webkit-scrollbar-thumb{background-color:#94a3b859;border-radius:999px}.bottom-nav__rail:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:999px;background:linear-gradient(135deg,rgba(56,189,248,.16),transparent 55%);pointer-events:none;z-index:-1}.tab-btn{--tab-btn-bg: rgba(15, 23, 42, .35);--tab-btn-border: rgba(148, 163, 184, .18);--tab-btn-bg-hover: rgba(30, 41, 59, .6);--tab-btn-border-hover: rgba(148, 163, 184, .32);--tab-btn-bg-active: rgba(12, 74, 110, .75);--tab-btn-border-active: rgba(56, 189, 248, .65);--tab-btn-shadow-hover: 0 16px 32px rgba(8, 12, 24, .45);position:relative;flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:56px;min-height:var(--bottom-nav-button-h);border-radius:16px;border:1px solid var(--tab-btn-border);background:var(--tab-btn-bg);color:#cbd5f5;font-size:24px;font-weight:800;line-height:1;text-decoration:none;transition:transform .18s ease,color .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease}.tab-btn:hover{background:var(--tab-btn-bg-hover);border-color:var(--tab-btn-border-hover);box-shadow:var(--tab-btn-shadow-hover)}.tab-btn:active{background:var(--tab-btn-bg-active);border-color:var(--tab-btn-border-active);transform:translateY(1px);box-shadow:none}.tab-btn:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;border-color:#3b82f6}.tab-btn__icon{display:block;transform:translateY(1px)}.tab-btn.is-active{--tab-btn-bg: linear-gradient(150deg, rgba(56, 189, 248, .28), rgba(45, 212, 191, .22));--tab-btn-border: rgba(59, 130, 246, .68);--tab-btn-bg-hover: linear-gradient(150deg, rgba(34, 211, 238, .4), rgba(14, 165, 233, .32));--tab-btn-border-hover: rgba(56, 189, 248, .78);--tab-btn-bg-active: linear-gradient(150deg, rgba(13, 148, 136, .5), rgba(14, 165, 233, .45));--tab-btn-border-active: rgba(34, 211, 238, .88);color:#5eead4;transform:translateY(-6px) scale(1.08);box-shadow:0 18px 36px #0ea5e959}.tab-btn.is-active:after{content:"";position:absolute;inset-inline-start:16px;inset-inline-end:16px;bottom:-12px;height:4px;border-radius:999px;background:linear-gradient(90deg,rgba(34,211,238,.85),rgba(56,189,248,.85));box-shadow:0 0 12px #38bdf88c}@media (max-width: 520px){:root{--bottom-nav-pad-y: 12px}.bottom-nav__rail{width:min(100%,calc(100% - 16px));gap:8px}.tab-btn{min-width:52px;font-size:22px}.tab-btn.is-active:after{inset-inline-start:12px;inset-inline-end:12px;bottom:-10px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;display:flex;align-items:flex-start;justify-content:center;padding:calc(env(safe-area-inset-top,0px) + 64px) 16px 32px;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow-y:auto}.modal-card{position:relative;width:min(560px,100%);max-height:calc(100vh - (env(safe-area-inset-top,0px) + 96px));background:var(--surface);color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow-2);padding:32px 24px 24px;display:flex;flex-direction:column;gap:24px;overflow:hidden;outline:none}.modal-card:focus{outline:none}.modal-close-button{position:fixed;top:calc(env(safe-area-inset-top,0px) + 8px);right:8px;width:44px;height:44px;border-radius:999px;border:none;display:grid;place-items:center;background:rgba(15,23,42,.7);color:var(--primary-contrast);font-size:1.5rem;line-height:1;cursor:pointer;z-index:1500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .15s ease,transform .15s ease}.modal-close-button:hover,.modal-close-button:focus-visible{background:rgba(15,23,42,.85)}.modal-close-button:focus-visible{outline:none;box-shadow:var(--focus-outline)}.modal-header{display:flex;flex-direction:column;gap:var(--gap-1)}.modal-header h2{margin:0}.modal-header p{margin:0;color:var(--text-muted)}.modal-body{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--gap-3);overflow-y:auto;padding-right:4px}.modal-footer{display:flex;flex-direction:column;gap:var(--gap-2)}.modal-footer .btn{width:100%}.modal-status{text-align:center;color:var(--text-muted);font-size:.9rem}.daily-modal-highlight{display:flex;flex-direction:column;gap:4px;padding:var(--gap-2);border-radius:var(--radius);background:rgba(37,99,235,.12);color:var(--primary);font-weight:600}.daily-modal-day{font-size:1rem}.daily-modal-reward{color:var(--text);font-weight:500}.daily-modal-grid{display:grid;gap:var(--gap-2);grid-template-columns:repeat(2,minmax(0,1fr))}.daily-modal-cell{display:flex;flex-direction:column;gap:8px;padding:var(--gap-2);border-radius:var(--radius-btn);border:1px solid var(--border);background:var(--surface-alt);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.daily-modal-cell.is-active{border-color:#2563eba6;box-shadow:0 0 0 2px #2563eb40}.daily-modal-cell.is-complete{background:rgba(37,99,235,.1)}@media (prefers-color-scheme: dark){.daily-modal-cell.is-complete{background:rgba(37,99,235,.18)}}.daily-modal-cell.is-future{opacity:.65}.daily-modal-day-label{font-weight:600;font-size:.95rem}.daily-modal-rewards{display:flex;flex-direction:column;gap:4px;font-size:.85rem}.daily-modal-reward-item{display:inline-flex;align-items:center;gap:6px}.daily-modal-reward-item .reward-icon{font-size:1rem;line-height:1}@media (min-width: 720px){.modal-card{max-height:calc(100vh - (env(safe-area-inset-top,0px) + 80px))}.daily-modal-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (min-width: 560px){.modal-footer{flex-direction:row;align-items:center;gap:var(--gap-2)}.modal-footer .btn{width:auto}.modal-status{text-align:left;flex:1 1 auto}}@media (max-width: 480px){.modal-card{width:100%;border-radius:0;padding:24px 20px 20px}.modal-backdrop{padding:calc(env(safe-area-inset-top,0px) + 48px) 0 16px}}@media (prefers-reduced-motion: reduce){.modal-close-button,.daily-modal-cell{transition-duration:.01ms!important}}:root{--radius: 16px;--radius-btn: 12px;--shadow-1: 0 8px 24px rgba(15, 23, 42, .12);--shadow-2: 0 12px 32px rgba(15, 23, 42, .18);--shadow-crit: 0 0 0 4px rgba(250, 204, 21, .45);--gap-1: 8px;--gap-2: 12px;--gap-3: 16px;--gap-4: 24px;--surface: #ffffff;--surface-alt: #f3f4f6;--surface-elevated: #f9fafb;--primary: #2563eb;--primary-contrast: #ffffff;--accent: #f59e0b;--warn: #f87171;--ok: #22c55e;--text: #0f172a;--text-muted: #6b7280;--border: rgba(15, 23, 42, .08);--focus-outline: 0 0 0 3px rgba(37, 99, 235, .35)}@media (prefers-color-scheme: dark){:root{--surface: #111827;--surface-alt: #1f2937;--surface-elevated: #0f172a;--primary-contrast: #0b1120;--text: #f9fafb;--text-muted: #9ca3af;--border: rgba(148, 163, 184, .18);--shadow-1: 0 8px 24px rgba(15, 23, 42, .35);--shadow-2: 0 12px 32px rgba(15, 23, 42, .45);--shadow-crit: 0 0 0 4px rgba(250, 204, 21, .35)}}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text)}html{scroll-behavior:smooth}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-1);padding:var(--gap-4)}.btn{border-radius:var(--radius-btn);padding:10px 16px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease;cursor:pointer}.btn:disabled{cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast);box-shadow:var(--shadow-1)}.gs-v2 .btn.btn-primary{background:var(--primary);color:var(--primary-contrast)}.gs-v2 .btn.btn-primary:disabled{background:var(--primary);color:var(--primary-contrast);opacity:.9}.btn-primary:hover:not(:disabled),.btn-primary:focus-visible:not(:disabled){box-shadow:var(--shadow-2)}.btn-ghost{background:transparent;color:var(--text)}.btn-destructive{background:#dc2626;color:#fff}.btn:focus-visible{outline:none;box-shadow:var(--focus-outline)}.text-warn{color:var(--warn)}.mt-1{margin-top:var(--gap-1)}.metric{display:flex;flex-direction:column;gap:4px}.metric .label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.metric .value{font-size:20px;font-weight:700}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{padding:6px 10px;border-radius:999px;background:var(--surface-alt);font-size:12px;color:var(--text)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.game-screen-v2{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,var(--surface-elevated),var(--surface));color:var(--text)}.game-screen-v2 main{flex:1;width:100%;padding:var(--gap-3) clamp(12px,4vw,32px) var(--gap-4);box-sizing:border-box}.gs-flow{display:flex;flex-direction:column;gap:var(--gap-4);width:100%;max-width:960px;margin:0 auto}.gs-flow>*{width:100%}.gs-header-wrap,.gs-footer-wrap{padding:var(--gap-3) clamp(12px,4vw,32px)}.gs-header{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-3)}.gs-header .title{display:flex;flex-direction:column;gap:4px}.gs-header .title h1{margin:0;font-size:clamp(1.1rem,2vw + 1rem,1.6rem);font-weight:700}.gs-header .title .subtitle{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.85rem;color:var(--text-muted)}.gs-header .title .subtitle>*{display:inline-flex;align-items:center;gap:6px}.daily-login-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:999px;background:rgba(37,99,235,.15);color:var(--primary);font-weight:600;font-size:.8rem;border:none;cursor:pointer;text-decoration:none;transition:background .12s ease,transform .12s ease}@media (prefers-color-scheme: dark){.daily-login-badge{background:rgba(37,99,235,.25);color:var(--primary)}}.daily-login-badge:hover,.daily-login-badge:focus-visible{background:rgba(37,99,235,.25)}.daily-login-badge:focus-visible{outline:none;box-shadow:var(--focus-outline)}.gs-header .status{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--text-muted)}.gs-header .status-dot{width:10px;height:10px;border-radius:999px;background:var(--text-muted);box-shadow:inset 0 0 0 1px #fff6}.gs-header .status-dot[data-state=online]{background:var(--ok)}.gs-header .status-dot[data-state=syncing]{background:var(--accent)}.gs-header .status-dot[data-state=offline]{background:var(--warn)}.gs-header .actions{display:inline-flex;align-items:center;gap:var(--gap-2)}.gs-header .actions button{padding:8px 12px;border-radius:var(--radius-btn);background:var(--surface-alt);color:var(--text);font-weight:600;border:1px solid transparent}.gs-header .actions button:hover,.gs-header .actions button:focus-visible{border-color:#2563eb3d}.gs-header-wrap{position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,rgba(249,250,251,.92),rgba(249,250,251,.72))}@media (prefers-color-scheme: dark){.gs-header-wrap{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(15,23,42,.72))}}.gs-anchor{width:100%;height:0;margin:0;padding:0}@media (min-width: 600px){.tap-actions .btn{width:76px;height:76px}}@media (min-width: 768px){.gs-flow{gap:calc(var(--gap-4) + var(--gap-1))}.hero-bar{padding:var(--gap-4)}.tap-hero{max-width:640px}.tap-surface{width:min(320px,40vw)}.tap-actions{gap:var(--gap-3)}}@media (min-width: 1024px){.tap-hero{gap:var(--gap-4)}.tap-meta{max-width:420px}.tap-actions .btn{width:84px;height:84px}}@media (max-height: 400px){.game-screen-v2 main{padding-top:var(--gap-2);padding-bottom:var(--gap-2)}.tap-hero{gap:var(--gap-2)}.tap-fatigue{margin-top:8px}}.gs-hero-card{position:relative;overflow:hidden}.hero-bar{display:grid;gap:var(--gap-3);padding:var(--gap-3);text-align:left}.hero-bar[data-loading=true]{opacity:.85}.hero-balance{display:flex;flex-direction:column;gap:4px}.hero-balance-label,.hero-level-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.hero-balance-value{font-size:clamp(1.8rem,10vw,2.6rem);font-weight:700}.hero-balance-delta{font-size:.95rem;color:var(--text-muted);font-weight:600}.hero-level{display:grid;gap:var(--gap-2)}.hero-level-meta{display:flex;align-items:baseline;gap:8px}.hero-level-value{font-size:clamp(1rem,4vw,1.4rem);font-weight:600}.hero-xp{display:grid;gap:6px}.hero-xp-label{font-size:.85rem;color:var(--text-muted)}.hero-xp-bar{position:relative;height:8px;border-radius:999px;background:rgba(148,163,184,.3);overflow:hidden}.hero-xp-bar span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--primary);transform-origin:left}.gs-hero-grid,.gs-hero-grid .metrics{display:grid;gap:var(--gap-3)}.gs-hero-grid .metrics{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.gs-progress{position:relative;height:8px;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden}.gs-progress span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--primary);transform-origin:left}.gs-fatigue-bar{height:6px;border-radius:999px;background:rgba(148,163,184,.25);overflow:hidden}.gs-fatigue-bar span{display:block;height:100%;border-radius:inherit}.gs-hints{margin-top:var(--gap-2)}.tap-hero{display:grid;gap:var(--gap-3);justify-items:center;text-align:center;max-width:520px;margin:0 auto}.tap-surface{width:min(280px,72vw);aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at top,rgba(37,99,235,.16),rgba(37,99,235,.04));box-shadow:var(--shadow-1);display:flex;align-items:center;justify-content:center;transition:transform .16s ease,box-shadow .16s ease}.tap-surface[aria-disabled=true]{opacity:.55;cursor:not-allowed}.tap-surface:not([aria-disabled=true]){cursor:pointer}.tap-surface:hover:not([aria-disabled=true]){transform:translateY(-2px)}.tap-surface:active:not([aria-disabled=true]){transform:scale(.97)}.tap-surface:focus-visible{outline:none;box-shadow:var(--focus-outline)}.tap-hero .tap-button{width:100%;height:100%;padding:0;border-radius:inherit;font-size:clamp(1.35rem,8vw,2rem);letter-spacing:.12em}.tap-hero .tap-button:disabled{opacity:1}.tap-meta{display:grid;gap:var(--gap-2)}.tap-crit{margin:0;font-weight:600;font-size:.95rem}.tap-actions{display:flex;gap:var(--gap-2);justify-content:center;flex-wrap:wrap}.tap-action{display:flex;align-items:center;justify-content:center}.tap-actions .btn{width:72px;height:72px;border-radius:999px;padding:0;flex-direction:column;gap:4px;text-align:center;line-height:1.1}.tap-actions .cooldown-button,.tap-actions .rewarded-button{min-height:0}.tap-actions .cooldown-button .label{font-size:.8rem}.tap-actions .cooldown-button .timer{font-size:.7rem}.tap-actions .cooldown-button .cooldown-bar{border-radius:inherit}.tap-fatigue{width:100%;max-width:min(320px,80vw);display:flex;flex-direction:column;gap:6px;margin-top:var(--gap-1)}.tap-fatigue .gs-fatigue-bar{height:8px}.tap-fatigue-label{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.tap-button{position:relative;min-height:0;background:radial-gradient(circle at top,rgba(37,99,235,.18),rgba(37,99,235,0));color:var(--text);border:2px solid rgba(37,99,235,.18);text-transform:uppercase;letter-spacing:.12em}.tap-button:active:not(:disabled){transform:scale(.98)}.tap-button[data-crit=true]{box-shadow:var(--shadow-crit)}.tap-button[data-crit=true]:after{content:"Crit!";position:absolute;top:12%;right:12%;font-size:.75rem;font-weight:700;color:var(--accent);letter-spacing:.08em}.cooldown-button{position:relative;overflow:hidden;min-height:52px;background:var(--surface-alt)}.cooldown-button[data-state=active]{border:2px solid rgba(37,99,235,.35);box-shadow:var(--shadow-2)}.cooldown-button[data-state=cooldown]{opacity:.75}.cooldown-button .cooldown-bar{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(37,99,235,.12),rgba(37,99,235,0));transform-origin:left;pointer-events:none}.cooldown-button .label{font-weight:600}.cooldown-button .timer{font-size:.85rem;color:var(--text-muted)}.rewarded-button{min-height:52px}.rewarded-button[data-state=done]{background:rgba(34,197,94,.18);color:var(--ok)}.gs-flow>.gs-error{max-width:640px;margin:0 auto;width:100%}.gs-upgrade-grid{display:grid;gap:var(--gap-3)}.gs-sections{display:flex;flex-direction:column;gap:var(--gap-4)}.gs-section{display:flex;flex-direction:column;gap:var(--gap-3)}.gs-section-header h2{margin:0;font-size:1.1rem}.gs-section-body{display:flex;flex-direction:column;gap:var(--gap-3)}.upgrade-card{display:grid;gap:var(--gap-2)}.upgrade-card header{display:flex;justify-content:space-between;align-items:baseline;gap:var(--gap-2)}.upgrade-card footer{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-2)}.upgrade-card .price{font-weight:600}.upgrade-card .preview{font-size:.85rem;color:var(--text-muted)}.team-summary{display:grid;gap:var(--gap-2)}.team-summary header{display:flex;justify-content:space-between;align-items:center}.team-summary .chip-list{display:flex;gap:8px;flex-wrap:wrap}.team-summary .chip{background:rgba(37,99,235,.12);color:var(--text)}.team-summary .chip.empty{background:var(--surface-alt);color:var(--text-muted)}.scroll-hint{display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);font-size:.85rem}.scroll-hint-anchor{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;background:var(--surface);border:1px solid rgba(148,163,184,.35);box-shadow:var(--shadow-1);color:inherit;text-decoration:none;animation:scroll-hint-bounce 1.6s ease-in-out infinite}.scroll-hint-anchor:hover,.scroll-hint-anchor:focus-visible{border-color:#2563eb73}.scroll-hint-label{font-weight:500}@keyframes scroll-hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.devhud{margin-top:var(--gap-4);background:var(--surface-alt);border-radius:var(--radius);padding:var(--gap-3);box-shadow:inset 0 0 0 1px #0f172a14}.devhud header{display:flex;justify-content:space-between;align-items:center;gap:var(--gap-2)}.devhud header .actions{display:flex;gap:var(--gap-2);flex-wrap:wrap;justify-content:flex-end}.devhud .tab-bar{display:flex;gap:var(--gap-2);flex-wrap:wrap}.devhud .tab{padding:6px 10px;border-radius:999px;background:transparent;border:1px solid transparent;font-size:.85rem;font-weight:600;cursor:pointer}.devhud .tab[data-active=true]{background:var(--surface);border-color:#2563eb40}.devhud pre{font-family:IBM Plex Mono,Fira Code,ui-monospace,SFMono-Regular,SFMono,Consolas,Liberation Mono,Menlo,monospace;font-size:.82rem;background:var(--surface);border-radius:var(--radius-btn);padding:var(--gap-3);margin:var(--gap-3) 0 0;max-height:280px;overflow:auto;white-space:pre-wrap}.gs-footer{display:flex;flex-wrap:wrap;gap:var(--gap-2);justify-content:space-between;font-size:.85rem;color:var(--text-muted)}.gs-links{display:flex;gap:var(--gap-2);flex-wrap:wrap}.gs-banner{margin:0 clamp(12px,4vw,32px);margin-top:var(--gap-2);padding:10px 16px;border-radius:var(--radius-btn);background:rgba(234,179,8,.18);color:#b45309;font-size:.9rem}.gs-review-banner{background:rgba(59,130,246,.18);color:#1d4ed8}.gs-error{margin:0 clamp(12px,4vw,32px);margin-top:var(--gap-2);padding:12px 16px;border-radius:var(--radius-btn);background:rgba(220,38,38,.12);color:#991b1b;font-size:.9rem}.gs-menu-popover,.gs-help-popover{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(15,23,42,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:var(--gap-4);z-index:30}.gs-menu-panel,.gs-help-panel{background:var(--surface);border-radius:var(--radius);padding:var(--gap-4);box-shadow:var(--shadow-2);width:min(420px,90vw)}.gs-menu-panel button,.gs-help-panel button{width:100%}.gs-menu-panel ul{list-style:none;padding:0;margin:var(--gap-3) 0 0;display:grid;gap:var(--gap-2)}.gs-skeleton{position:relative;overflow:hidden;background:linear-gradient(90deg,rgba(203,213,225,.2),rgba(148,163,184,.35),rgba(203,213,225,.2));animation:skeleton 1.4s ease infinite}@keyframes skeleton{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.gs-empty-state{display:grid;gap:var(--gap-3);text-align:center}.gs-empty-actions{display:flex;flex-direction:column;gap:var(--gap-2)}@media (min-width: 640px){.gs-empty-actions{flex-direction:row;justify-content:center}}.scroll-hint{position:fixed;left:50%;transform:translate(-50%);bottom:var(--bottom-avoid);z-index:20;display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:9999px;background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e7eefc;font-weight:600;border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 20px #00000040;cursor:pointer}.scroll-hint:focus-visible{outline:2px solid rgba(231,238,252,.9);outline-offset:4px}.scroll-hint__icon{font-size:18px;line-height:1}.scroll-hint__label{font-size:14px}@media (min-width: 768px){.scroll-hint{bottom:max(var(--bottom-avoid),20px)}}.inv-root{display:flex;flex-direction:column;gap:16px;padding:16px;padding-bottom:calc(var(--tabbar-total) + 16px);color:#e5e7eb}.inv-root .inventory__header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.inv-root .inventory__title{margin:0;font-size:26px;font-weight:800;color:#fff}.inv-root .inventory__message{margin:0;padding:20px;border-radius:16px;background:rgba(15,23,42,.65);border:1px solid rgba(51,65,85,.45);color:#cbd5e1;text-align:center}.inv-root .inventory__feedback{padding:6px 12px;border-radius:999px;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.45);color:#93c5fd;font-weight:600}.inv-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,200px) auto;gap:12px;align-items:center;padding:16px;border-radius:16px;background:rgba(11,19,32,.85);border:1px solid rgba(30,41,59,.8)}.inv-toolbar .inventory__toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#cbd5e1}.inv-toolbar .inv-check{width:18px;height:18px;accent-color:#38bdf8}@media (max-width: 960px){.inv-toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.inv-toolbar .inventory__toggle{grid-column:1 / -1;justify-self:flex-start}}@media (max-width: 640px){.inv-toolbar{grid-template-columns:minmax(0,1fr)}}.inv-grid{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 360px){.inv-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 600px){.inv-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.inv-card{--inv-card-border: rgba(51, 65, 85, .65);--inv-card-sheen: rgba(148, 163, 184, .08);--inv-card-badge-bg: rgba(51, 65, 85, .85);--inv-card-badge-color: #e5e7eb;position:relative;display:flex;flex-direction:column;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--inv-card-border);background:linear-gradient(165deg,rgba(15,23,42,.95),rgba(11,17,31,.95)),radial-gradient(circle at top,var(--inv-card-sheen),transparent 55%);box-shadow:0 18px 40px #02061773}.inv-card__badge{position:absolute;top:16px;inset-inline-end:16px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;background:var(--inv-card-badge-bg);color:var(--inv-card-badge-color);border:1px solid rgba(255,255,255,.08)}.inv-thumb{aspect-ratio:1 / 1;border-radius:16px;border:1px solid rgba(71,85,105,.6);background:rgba(15,23,42,.8);display:grid;place-items:center;overflow:hidden}.inv-thumb img,.inv-thumb .unit-icon{width:100%;height:100%;object-fit:contain;display:block}.inv-card__info{display:flex;flex-direction:column;gap:12px}.inv-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.inv-card__header-actions{display:flex;align-items:center;gap:8px}.inv-card__name{margin:0;font-size:20px;font-weight:800;color:#fff}.inv-card__level{font-size:14px;font-weight:600;color:#f8fafc;background:rgba(148,163,184,.15);padding:4px 10px;border-radius:999px}.inv-card__favorite-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid rgba(203,213,225,.4);background:rgba(148,163,184,.12);color:#facc15;font-size:18px;line-height:1;transition:transform .12s ease,background .12s ease}.inv-card__favorite-btn:hover{transform:scale(1.05)}.inv-card__favorite-btn.is-active{background:rgba(250,204,21,.25);border-color:#facc1573;color:#facc15}.inv-card__favorite-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.inv-card__slot-badge{position:absolute;top:50px;inset-inline-start:16px;padding:4px 10px;border-radius:999px;background:rgba(30,41,59,.75);border:1px solid rgba(148,163,184,.4);color:#e2e8f0;font-size:12px;font-weight:600;letter-spacing:.4px}.inv-card__stats{display:flex;flex-wrap:wrap;gap:10px;color:#cbd5e1;font-size:14px}.inv-card__actions{display:grid;gap:8px}.inv-card__action,.inv-card__team-btn{width:100%;justify-content:center}.inv-card__team-btn{background:rgba(59,130,246,.15);border-color:#60a5fa73;color:#bfdbfe}.inv-card__team-btn.is-active{background:rgba(34,197,94,.22);border-color:#4ade8099;color:#bbf7d0}.inv-card__team-btn:disabled{opacity:.65;cursor:not-allowed}.inv-card--team{border-color:#3b82f6a6;box-shadow:0 18px 40px #1e40af40}.inv-card__team-tag{position:absolute;top:16px;inset-inline-start:16px;padding:4px 10px;border-radius:999px;background:rgba(30,64,175,.75);border:1px solid rgba(147,197,253,.35);color:#e0f2fe;font-size:12px;font-weight:600;letter-spacing:.4px}.inv-team{display:grid;gap:16px;padding:20px;border-radius:18px;border:1px solid rgba(30,58,138,.55);background:linear-gradient(165deg,rgba(15,23,42,.92),rgba(12,21,38,.96));box-shadow:0 18px 40px #0f172a73}.inv-team__header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.inv-team__heading,.inv-team__header-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.inv-team__title{margin:0;font-size:22px;font-weight:800;color:#f8fafc}.inv-team__count{padding:4px 10px;border-radius:999px;background:rgba(59,130,246,.2);border:1px solid rgba(96,165,250,.35);color:#bfdbfe;font-weight:600;font-size:13px}.inv-team__free{font-size:13px;color:#bae6fd;font-weight:600}.inv-team__subtitle{margin:0;color:#cbd5e1;font-size:14px}.inv-team__slots{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.inv-team__slot{display:grid;grid-template-columns:72px 1fr;gap:12px;align-items:center;padding:12px;border-radius:14px;border:1px solid rgba(71,85,105,.4);background:rgba(15,23,42,.85)}.inv-team__slot--filled{border-color:#3b82f673;background:rgba(30,64,175,.28)}.inv-team__avatar{aspect-ratio:1 / 1;border-radius:12px;border:1px solid rgba(71,85,105,.45);background:rgba(15,23,42,.75);display:grid;place-items:center;overflow:hidden}.inv-team__body{display:grid;gap:8px}.inv-team__image{width:100%;height:100%;object-fit:contain}.inv-team__placeholder{font-size:26px;color:#94a3b8a6}.inv-team__info{display:grid;gap:4px}.inv-team__slot-actions{display:flex;gap:8px;flex-wrap:wrap}.inv-team__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:6px 14px;background:rgba(148,163,184,.14);color:#e2e8f0;font-size:13px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.inv-team__btn:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a59}.inv-team__btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.inv-team__btn--remove{border-color:#ef444473;background:rgba(248,113,113,.16);color:#fecaca}.inv-team__btn--fill{border-color:#22c55e73;background:rgba(34,197,94,.18);color:#bbf7d0}.inv-team__btn--clear{border-color:#94a3b859;background:rgba(30,41,59,.4);color:#f8fafc}.inv-team__name{font-size:16px;font-weight:700;color:#f8fafc}.inv-team__slot-label{font-size:13px;color:#cbd5e1}.inv-card--common{--inv-card-border: rgba(148, 163, 184, .35);--inv-card-sheen: rgba(148, 163, 184, .12);--inv-card-badge-bg: rgba(148, 163, 184, .25);--inv-card-badge-color: #e2e8f0}.inv-card--rare{--inv-card-border: rgba(59, 130, 246, .35);--inv-card-sheen: rgba(37, 99, 235, .18);--inv-card-badge-bg: rgba(37, 99, 235, .2);--inv-card-badge-color: #93c5fd}.inv-card--epic{--inv-card-border: rgba(139, 92, 246, .35);--inv-card-sheen: rgba(139, 92, 246, .2);--inv-card-badge-bg: rgba(139, 92, 246, .18);--inv-card-badge-color: #c4b5fd}.inv-card--legendary{--inv-card-border: rgba(245, 158, 11, .4);--inv-card-sheen: rgba(251, 191, 36, .24);--inv-card-badge-bg: rgba(251, 191, 36, .2);--inv-card-badge-color: #fcd34d}.inv-card--special{--inv-card-border: rgba(20, 184, 166, .4);--inv-card-sheen: rgba(20, 184, 166, .22);--inv-card-badge-bg: rgba(20, 184, 166, .18);--inv-card-badge-color: #5eead4}.inv-card--rare .inv-thumb{border-color:#3b82f68c}.inv-card--epic .inv-thumb{border-color:#8b5cf68c}.inv-card--legendary .inv-thumb{border-color:#f59e0b8c}.inv-card--special .inv-thumb{border-color:#14b8a68c}.inv-card--legendary .inv-card__level,.inv-card--special .inv-card__level,.inv-card--epic .inv-card__level,.inv-card--rare .inv-card__level{background:rgba(15,23,42,.6)}.inv-card__stats span{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;background:rgba(15,23,42,.6);border:1px solid rgba(51,65,85,.55)}@media (max-width: 480px){.inv-card{padding:16px}.inv-card__header{flex-direction:column;align-items:flex-start}.inv-card__badge{position:static;align-self:flex-start;margin-top:-4px}}.tokenomics-page{display:flex;flex-direction:column;gap:20px;padding:16px 16px 96px;max-width:960px;margin:0 auto}.tokenomics-page__inner{display:flex;flex-direction:column;gap:20px}.tokenomics-page__header{display:flex;flex-direction:column;gap:12px}.tokenomics-page__title{font-size:28px;line-height:1.1;font-weight:700;margin:0}.tokenomics-page__subtitle{margin:0;font-size:16px;color:#e2e8f0e6}.tokenomics-page__lede{display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.6;color:#e2e8f0eb}.tokenomics-page__lede strong{color:#f8fafc}.tokenomics-page__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tokenomics-card{background:rgba(15,23,42,.7);border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:16px;box-shadow:0 18px 38px #080f1f59;display:flex;flex-direction:column;gap:8px}.tokenomics-card__title{font-size:16px;font-weight:600;margin:0}.tokenomics-card__caption{margin:0;font-size:14px;color:#e2e8f0d9}.tokenomics-summary{overflow:hidden;border-radius:16px;border:1px solid rgba(148,163,184,.2);background:rgba(15,23,42,.7)}.tokenomics-summary__title{margin:0;padding:16px;font-size:18px;font-weight:600;border-bottom:1px solid rgba(148,163,184,.15)}.tokenomics-summary__table{width:100%;border-collapse:collapse}.tokenomics-summary__row{border-bottom:1px solid rgba(148,163,184,.12)}.tokenomics-summary__cell{padding:12px 16px;font-size:14px;color:#e2e8f0e6}.tokenomics-summary__cell--label{font-weight:600}.tokenomics-summary__cell--value{text-align:right;color:#38bdf8}.tokenomics-section-title{margin:0;font-size:20px;font-weight:600}.tokenomics-vote{display:flex;flex-direction:column;gap:12px}.tokenomics-vote__header{align-items:center;justify-content:space-between}.tokenomics-vote__weight{margin:0;font-size:14px;color:#e2e8f0e6}.tokenomics-vote__body{display:flex;flex-direction:column;gap:16px}.tokenomics-vote__empty{margin:0;padding:16px;border-radius:12px;border:1px dashed rgba(148,163,184,.3);color:#e2e8f0b3}.tokenomics-vote__poll-title{margin:0 0 12px;font-size:16px;font-weight:600}.tokenomics-vote__options{display:flex;flex-direction:column;gap:10px}.tokenomics-vote__option{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(148,163,184,.2);background:rgba(8,15,31,.45);cursor:pointer;transition:border-color .2s ease,background .2s ease}.tokenomics-vote__option:hover{border-color:#38bdf899}.tokenomics-vote__option input[type=radio]{accent-color:#38bdf8}.tokenomics-button{align-self:flex-start;padding:10px 18px;border-radius:999px;border:none;background:linear-gradient(135deg,#38bdf8,#06b6d4);color:#0f172a;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.tokenomics-button:disabled{opacity:.5;cursor:not-allowed}.tokenomics-button:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 12px 28px #06b6d459}.tokenomics-vote__cta{margin:0;font-size:14px;color:#38bdf8}.tokenomics-vote__results{border-top:1px solid rgba(148,163,184,.18);padding-top:12px}.tokenomics-vote__results-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.tokenomics-vote__results-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;font-size:14px}.tokenomics-vote__results-label{font-weight:600}.tokenomics-vote__results-metric{font-variant-numeric:tabular-nums;color:#e2e8f0e6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 768px){.tokenomics-page{padding:24px 32px 120px}.tokenomics-page__title{font-size:32px}.tokenomics-page__subtitle{font-size:18px}.tokenomics-vote__results-item{grid-template-columns:2fr 120px 120px}}:root{color-scheme:dark}html,body,#root{height:100%}html,body{margin:0;padding:0;background:#0b1220;color:#e5e7eb;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}body.modal-open{touch-action:none}.fight-modal{pointer-events:auto}.bottom-nav--disabled .bottom-nav__rail{pointer-events:none;opacity:.5}.bottom-nav--disabled .tab-btn{cursor:not-allowed}.fight-team-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;width:100%;margin-bottom:16px}.fight-team-slot{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:6px;padding:10px 8px;border-radius:14px;background:rgba(8,15,31,.6);border:1px solid rgba(255,255,255,.08);min-width:0;text-align:center}.fight-team-slot[data-empty=true]{opacity:.6}.fight-team-slot__placeholder{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:1px dashed rgba(148,163,184,.5);color:#9fb3c8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.fight-team-slot__label{font-size:12px;font-weight:600;color:#f8fafc;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-banner{margin-top:1rem}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.team-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:10px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.team-card__img{width:64px;height:64px;border-radius:10px;object-fit:cover;display:block;image-rendering:pixelated}.team-card__placeholder{width:64px;height:64px;border-radius:10px;border:1px dashed rgba(148,163,184,.5);display:grid;place-items:center;font-weight:700;color:#9fb3c8;background:rgba(8,15,31,.4)}.team-card__meta{width:100%;margin-top:6px;display:flex;flex-direction:column;gap:4px}.team-card__title{font-weight:600;line-height:1.1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.team-card__bonus{font-size:12px;opacity:.85;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25;white-space:normal;margin-top:2px;text-align:left}.tooltip{position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);min-width:180px;max-width:260px;padding:8px 10px;border-radius:10px;background:rgba(22,22,28,.96);color:#fff;box-shadow:0 6px 18px #00000059;z-index:30}.tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-top-color:#16161cf5}.tooltip__title{font-weight:700;margin-bottom:4px}.tooltip__bonus{font-size:12px;line-height:1.25;white-space:normal}.ad-row:empty,.ad-container:empty{display:none!important;height:0!important;margin:0!important;padding:0!important}@media (max-width: 520px){.team-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}html[dir=rtl] body{direction:rtl}html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{text-align:end}[dir=rtl] .row{flex-direction:row-reverse}[dir=rtl] .ml-auto{margin-left:0;margin-right:auto}[dir=rtl] .mr-2{margin-right:0;margin-left:.5rem}.overlay-hidden{pointer-events:none}a{color:#93c5fd}button{color:inherit}h1,h2,h3,h4,h5,h6{color:#fff}.screen{min-height:100%;background:inherit;color:inherit}