:root{--bg:#0f1115;--surface:#171a21;--surface-2:#1f232c;--border:#2a2f3a;--text:#e7e9ee;--text-muted:#9096a3;--accent:#3d7bff;--accent-2:#20c26a;--danger:#ff5c5c;--radius:14px;--ready-glow:#ffb020;--shadow-card:0 2px 10px #00000059;--rank-bronze:#b0703c;--rank-titan:#7a8a9a;--rank-silver:#b8c2cc;--rank-platinum:#7fd8e0;--rank-gold:#e6b93d;--rank-sapphire:#3d6fe0;--rank-diamond:#8fe9ff;--fs-hero:34px;--fs-title:20px;--fs-body:15px;--fs-caption:12px;--tier-1:#8b93a1;--tier-2:#4caf6d;--tier-3:#2bb3a3;--tier-4:#3d7bff;--tier-5:#6a5cff;--tier-6:#9b4ce0;--tier-7:#d24fc7;--tier-8:#e2812e;--tier-9:#e2492e;--tier-10:#e6b93d}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}button{font:inherit;color:inherit;cursor:pointer}.screen{max-width:480px;min-height:100%;margin:0 auto;padding:12px 16px 88px}.screen-loading,.screen-error{height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.muted{color:var(--text-muted);font-size:13px}.error-text{color:var(--danger);font-size:13px}.button-primary,.button-secondary{border:none;border-radius:10px;padding:10px 16px;font-weight:600}.button-primary{background:var(--accent);color:#fff}.button-primary:disabled,.button-secondary:disabled{opacity:.5;cursor:default}.button-secondary{background:var(--surface-2);color:var(--text);border:1px solid var(--border)}.button-block{width:100%;font-size:var(--fs-body);text-align:center;margin:4px 0 16px;padding:14px 16px;display:block}.link-button{color:var(--accent);background:0 0;border:none;padding:0;font-size:13px}.home__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.home__header-actions{gap:8px;display:flex}.icon-button{background:var(--surface-2);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative}.bell-button .badge{background:var(--danger);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:11px;display:flex;position:absolute;top:-4px;right:-4px}.balance-card{box-shadow:var(--shadow-card);margin-bottom:16px;padding-top:18px}.balance-card__hero{flex-direction:column;gap:2px;margin-bottom:12px;display:flex}.balance-card__hero-label{font-size:var(--fs-caption);color:var(--text-muted)}.balance-card__hero-value{font-size:var(--fs-hero);letter-spacing:-.02em;font-weight:800;line-height:1.1}.balance-card__row{border-top:1px solid var(--border);font-size:var(--fs-body);color:var(--text-muted);justify-content:space-between;padding:8px 0 0;display:flex}.balance-card__row strong{color:var(--text);font-weight:600}.balance-card--compact{padding-top:14px}.balance-card--compact .balance-card__row:first-child{border-top:none;padding-top:0}.section-header{justify-content:space-between;align-items:baseline;display:flex}.unit-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.unit-list__item{align-items:center;gap:12px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;display:flex}.unit-list__item[data-status=ready_to_claim]{border-color:var(--ready-glow);box-shadow:0 0 0 1px var(--ready-glow), 0 0 14px #ffb02059}.unit-progress{background:var(--surface-2);border-radius:999px;height:4px;margin:6px 0 2px;overflow:hidden}.unit-progress__fill{background:var(--accent);border-radius:inherit;height:100%;transition:width 1s linear}.unit-list__info{flex:1;min-width:0}.unit-icon-stage{flex-shrink:0;position:relative}.unit-icon-media{object-fit:contain;width:100%;height:100%;display:block}.unit-icon-media--ready{animation:1.8s ease-in-out infinite unit-icon-breathing}@keyframes unit-icon-breathing{0%,to{opacity:.6}50%{opacity:1}}.unit-icon-media--idle{filter:saturate(.7)brightness(.85)}.unit-icon-media--completed{filter:grayscale(.5)brightness(.7)}.unit-icon-gift-badge{filter:drop-shadow(0 1px 2px #00000080);font-size:16px;position:absolute;top:-4px;right:-4px}.bottom-nav{background:var(--surface);border-top:1px solid var(--border);padding:6px 0 max(6px, env(safe-area-inset-bottom));display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav__item{color:var(--text-muted);background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:11px;text-decoration:none;display:flex}.bottom-nav__item.active{color:var(--accent)}.bottom-nav__icon{font-size:20px;transition:transform .15s}.bottom-nav__item.active .bottom-nav__icon{transform:translateY(-1px)scale(1.08)}.modal-overlay{z-index:50;background:#0000008c;align-items:flex-end;display:flex;position:fixed;inset:0}.modal-sheet{background:var(--surface);border-radius:16px 16px 0 0;width:100%;max-height:80vh;padding:20px;animation:.25s ease-out modal-rise;position:relative;overflow-y:auto}@keyframes modal-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.modal-sheet--celebrate{border-top:3px solid var(--rank-gold);box-shadow:0 -4px 24px #e6b93d40}.modal-close{color:var(--text-muted);background:0 0;border:none;font-size:16px;position:absolute;top:12px;right:12px}.language-list{margin:0;padding:0;list-style:none}.language-list__item{text-align:left;border:none;border-bottom:1px solid var(--border);width:100%;color:var(--text);background:0 0;padding:12px 0}.language-list__item.active{color:var(--accent);font-weight:600}.achievement-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.achievement-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;display:flex}.achievement-list__icon{flex-shrink:0;font-size:20px}.coach-mark__actions{justify-content:space-between;gap:8px;margin-top:16px;display:flex}.onboarding{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.onboarding h1{font-size:var(--fs-hero);margin:4px 0 0}.onboarding p{color:var(--text-muted);font-size:var(--fs-body);max-width:320px}.onboarding__dots{gap:6px;display:flex}.dot{background:var(--border);border-radius:50%;width:6px;height:6px}.dot.active{background:var(--accent)}.onboarding__actions{gap:12px;margin-top:12px;display:flex}.catalog-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.catalog-item{border-left:3px solid var(--item-tier-color,var(--border));padding:12px}.catalog-item__header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.catalog-item__identity{align-items:center;gap:8px;display:flex}.tier-dot{background:var(--item-tier-color,var(--text-muted));border-radius:50%;flex-shrink:0;width:9px;height:9px}.catalog-item__price{font-size:var(--fs-title);font-weight:700}.slot-rows{flex-direction:column;gap:6px;display:flex}.slot-row{justify-content:space-between;align-items:center;font-size:13px;display:flex}.slot-row__owned{color:var(--accent-2);font-weight:700}.invite-link-card,.progress-card{margin-bottom:12px}.invite-link-card__value{word-break:break-all;color:var(--text-muted);margin:6px 0 10px;font-size:12px;display:block}.progress-card__value{font-size:var(--fs-hero);letter-spacing:-.02em;margin:4px 0 8px;font-weight:800;display:block}.progress-card .unit-progress{margin-top:8px}.invitee-list{flex-wrap:wrap;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.invitee-list li{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:12px}.invitee-list li.suspicious{color:var(--danger);border-color:var(--danger)}.tabs{gap:8px;margin-bottom:12px;display:flex}.tabs button{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex:1;padding:8px}.tabs button.active{background:var(--accent);border-color:var(--accent);color:#fff}.rank-table,.gift-table{margin:0;padding:0;list-style:none}.rank-table li,.gift-table li{border-bottom:1px solid var(--border);justify-content:space-between;padding:8px 4px;font-size:13px;display:flex}.rank-table__identity{align-items:center;gap:6px;display:inline-flex}.rank-table__dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.rank-table li.current{color:var(--rank-row-color,var(--accent));font-weight:700}.gift-table li.reached{color:var(--accent-2)}.profile-row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.funds-form{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.funds-form input,.funds-form select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px}.history-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.history-list__item{grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:grid}.history-list__amount--negative{color:var(--danger)}.history-list__amount--positive{color:var(--accent-2)}.deposit-choose,.deposit-channel-a,.deposit-channel-b{flex-direction:column;gap:12px;display:flex}.provider-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.provider-list__item{text-align:left;width:100%;color:var(--text);font-size:var(--fs-body);padding:12px;font-weight:600}.provider-list__item:disabled{opacity:.45;cursor:default}.deposit-amount-form{flex-direction:column;gap:12px;display:flex}.deposit-amount-form label{color:var(--text-muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.deposit-amount-form input{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:10px;font-size:15px}.deposit-waiting,.deposit-success{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:24px 0;display:flex}.news-block{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.news-card{flex:0 0 200px;padding:10px}.news-card--playable{cursor:pointer}.news-card__thumb{background:var(--surface-2);background-position:50%;background-size:cover;border-radius:8px;height:90px;margin-bottom:8px}.news-card__title{margin-bottom:4px;font-weight:600}.news-card__body{color:var(--text-muted);font-size:12px}.rank-badge{font-size:var(--fs-caption);color:#14171c;background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-weight:700;display:inline-block}.rank-badge--bronze{background:var(--rank-bronze);border-color:#0000}.rank-badge--titan{background:var(--rank-titan);border-color:#0000}.rank-badge--silver{background:var(--rank-silver);border-color:#0000}.rank-badge--platinum{background:var(--rank-platinum);border-color:#0000}.rank-badge--gold{background:var(--rank-gold);border-color:#0000;box-shadow:0 0 10px #e6b93d80}.rank-badge--sapphire{background:var(--rank-sapphire);color:#eef2ff;border-color:#0000;box-shadow:0 0 10px #3d6fe080}.rank-badge--diamond{background:var(--rank-diamond);border-color:#0000;box-shadow:0 0 14px #8fe9ff99}