:root{color-scheme:dark;--tg-theme-bg-color: #050814;--tg-theme-text-color: #e6ecff;--tg-theme-hint-color: #93a3cf;--tg-theme-link-color: #7fd4ff;--tg-theme-button-color: #3b6cff;--tg-theme-button-text-color: #ffffff;--tg-theme-secondary-bg-color: rgba(16, 28, 70, .72);--accent: #5b8cff;--accent-text: #ffffff;--surface: rgba(16, 28, 70, .72);--surface-strong: rgba(24, 40, 96, .9);--line: rgba(120, 160, 255, .35);--gold: #f5c96a;--good: #8ff0b8;--bad: #ff8aa0;--muted: #93a3cf}*{box-sizing:border-box}body{margin:0;font-family:Manrope,system-ui,-apple-system,Segoe UI,sans-serif;background:radial-gradient(120% 60% at 50% -10%,#1d3a8a,#0b1433 45%,#050814) fixed #050814;color:#e6ecff}h1,h2,h3,.display{font-family:Unbounded,Manrope,sans-serif}button,input,select{font-family:inherit}.screen{min-height:100vh;padding:12px 16px 96px;max-width:560px;margin:0 auto}.center{display:flex;align-items:center;justify-content:center;gap:8px;min-height:60vh}.error{color:var(--tg-theme-destructive-text-color, #d33333)}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spin{animation:none}}.page-transition{animation:page-transition-in .22s ease}@keyframes page-transition-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.page-transition{animation:none}}.app-header{padding:14px;border-radius:14px;background:var(--surface);margin-bottom:12px}.app-header-name{font-weight:700;font-size:18px}.app-header-stats{display:flex;gap:8px;margin-top:8px}.stat-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:999px;background:var(--tg-theme-bg-color, #ffffff);font-size:13px;font-variant-numeric:tabular-nums;opacity:.9}.view-tabs{display:flex;gap:6px;margin-bottom:12px;padding:4px;border-radius:14px;background:var(--surface)}.view-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:9px 6px;border-radius:10px;border:none;background:transparent;color:var(--tg-theme-text-color, #111111);font-size:13px;font-weight:600;text-decoration:none;opacity:.65;transition:background-color .18s ease,opacity .18s ease,color .18s ease}.view-tab.active{background:var(--accent);color:var(--accent-text);opacity:1}.view-tab span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.universe-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px}.tab{flex:none;display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:999px;border:none;background:var(--surface-strong);color:var(--tg-theme-text-color, #111111);font-size:14px}.tab.active{background:var(--accent);color:var(--accent-text)}.filters{display:flex;gap:8px;margin-bottom:12px}.search-input-wrap{position:relative;flex:1;min-width:0;display:flex;align-items:center}.search-input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid var(--tg-theme-hint-color, #cccccc);background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #111111);font-size:14px}.tier-select{flex:none;max-width:42%;padding:8px 6px;border-radius:8px;border:1px solid var(--tg-theme-hint-color, #cccccc);background:var(--tg-theme-bg-color, #ffffff);color:var(--tg-theme-text-color, #111111);font-size:13px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.grid-loading{display:flex;justify-content:center;padding:16px 0;color:var(--tg-theme-hint-color, #999)}.load-more-button{display:block;width:100%;margin-top:12px;padding:10px;border:none;border-radius:10px;background:var(--surface-strong);color:var(--tg-theme-text-color, #111111);font-size:14px;font-weight:600;cursor:pointer}.card{position:relative;display:block;width:100%;border:none;cursor:pointer;font:inherit;text-align:center;background:var(--surface);border-radius:12px;padding:6px;transition:transform .12s ease,box-shadow .12s ease}.card:active{transform:scale(.96)}.card-tier-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;box-shadow:0 0 0 2px var(--tg-theme-bg-color, #ffffff)}.card img{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:8px}.card-name{font-size:12px;margin-top:6px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;opacity:.7;margin-top:2px}.card-meta-stars{display:inline-flex;align-items:center;gap:2px}.empty{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;opacity:.7;margin-top:40px}.progress-page{display:flex;flex-direction:column;gap:12px}.progress-row{background:var(--surface);border-radius:10px;padding:10px 12px}.progress-row-header{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px}.progress-row-title{display:inline-flex;align-items:center;gap:6px;font-weight:600}.progress-row-count{opacity:.7;font-variant-numeric:tabular-nums}.progress-bar-track{height:8px;border-radius:999px;background:var(--tg-theme-bg-color, #e6e6e6);overflow:hidden}.progress-bar-fill{height:100%;border-radius:999px;background:var(--accent);transition:width .3s ease}.progress-row-percent{margin-top:4px;font-size:12px;text-align:right;opacity:.7;font-variant-numeric:tabular-nums}.back-button{display:inline-flex;align-items:center;gap:6px;border:none;background:var(--surface-strong);color:var(--tg-theme-text-color, #111111);padding:8px 14px;border-radius:8px;font-size:14px;margin-bottom:12px}.card-page-image{width:100%;max-height:320px;object-fit:contain;border-radius:12px;background:var(--surface)}.card-page-body{margin-top:14px;display:flex;flex-direction:column;gap:8px}.card-page-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding-bottom:8px;border-bottom:1px solid var(--surface-strong)}.card-page-label{display:inline-flex;align-items:center;gap:6px;font-weight:600;opacity:.8}.card-page-description{display:flex;gap:6px;font-size:14px;opacity:.85;line-height:1.4;margin:4px 0}.tier-dot{display:inline-block;width:9px;height:9px;border-radius:50%}.star-row{display:inline-flex;align-items:center;gap:2px;color:#f59e0b}.battle-pass-page{display:flex;flex-direction:column;gap:14px}.battle-pass-summary{background:var(--surface);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.battle-pass-summary-top{display:flex;justify-content:space-between;font-size:14px}.battle-pass-summary-need{opacity:.7;font-size:12px;font-variant-numeric:tabular-nums}.battle-pass-track{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 10px}.bp-column{display:flex;flex-direction:column;align-items:center;gap:6px;flex:0 0 auto;padding:4px;border-radius:14px}.bp-column-current{background:var(--surface);box-shadow:0 0 0 1px var(--accent) inset}.bp-level-label{font-size:11px;opacity:.6;font-variant-numeric:tabular-nums}.bp-column-current .bp-level-label{opacity:1;font-weight:700;color:var(--accent)}.bp-tile{width:58px;height:58px;border-radius:14px;border:none;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1.15;transition:transform .12s ease}.bp-tile-reward{display:flex;flex-direction:column;align-items:center;gap:2px;font-variant-numeric:tabular-nums}.bp-tile-coins{display:inline-flex;align-items:center;gap:2px;font-size:10px;opacity:.85}.bp-tile-free{background:var(--surface-strong);color:var(--tg-theme-text-color, #111111)}.bp-tile-premium{background:linear-gradient(145deg,#ffd76a,#d99a2b);color:#3a2500;box-shadow:0 0 0 1px #d99a2b99 inset}.bp-tile-locked{opacity:.4}.bp-tile-locked-content{display:flex;flex-direction:column;align-items:center;gap:2px}.bp-tile-claimed{opacity:.55}.bp-tile-ready:active{transform:scale(.92)}.bp-tile:disabled{cursor:default}.battle-pass-nav{display:flex;align-items:center;gap:12px;justify-content:center}.battle-pass-nav-page{font-size:13px;opacity:.7;font-variant-numeric:tabular-nums;min-width:44px;text-align:center}.battle-pass-nav button{display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:10px;border:none;background:var(--surface-strong);color:var(--tg-theme-text-color, #111111)}.battle-pass-nav button:disabled{opacity:.35}.battle-pass-claim-all{display:flex;flex-direction:column;gap:8px;margin-top:4px}.battle-pass-claim-all button{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:10px;border:none;background:var(--surface-strong);color:var(--tg-theme-text-color, #111111);font-weight:600}.battle-pass-claim-all button:disabled{opacity:.5}.panel{position:relative;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#142252eb,#0a112cf0);padding:22px 14px 14px;margin:20px 0 12px;box-shadow:0 0 18px #3c6eff1f}.panel-gold{border-color:#f5b942a6}.panel-badge{position:absolute;top:-13px;left:50%;transform:translate(-50%);padding:4px 14px;border:1px solid #7fa8ff;border-radius:6px;background:linear-gradient(180deg,#24409a,#142660);font-family:Unbounded,sans-serif;font-weight:800;font-size:11px;letter-spacing:.08em;white-space:nowrap;text-transform:uppercase}.panel-gold .panel-badge{border-color:var(--gold);background:linear-gradient(180deg,#5a3e0e,#33230a)}.page-title{font-family:Unbounded,sans-serif;font-weight:800;font-size:20px;margin:4px 0 6px}.hint{font-size:12px;font-weight:600;color:var(--muted);line-height:1.45}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row-between{display:flex;justify-content:space-between;align-items:center;gap:8px}.col{display:flex;flex-direction:column;gap:8px}.btn{min-height:42px;padding:0 16px;border-radius:12px;border:1px solid rgba(140,180,255,.55);background:linear-gradient(180deg,#3b6cff,#2347c4);color:#fff;font:inherit;font-weight:800;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;box-shadow:0 0 14px #3b6cff59}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn:active:not(:disabled){transform:translateY(1px)}.btn-ghost{background:#101c46b8;border-color:var(--line);color:#cfe0ff;box-shadow:none}.btn-gold{background:linear-gradient(180deg,#f5c96a,#c98d22);border-color:#ffe2a0;color:#2a1a00;box-shadow:0 0 16px #f5b94273}.btn-danger{background:linear-gradient(180deg,#ff6b88,#c22e4e);border-color:#ffb0c0}.btn-big{min-height:56px;font-size:17px;font-family:Unbounded,sans-serif;width:100%}.btn-sm{min-height:34px;padding:0 12px;font-size:13px;border-radius:10px}.btn-block{width:100%}.grid-btns{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.chip{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#101c46b8;color:#cfe0ff;font:inherit;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}.chip.active{border-color:var(--gold);background:#5a3e0e99;color:#fff}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.input{width:100%;min-height:42px;padding:0 12px;border-radius:10px;border:1px solid var(--line);background:#050a1eb3;color:#e6ecff;font:inherit;font-size:14px}textarea.input{min-height:90px;padding:10px 12px;resize:vertical}select.input option{background:#0b1433}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{border:1px solid var(--line);border-radius:12px;background:#101c4699;padding:10px 8px;text-align:center}.stat-value{font-family:Unbounded,sans-serif;font-weight:800;font-size:16px}.stat-label{font-size:11px;font-weight:700;color:var(--muted);margin-top:2px}.list-row{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;border:1px solid var(--line);background:#101c4699;color:inherit;font:inherit;text-align:left;width:100%}.list-row+.list-row{margin-top:8px}.list-row.me{border-color:var(--gold)}.list-main{flex:1;min-width:0}.list-title{font-weight:800;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list-sub{font-size:12px;font-weight:600;color:var(--muted)}.place{font-family:Unbounded,sans-serif;font-weight:800;width:28px;text-align:center}.progress-thin{height:6px;border-radius:99px;background:#78a0ff2e;overflow:hidden;margin-top:6px}.progress-thin>div{height:100%;background:linear-gradient(90deg,#3b6cff,#7fd4ff)}.progress-thin.done>div{background:linear-gradient(90deg,#2fbf71,#8ff0b8)}.tcard{position:relative;border-radius:12px;overflow:hidden;border:2px solid var(--tier, #6b7a99);box-shadow:0 0 12px color-mix(in srgb,var(--tier, #6b7a99) 55%,transparent);background:#0a1230;aspect-ratio:2 / 3;padding:0;cursor:pointer;display:block;width:100%;color:inherit}.tcard img{width:100%;height:100%;object-fit:cover;display:block}.tcard-label{position:absolute;left:0;right:0;bottom:0;padding:18px 6px 5px;background:linear-gradient(transparent,#030614eb);font-size:11px;font-weight:800;color:#fff;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tcard-badge{position:absolute;top:5px;right:5px;padding:1px 6px;border-radius:6px;font-size:10px;font-weight:800;background:#030614cc;color:var(--gold)}.tcard-new{left:5px;right:auto;background:#2fbf71;color:#fff}.tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tgrid-5{grid-template-columns:repeat(5,1fr);gap:6px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#080e26eb,#040816fa);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.bottom-tab{display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 0;border-radius:10px;color:var(--muted);font-size:11px;font-weight:800;text-decoration:none}.bottom-tab.active{color:#fff;background:#3b6cff33;box-shadow:inset 0 0 0 1px #7fa8ff73}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.top-name{font-family:Unbounded,sans-serif;font-weight:800;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.currencies{display:flex;gap:6px;flex-shrink:0}.cur{display:inline-flex;align-items:center;gap:4px;padding:4px 9px;border-radius:999px;border:1px solid var(--line);background:#101c46b8;font-size:12px;font-weight:800}.toast{position:fixed;left:16px;right:16px;bottom:calc(80px + env(safe-area-inset-bottom));z-index:50;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:#0a1230f7;font-weight:700;font-size:14px;box-shadow:0 6px 24px #00000080;animation:toast-in .2s ease-out}.toast.err{border-color:var(--bad);color:#ffd0da}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.tile{display:flex;flex-direction:column;gap:6px;padding:14px 12px;border-radius:14px;border:1px solid var(--line);background:linear-gradient(180deg,#142252eb,#0a112cf0);color:#e6ecff;text-decoration:none;font:inherit;text-align:left;cursor:pointer}.tile-title{font-family:Unbounded,sans-serif;font-weight:800;font-size:13px}.tile-sub{font-size:11px;font-weight:600;color:var(--muted)}.tile svg{color:#7fd4ff}.tile-gold{border-color:#f5b942a6}.tile-gold svg{color:var(--gold)}.roll-hero{text-align:center;padding:6px 0 4px}.roll-tickets{font-family:Unbounded,sans-serif;font-weight:800;font-size:34px}.chance-row{display:flex;justify-content:space-between;font-size:13px;font-weight:700;padding:4px 0}.reveal{animation:reveal .35s ease-out both}@keyframes reveal{0%{opacity:0;transform:scale(.85) rotateY(70deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#02040ee6;overflow-y:auto;padding:16px 16px 40px}.overlay-inner{max-width:560px;margin:0 auto}.big-card{max-width:260px;margin:10px auto}.kv{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(120,160,255,.15);font-size:14px}.kv span:first-child{color:var(--muted);font-weight:700}.kv span:last-child{font-weight:800;text-align:right}.bar-chart{display:flex;align-items:flex-end;gap:3px;height:90px;margin-top:8px}.bar-chart>div{flex:1;background:linear-gradient(180deg,#7fd4ff,#3b6cff);border-radius:4px 4px 0 0;min-height:2px;position:relative}.bar-chart>div:hover:after{content:attr(data-tip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#0b1433;border:1px solid var(--line);padding:2px 6px;border-radius:6px;font-size:11px;white-space:nowrap}@media (prefers-reduced-motion: reduce){.reveal,.toast{animation:none}}.universe-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;margin-bottom:10px;scrollbar-width:none}.universe-tabs .tab{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#101c46b8;color:#cfe0ff;font-weight:800;font-size:13px;white-space:nowrap;display:inline-flex;align-items:center;gap:4px}.universe-tabs .tab.active{border-color:var(--gold);background:#5a3e0e99;color:#fff}.search-input,.tier-select{min-height:40px;border-radius:10px;border:1px solid var(--line);background:#050a1eb3;color:#e6ecff;font:inherit;font-size:14px}.tier-select option{background:#0b1433}.load-more-button{width:100%;margin-top:12px;min-height:40px;border-radius:12px;border:1px solid var(--line);background:#101c46b8;color:#cfe0ff;font:inherit;font-weight:800}.battle-pass-summary,.progress-row{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,#142252eb,#0a112cf0)}.progress-bar-track{background:#78a0ff2e}.progress-bar-fill{background:linear-gradient(90deg,#3b6cff,#7fd4ff)}.bp-tile{border-color:var(--line);background:#101c46b8;color:#e6ecff}.bp-tile-premium{background:linear-gradient(180deg,#f5c96a59,#78500a80);border-color:#f5b942a6}.bp-column-current{border-color:var(--gold)}.empty{color:var(--muted)}