.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:272px;flex-shrink:0;background:color-mix(in srgb,var(--surface) 68%,transparent);backdrop-filter:blur(20px) saturate(1.35);-webkit-backdrop-filter:blur(20px) saturate(1.35);border-right:1px solid var(--border-alpha);display:flex;flex-direction:column;padding:16px;overflow-y:auto;box-shadow:inset -1px 0 0 var(--border-alpha)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--border-alpha)}.logo{font-weight:800;font-size:1.2rem;letter-spacing:-.02em;color:var(--accent);display:inline-flex;align-items:center;gap:6px}.sidebar-actions{display:flex;gap:8px;align-items:center;position:relative;z-index:10}.icon-btn,.lang-toggle,.notifications-bell__toggle{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none;color:var(--text);font-size:.9rem;font-weight:600;transition:transform .12s ease,background .2s ease,box-shadow .2s ease,border-color .2s ease}.icon-btn:hover,.lang-toggle:hover,.notifications-bell__toggle:hover{background:var(--surface-3);transform:translateY(-1px);box-shadow:0 6px 16px #0000002e}.icon-btn:focus-visible,.lang-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav{flex:1;display:flex;flex-direction:column;gap:2px}.nav-link{position:relative;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:var(--radius);color:var(--muted);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .18s ease,background .18s ease,transform .12s ease,box-shadow .18s ease;overflow:hidden}.nav-link:before{content:"";position:absolute;top:50%;left:14px;width:28px;height:28px;translate:0 50%;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 11%,transparent);opacity:0;transition:opacity .22s ease}.nav-link:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent);color:var(--text);transform:translate(3px);box-shadow:0 4px 12px #0000001f}.nav-link:hover:before{opacity:1}.nav-link.active{color:var(--accent-text);background:color-mix(in srgb,var(--accent) 14%,transparent);box-shadow:0 0 0 2px var(--accent-glow);animation:nav-glow 1.6s ease-in-out infinite alternate}@keyframes nav-glow{0%{box-shadow:0 0 0 2px var(--accent-glow),0 0 8px 2px #0000001f}to{box-shadow:0 0 0 3px var(--accent-glow),0 0 14px 4px #00000038}}.nav-link.active:after{content:"";position:absolute;right:-10px;top:50%;translate:0 -50%;width:6px;height:6px;border-radius:999px;background:var(--accent);box-shadow:0 0 8px var(--accent)}.nav-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;font-size:1.1rem;line-height:1;border-radius:var(--radius);background:color-mix(in srgb,var(--surface-3) 55%,transparent);color:var(--muted)}.nav-link:hover .nav-icon,.nav-link.active .nav-icon{background:color-mix(in srgb,var(--accent) 18%,transparent);color:var(--accent-text)}.user-bar{margin-top:auto;border-top:1px solid var(--border-alpha);padding-top:16px;display:flex;flex-direction:column;gap:10px}.user-head--clickable{width:100%;font:inherit;color:inherit;cursor:pointer;text-align:left}.user-head--clickable:hover{background:color-mix(in srgb,var(--surface-2) 85%,transparent);border-color:var(--accent)}.user-head--clickable:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.user-head{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface-2) 55%,transparent);border:1px solid var(--border-alpha)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex-shrink:0;border-radius:999px;font-size:.95rem;font-weight:700;color:var(--accent-text);background:var(--accent);box-shadow:0 0 10px 2px var(--accent-glow)}.user-name{font-size:.95rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge--admin{margin-left:auto;font-size:.7rem;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--gold) 22%,transparent);color:var(--gold-light);border:1px solid var(--gold)}.user-balance{display:flex;flex-direction:column;gap:4px}.coins{font-weight:700;color:var(--text);font-size:1rem}.dust{font-size:.85rem;color:var(--muted)}.logout-btn{width:100%;padding:10px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--danger) 9%,transparent);color:var(--danger);font-weight:600;transition:background .2s ease,transform .15s ease,box-shadow .2s ease}.logout-btn:hover{background:var(--danger-bg);transform:translateY(-1px);box-shadow:0 4px 14px #ef44442e}.lang-select{display:flex;gap:6px;flex-wrap:wrap}.lang-pill{flex:1 1 auto;min-width:100px;padding:8px 10px;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 70%,transparent);color:var(--muted);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease}.lang-pill:hover{background:color-mix(in srgb,var(--surface-3) 78%,transparent);color:var(--text)}.lang-pill--active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent-text);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:55}.settings-modal{position:fixed;top:72px;right:20px;z-index:60;min-width:220px;max-width:min(280px,calc(100vw - 40px));background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-lg);animation:fade-in .18s ease,scale-in .18s ease}@keyframes scale-in{0%{opacity:0;transform:scale(.94) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-title{font-size:.85rem;font-weight:700;color:var(--muted);margin:0 0 12px;text-transform:uppercase;letter-spacing:.04em}.settings-section{display:flex;flex-direction:column;gap:8px}.settings-label{font-size:.78rem;color:var(--muted)}.main{flex:1;overflow:auto;padding:24px}.mobile-header,.mobile-nav,.mobile-drawer,.drawer-backdrop{display:none}@media(max-width:900px){.layout{flex-direction:column}.sidebar{display:none}.main{padding:72px 14px 92px}.mobile-header{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 12px;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.mobile-header__start{display:flex;align-items:center;gap:8px;min-width:0}.mobile-header .logo{font-size:1rem}.mobile-actions{display:flex;gap:6px;align-items:center}.drawer-toggle{flex-shrink:0}.drawer-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:45;animation:fade-in .2s ease}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(280px,85vw);display:flex;flex-direction:column;padding:16px;background:var(--surface);border-right:1px solid var(--border);box-shadow:var(--shadow-lg);animation:slide-in .25s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.mobile-drawer .nav{flex:1;overflow-y:auto}.mobile-drawer .nav-link{padding:14px 16px;min-height:48px;font-size:1rem}.mobile-drawer .user-bar{margin-top:auto;border-top:1px solid var(--border);padding-top:14px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-nav{position:fixed;left:8px;right:8px;bottom:8px;z-index:40;display:flex;gap:4px;padding:6px;background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow-x:auto;scrollbar-width:none}.mobile-nav::-webkit-scrollbar{display:none}.mobile-nav-link{flex:1 0 68px;min-width:68px;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 6px;border-radius:var(--radius);color:var(--muted);font-size:.65rem;font-weight:600;transition:background .2s ease,color .2s ease,transform .15s ease}.mobile-nav-link:hover{background:var(--surface-2);color:var(--text)}.mobile-nav-link.active{background:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-sm)}.mobile-nav-icon{font-size:1.5rem;line-height:1}.mobile-nav-label{white-space:nowrap}}.auth-form{width:100%;max-width:360px;margin:auto;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:14px}.auth-form h1{color:var(--accent);font-size:1.6rem;text-align:center;margin-bottom:4px}.auth-form input{padding:12px 14px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.auth-form button{padding:12px;background:var(--accent);color:var(--accent-text);font-weight:700;border:none;border-radius:var(--radius);font-size:1rem;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.auth-form button:hover{transform:translateY(-2px);box-shadow:var(--shadow);filter:brightness(1.05)}.auth-form .small{font-size:.875rem;color:var(--muted);text-align:center}.auth-form .error{color:var(--danger);text-align:center;font-weight:500}.centered-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.error{color:var(--danger);font-weight:500}.home-header h1{color:var(--accent);margin-bottom:6px;font-size:1.75rem}.home-header p{color:var(--muted);margin-bottom:12px}.balance-bar{display:inline-flex;flex-wrap:wrap;gap:10px;margin:12px 0;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);color:var(--muted);font-size:.95rem;font-weight:500}.balance-bar span{color:var(--text)}.pack-list h2{color:var(--accent);margin:24px 0 14px;font-size:1.25rem}.packs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px}.pack-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;position:relative;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.pack-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.pack-card.soldout{opacity:.55;filter:grayscale(.6)}.pack-image{font-size:2.5rem;text-align:center;margin-bottom:12px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border-radius:var(--radius)}.pack-name{font-weight:700;text-align:center;font-size:1rem}.pack-meta{font-size:.8rem;color:var(--muted);text-align:center;margin:6px 0 10px}.pack-actions{display:flex;gap:8px;margin:10px 0}.home{display:flex;flex-direction:column;gap:22px;max-width:1200px;margin:0 auto}.home-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px;border-radius:var(--radius-xl);background:linear-gradient(135deg,color-mix(in srgb,var(--panel) 72%,transparent),color-mix(in srgb,var(--surface-2) 55%,transparent));border:1px solid var(--border);box-shadow:var(--shadow)}.home-hero__glow{position:absolute;top:-60px;right:-60px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,var(--accent-glow),transparent 70%);filter:blur(40px);pointer-events:none}.home-hero__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(color-mix(in srgb,var(--border) 25%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--border) 25%,transparent) 1px,transparent 1px);background-size:48px 48px;opacity:.45;mask-image:radial-gradient(ellipse 70% 80% at 80% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 80% at 80% 50%,black 20%,transparent 70%);pointer-events:none}.home-hero__content{position:relative;z-index:1;flex:1;min-width:0}.home-hero h1{font-size:2rem;margin:0 0 4px;color:var(--text);letter-spacing:-.02em;line-height:1.2}.home-hero__name{background:linear-gradient(135deg,var(--accent),var(--accent-light),#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.home-hero p{margin:0 0 16px;color:var(--muted);font-size:.95rem}.home-xp{display:flex;align-items:center;gap:14px;max-width:440px}.home-xp__track{flex:1;height:10px;border-radius:999px;background:color-mix(in srgb,var(--border) 50%,transparent);overflow:hidden;box-shadow:inset 0 1px 3px #00000026}.home-xp__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-light));transition:width .6s cubic-bezier(.22,1,.36,1);box-shadow:0 0 8px var(--accent-glow)}.home-xp__label{font-size:.75rem;color:var(--muted);white-space:nowrap;font-weight:600}.home-level{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:96px;padding:16px 20px;border-radius:var(--radius-lg);border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface));box-shadow:0 0 20px var(--accent-glow),var(--shadow-sm)}.home-level__num{font-size:2.2rem;font-weight:900;color:var(--accent);line-height:1}.home-level__label{font-size:.7rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-top:2px}.home-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.home-stat{display:flex;align-items:center;gap:14px;padding:20px 18px;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 60%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.home-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.home-stat--purple{background:linear-gradient(135deg,color-mix(in srgb,#a855f7 10%,transparent),color-mix(in srgb,#ec4899 8%,transparent));border-color:color-mix(in srgb,#a855f7 25%,var(--border))}.home-stat--blue{background:linear-gradient(135deg,color-mix(in srgb,#3b82f6 10%,transparent),color-mix(in srgb,#06b6d4 8%,transparent));border-color:color-mix(in srgb,#3b82f6 25%,var(--border))}.home-stat--amber{background:linear-gradient(135deg,color-mix(in srgb,#f59e0b 10%,transparent),color-mix(in srgb,#f97316 8%,transparent));border-color:color-mix(in srgb,#f59e0b 25%,var(--border))}.home-stat__icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:color-mix(in srgb,var(--surface) 55%,transparent);color:var(--text);flex-shrink:0}.home-stat--purple .home-stat__icon{color:#a855f7}.home-stat--blue .home-stat__icon{color:#3b82f6}.home-stat--amber .home-stat__icon{color:#f59e0b}.home-stat__label{margin:0;font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.home-stat__value{margin:0;font-size:1.5rem;font-weight:900;color:var(--text);line-height:1.1}.home-stat__hint{margin:0;font-size:.68rem;color:var(--muted)}.home-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.home-action{display:flex;align-items:center;gap:16px;padding:20px;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 55%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow-sm)}.home-action:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--accent)}.home-action__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);flex-shrink:0}.home-action__body{flex:1;min-width:0}.home-action__label{margin:0 0 6px;font-size:.75rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.03em}.home-action__value{margin:0;font-size:1rem;font-weight:700;color:var(--text)}.home-action__bar{height:8px;border-radius:999px;background:color-mix(in srgb,var(--border) 50%,transparent);overflow:hidden}.home-action__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#3b82f6,#a855f7);transition:width .5s cubic-bezier(.22,1,.36,1);box-shadow:0 0 6px #8b5cf666}.home-action__pct{font-weight:900;color:#3b82f6;font-size:1.1rem}.home-action__arrow{color:var(--muted);transition:transform .2s ease}.home-action:hover .home-action__arrow{transform:translate(3px);color:var(--accent)}.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:start}.home-col{display:flex;flex-direction:column;gap:20px;min-width:0}.home-panel{padding:22px}.home-panel__title{display:flex;align-items:center;gap:10px;margin:0 0 16px;font-size:1.05rem;font-weight:700;color:var(--text)}.home-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.home-panel__head .home-panel__title{margin:0}.home-panel__count{font-size:.8rem;color:var(--muted)}.home-free-btn{width:100%;margin-bottom:16px;padding:14px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,#10b981,#2dd4bf,#06b6d4);background-size:200% 200%;color:#fff;font-weight:800;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background-position .4s ease;box-shadow:0 4px 16px #10b98159;animation:free-shimmer 3s ease-in-out infinite}@keyframes free-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.home-free-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #10b98173}.home-free-wait,.home-daily-wait{margin:0 0 16px;font-size:.85rem;color:var(--muted);text-align:center;padding:12px;border-radius:var(--radius);background:color-mix(in srgb,var(--surface-2) 45%,transparent)}.home-pack-list{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}.home-pack{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:14px;border-radius:var(--radius-lg);border:1.5px solid var(--border);background:color-mix(in srgb,var(--surface-2) 55%,transparent);color:var(--text);cursor:pointer;text-align:left;transition:border-color .2s ease,background .2s ease,transform .15s ease,box-shadow .2s ease}.home-pack:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.home-pack.is-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface));box-shadow:0 0 0 3px var(--accent-glow),var(--shadow-sm)}.home-pack.is-soldout{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.home-pack__info{display:flex;align-items:center;gap:10px;min-width:0}.home-pack__icon{font-size:1.5rem;width:40px;height:40px;object-fit:contain;flex-shrink:0}.home-pack__name{font-weight:700;display:block}.home-pack__desc{margin:2px 0 0;font-size:.75rem;color:var(--muted)}.home-pack__cost{font-weight:800;color:var(--gold);white-space:nowrap;font-size:.9rem}.home-pack__owned{display:block;font-size:.7rem;font-weight:700;color:var(--success);margin-bottom:2px}.home-pack-actions{display:flex;gap:8px;margin-bottom:12px}.home-pack-actions .btn{flex:1}.home-buy-btn{border:1px solid var(--border-strong)!important;background:var(--surface)!important}.home-pack__soldout{font-size:.8rem;font-weight:800;color:var(--danger)}.home-qty{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px}.home-qty__label{font-size:.8rem;color:var(--muted)}.home-qty__btn{min-width:36px;padding:6px 10px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--muted);font-weight:700;cursor:pointer;transition:all .15s ease}.home-qty__btn.is-active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.home-open-btn{width:100%;font-size:1rem}.home-pack-actions .home-open-btn{width:auto}.home-claim-btn{width:100%;margin-top:16px;padding:12px;border:none;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#3f2205;font-weight:800;font-size:.95rem;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 10px #d977064d}.home-claim-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #d9770666}.home-daily{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.home-daily__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1 / 1;border-radius:var(--radius);background:color-mix(in srgb,var(--border) 35%,transparent);font-size:.7rem;font-weight:700;color:var(--muted);transition:all .2s ease;border:1.5px solid transparent}.home-daily__cell.is-current{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#0f172a;border-color:#f59e0b;box-shadow:0 0 16px color-mix(in srgb,#f59e0b 50%,transparent),0 4px 12px color-mix(in srgb,#f59e0b 30%,transparent);animation:home-pulse 1.8s ease-in-out infinite}.home-daily__cell.is-claimed{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.home-daily__icon{font-size:.85rem;line-height:1}.home-daily__day{font-size:.6rem}@keyframes home-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.home-daily-msg{margin:14px 0 0;font-size:.82rem;color:var(--success);text-align:center;padding:10px;border-radius:var(--radius);background:color-mix(in srgb,var(--success) 8%,transparent)}.home-recent{display:flex;flex-direction:column;gap:10px}.home-recent__card{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 55%,transparent);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.home-recent__card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.home-recent__card--mythic{border-color:color-mix(in srgb,#f59e0b 50%,var(--border));box-shadow:0 0 16px color-mix(in srgb,#f59e0b 20%,transparent)}.home-recent__card--legendary{border-color:color-mix(in srgb,#ef4444 50%,var(--border));box-shadow:0 0 16px color-mix(in srgb,#ef4444 20%,transparent)}.home-recent__card--elite{border-color:color-mix(in srgb,#8b5cf6 40%,var(--border))}.home-recent__thumb{width:44px;height:60px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-3)}.home-recent__thumb img{width:100%;height:100%;object-fit:cover}.home-recent__body{flex:1;min-width:0}.home-recent__name{margin:0 0 4px;font-weight:700;font-size:.95rem;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-recent__owner{margin:4px 0 0;font-size:.75rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-recent__value{text-align:right}.home-recent__value-label{display:block;font-size:.7rem;color:var(--muted)}.home-recent__value-num{font-weight:800;color:#f59e0b}.home-recent__value-num.is-graded{color:#10b981}.home-recent__value-num.is-ungraded{color:#f59e0b}.home-missions{display:flex;flex-direction:column;gap:12px}.home-mission{padding:14px;border-radius:var(--radius-lg);border:1px solid var(--border);background:color-mix(in srgb,var(--surface-2) 55%,transparent);transition:border-color .2s ease,box-shadow .2s ease}.home-mission.is-claimed{background:color-mix(in srgb,var(--success) 8%,var(--surface));border-color:color-mix(in srgb,var(--success) 30%,var(--border))}.home-mission.is-complete{border-color:var(--success);box-shadow:0 0 16px color-mix(in srgb,var(--success) 20%,transparent);animation:home-pulse 1.8s ease-in-out infinite}.home-mission__head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.home-mission__name{font-size:.9rem;font-weight:600;color:var(--text)}.home-mission__status{font-size:.7rem;font-weight:700;color:var(--muted)}.home-mission.is-claimed .home-mission__status,.home-mission.is-complete .home-mission__status{color:var(--success)}.home-mission__track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--border) 50%,transparent);overflow:hidden;margin-bottom:10px}.home-mission__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--success),#4ade80);transition:width .5s cubic-bezier(.22,1,.36,1)}.home-mission__foot{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--muted)}.home-mission__reward{font-weight:700;color:var(--text)}.home-mission__claim{width:100%;margin-top:12px;padding:10px;border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--success),#4ade80);color:#fff;font-weight:800;cursor:pointer;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease;box-shadow:0 2px 8px #22c55e4d}.home-mission__claim:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 14px #22c55e66}.home-mission__claim:disabled{opacity:.6;cursor:not-allowed}.home-mission__done{display:block;margin-top:8px;text-align:center;font-size:.75rem;font-weight:700;color:var(--success)}.home-mission-msg{margin:12px 0 0;font-size:.82rem;color:var(--success);text-align:center;padding:10px;border-radius:var(--radius);background:color-mix(in srgb,var(--success) 8%,transparent)}.home-view-all{width:100%;margin-top:14px;padding:10px;border:none;border-radius:var(--radius);background:transparent;color:var(--accent);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.home-view-all:hover{background:color-mix(in srgb,var(--accent) 8%,transparent)}.home-empty{font-size:.85rem;color:var(--muted);text-align:center;padding:20px 8px}@media(max-width:1100px){.home-grid{grid-template-columns:repeat(2,1fr)}.home-col:last-child{grid-column:1 / -1}}@media(max-width:640px){.home-hero{flex-direction:column;align-items:flex-start;padding:20px;gap:16px}.home-hero h1{font-size:1.5rem}.home-level{flex-direction:row;gap:8px;width:100%}.home-stats,.home-actions,.home-grid{grid-template-columns:1fr}.home-col:last-child{grid-column:auto}.home-daily{gap:4px}.home-xp{max-width:100%}}.btn{flex:1;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.875rem;font-weight:600;transition:transform .15s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.btn:hover:not(:disabled){background:var(--surface-2);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);color:var(--accent-text);border-color:transparent}.btn.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--shadow)}.btn-sm{flex:0 0 auto;padding:6px 10px;font-size:.8rem}.pack-owned{font-size:.8rem;color:var(--muted);text-align:center;margin-top:4px}@media(max-width:640px){.packs-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.pack-card{padding:12px}.pack-image{font-size:2rem;height:56px}.pack-actions{flex-direction:column}.pack-actions .btn{width:100%}}@media(max-width:480px){.packs-grid{grid-template-columns:repeat(2,1fr)}}.soldout-badge{position:absolute;top:10px;right:10px;background:var(--danger-bg);color:var(--danger);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:4px 8px;border-radius:999px;border:1px solid var(--danger)}.free-btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#3f2205;border:none;border-radius:var(--radius);font-weight:800;font-size:1rem;margin:8px 0 16px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .2s ease}.free-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stub-page{padding:0;max-width:1100px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.stat{background:var(--surface);border:1px solid var(--border);padding:18px 14px;border-radius:var(--radius-lg);text-align:center;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease}.stat:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.stat-v{font-size:1.6rem;color:var(--accent);font-weight:800;line-height:1}.stat-l{font-size:.7rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-weight:700}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,140px));justify-content:start;align-content:start;gap:16px}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:20px}.pager__info{font-size:.85rem;color:var(--muted);min-width:130px;text-align:center}.card-grid.grid-large{grid-template-columns:repeat(5,1fr)}@media(max-width:640px){.card-grid{grid-template-columns:repeat(auto-fill,minmax(110px,110px));gap:12px}.card-grid.grid-large{grid-template-columns:repeat(3,1fr)}.card .card-img{aspect-ratio:2/3}}@media(max-width:480px){.card-grid,.card-grid.grid-large{grid-template-columns:repeat(2,1fr);justify-content:center}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card .card-img{width:100%;aspect-ratio:2/3;object-fit:contain;display:block;background:var(--surface-2)}.card-select-area{display:block;cursor:pointer;position:relative}.card-clickable{cursor:pointer;display:block}.card-clickable:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.card-select-area input[type=checkbox]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-body{padding:12px}.card-name{font-weight:700;font-size:.95rem;line-height:1.25}.card-meta{font-size:.75rem;color:var(--muted);margin-top:4px;line-height:1.3}.empty{color:var(--muted);text-align:center;padding:32px;font-size:1rem}.card-common{border-color:var(--border-strong)}.card-uncommon{border-color:#22c55e73}.card-rare{border-color:#3b82f680}.card-elite{border-color:#a855f78c}.card-mythic{border-color:#ec489999}.card-legendary{border-color:#fbbf24b3;box-shadow:0 0 14px #fbbf242e}.card-selected{box-shadow:0 0 0 2px var(--accent-glow),var(--shadow)}.card[role=button]{position:relative;cursor:pointer}.card[role=button]:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-selected .card-img{opacity:.85}.card-check{position:absolute;top:8px;left:8px;z-index:2;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface);border:2px solid var(--border-strong);color:var(--accent-text);font-size:.8rem;font-weight:700;transition:background .15s ease,border-color .15s ease,transform .15s ease}.card-selected .card-check{background:var(--accent);border-color:var(--accent);transform:scale(1.08)}.card-history-btn{position:absolute;top:8px;right:8px;z-index:2;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-sm);background:var(--glass);color:var(--text);font-size:.85rem;cursor:pointer;opacity:.75;transition:opacity .15s ease,background .15s ease,transform .1s ease}.card-history-btn:hover{opacity:1;background:var(--accent);color:var(--accent-text)}.card-history-btn:active{transform:scale(.92)}.card-media{position:relative}.psa-slab{position:relative;display:flex;flex-direction:column;width:100%;aspect-ratio:2 / 3.4;padding:7px;box-sizing:border-box;border-radius:12px;background:linear-gradient(180deg,#e6eefc29,#c8d4e60f);border:1.5px solid rgba(235,242,255,.38);box-shadow:inset 0 1px #ffffff24,0 3px 12px #0000004d}.psa-slab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;pointer-events:none;background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.12) 42%,transparent 54%)}.psa-slab__window{position:relative;flex:1;min-height:0;border-radius:8px;padding:9px;background:#ffffff09;border:1px solid rgba(255,255,255,.09);overflow:hidden}.psa-slab__img{width:100%;height:100%;object-fit:contain;display:block}.psa-slab__shimmer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,60,90,.2) 32%,rgba(255,180,60,.2) 38%,rgba(90,255,160,.2) 44%,rgba(90,180,255,.2) 50%,rgba(170,90,255,.2) 56%,rgba(255,60,190,.2) 62%,transparent 74%);background-size:250% 250%;background-position:0% 0%;mix-blend-mode:screen;animation:card-holo 5s ease-in-out infinite}.psa-slab__label{display:flex;align-items:center;gap:7px;margin-top:6px;padding:4px 10px;border-radius:8px;background:linear-gradient(180deg,#141a26,#1e2736);border:1px solid rgba(255,255,255,.14);box-shadow:0 1px 4px #00000059}.psa-slab__brand{font-size:.62rem;font-weight:800;letter-spacing:.14em;color:#9fb4ff;text-shadow:0 0 6px rgba(120,150,255,.8)}.psa-slab__num{font-size:1.1rem;font-weight:900;line-height:1;font-family:HelveticaNeueCondensedBold,Helvetica,Arial,sans-serif}.psa-slab__quality{margin-left:auto;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.psa-slab--gold .psa-slab__label{border-color:#ffcd428c}.psa-slab--gold .psa-slab__num{color:#ffd35c;text-shadow:0 0 10px rgba(255,205,66,.7)}.psa-slab--gold .psa-slab__quality{color:#ffd35c}.psa-slab--black .psa-slab__label{border-color:#9696a5b3}.psa-slab--black .psa-slab__num{color:#fff;text-shadow:0 0 12px rgba(255,255,255,.9)}.psa-slab--black .psa-slab__quality{color:#cfcfcf}.psa-slab--silver .psa-slab__num{color:#c7d2e0;text-shadow:0 0 8px rgba(199,210,224,.6)}.psa-slab--silver .psa-slab__quality{color:#b6c2d1}.psa-slab--bronze .psa-slab__num{color:#e0a77c;text-shadow:0 0 8px rgba(224,167,124,.5)}.psa-slab--bronze .psa-slab__quality{color:#d99b6c}.psa-slab--plain .psa-slab__num{color:#aeb6c2}.psa-slab--plain .psa-slab__quality{color:#9aa3b0}.psa-slab--lg{padding:11px;border-radius:15px}.psa-slab--lg:before{border-radius:15px}.psa-slab--lg .psa-slab__window{border-radius:10px;padding:12px}.psa-slab--lg .psa-slab__label{margin-top:7px;padding:6px 14px;border-radius:10px;gap:10px}.psa-slab--lg .psa-slab__brand{font-size:.8rem}.psa-slab--lg .psa-slab__num{font-size:2rem}.psa-slab--lg .psa-slab__quality{font-size:.78rem}.grading-result__card .psa-slab{aspect-ratio:auto;height:100%}.card--graded{position:relative;overflow:hidden}.card--graded .card-media{overflow:hidden}@keyframes card-holo{0%{background-position:200% 0%}to{background-position:-100% 0%}}.card-unlocked{border-color:var(--success);box-shadow:0 0 12px #22c55e1f}.opening-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;overflow-y:auto}.opening-stage{text-align:center;color:var(--text);max-height:90vh;overflow-y:auto;padding:20px;box-sizing:border-box;width:100%}.pack-spin{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;animation:pack-entrance .5s ease-out both;perspective:600px}.pack-graphic{width:160px;height:220px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#2563eb,#7c3aed,#db2777);display:flex;align-items:center;justify-content:center;box-shadow:0 20px 50px #00000080,0 0 0 4px #ffffff1a;animation:pack-spin 1.3s ease-in-out both;margin-bottom:20px;transform-style:preserve-3d;overflow:hidden}.pack-graphic--image{background:transparent;box-shadow:none;border-radius:0;border:none}.pack-graphic--image .pack-icon{width:160px;height:220px}.pack-icon{display:block;font-size:80px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));width:120px;height:120px;object-fit:contain}.pack-opening-text{margin:0;font-size:1.1rem;font-weight:600;color:var(--text);letter-spacing:.05em;animation:pulse-soft 1.2s ease-in-out infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.55}}.pack-counter{font-size:.9rem;color:var(--muted);margin-top:8px}@keyframes pack-entrance{0%{opacity:0;transform:scale(.5) translate(-120px,120px)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes pack-spin{0%{transform:scale(1) rotateY(0);opacity:1}45%{transform:scale(1.15) rotateY(180deg);opacity:1}85%{transform:scale(1.05) rotateY(360deg);opacity:.8}to{transform:scale(0) rotateY(360deg);opacity:0}}.opening-reveal{max-width:min(92vw,960px);margin:0 auto;animation:reveal-fade-in .5s ease-out both}.opening-reveal h3{color:var(--accent);font-size:1.75rem;margin-bottom:24px;text-shadow:0 2px 10px rgba(0,0,0,.3)}.opening-reveal>p{color:var(--muted);font-size:.95rem;margin-bottom:20px}@keyframes reveal-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.opening-cards{display:flex;align-items:flex-end;justify-content:center;min-height:280px;margin-bottom:24px;position:relative}.opening-cards.is-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px;align-items:start;min-height:auto}.opening-card{position:relative;width:150px;flex-shrink:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg);transform-origin:center bottom;opacity:0;transform:translateY(100px) scale(.6) rotate(var(--angle, 0deg));transition:transform .35s ease,box-shadow .3s ease;z-index:1}.opening-reveal .opening-card{animation:card-pop .55s cubic-bezier(.22,1,.36,1) forwards;animation-delay:calc(var(--i) * .18s)}@keyframes card-pop{to{opacity:1;transform:translateY(0) scale(1) rotate(var(--angle, 0deg))}}.opening-cards.is-fan .opening-card{margin-left:-50px}.opening-cards.is-fan .opening-card:first-child{margin-left:0}.opening-card.is-rare{z-index:2}.opening-card:hover{z-index:50;transform:translateY(-18px) scale(1.12) rotate(0)!important;box-shadow:0 24px 48px #0006}.opening-cards.is-grid .opening-card{margin-left:0;transform:translateY(40px) scale(.85)}.opening-reveal .opening-cards.is-grid .opening-card{animation-delay:calc(var(--i) * .1s)}.opening-cards.is-grid .opening-card:hover{transform:translateY(-10px) scale(1.05) rotate(0)!important}.opening-card .card-img{width:100%;aspect-ratio:2/3;object-fit:contain;display:block;background:var(--surface-2)}.opening-card .card-name{padding:10px;font-size:.85rem;text-align:center;font-weight:700;color:var(--text)}.rarity-pill{display:inline-block;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:999px;background:var(--surface-2);color:var(--muted);margin-left:4px;vertical-align:middle}.card-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:50%;filter:blur(26px);opacity:.65;pointer-events:none;z-index:-1;animation:glow-pulse 2s ease-in-out infinite}.card-elite .card-glow{background:#a855f78c}.card-mythic .card-glow{background:#ec489999}.card-legendary .card-glow{background:#fbbf24b3}@keyframes glow-pulse{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.15);opacity:.85}}.rare-badge{position:absolute;top:8px;right:8px;background:#000000bf;color:#fbbf24;font-size:.65rem;font-weight:800;padding:3px 7px;border-radius:999px;pointer-events:none}.continue-btn{opacity:0;transform:translateY(12px);transition:opacity .4s ease,transform .4s ease,background .2s ease,box-shadow .2s ease;pointer-events:none}.continue-btn.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.grading-reveal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:60;padding:20px;overflow-y:auto}.grading-reveal-stage{text-align:center;color:var(--text);overflow:visible;padding:20px;box-sizing:border-box;width:100%;display:flex;flex-direction:column}.grading-analyzing{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;perspective:600px}.grading-card{position:relative;width:220px;height:320px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 50px #00000080,0 0 0 4px #ffffff26;animation:grading-card-in .5s ease-out both}.grading-card__img{width:100%;height:100%;object-fit:cover;filter:blur(4px) brightness(.6)}.grading-card__scanner{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent,rgba(37,99,235,.25) 45%,rgba(37,99,235,.55) 50%,rgba(37,99,235,.25) 55%,transparent);background-size:100% 260%;background-repeat:no-repeat;animation:grading-scan 1.6s ease-in-out infinite}.grading-card__question{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:90px;font-weight:900;color:#ffffffe6;text-shadow:0 4px 20px rgba(0,0,0,.6);animation:grading-blink 1.6s ease-in-out infinite}.grading-analyzing__text{margin-top:24px;font-size:1.1rem;font-weight:600;color:var(--text);animation:pulse-soft 1.2s ease-in-out infinite}@keyframes grading-card-in{0%{opacity:0;transform:rotateY(90deg) scale(.6)}to{opacity:1;transform:rotateY(0) scale(1)}}@keyframes grading-scan{0%{background-position:0 -80%}to{background-position:0 180%}}@keyframes grading-blink{0%,to{opacity:.4}50%{opacity:1}}.grading-reveal{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;flex:1;padding-top:30px;box-sizing:border-box;animation:reveal-fade-in .5s ease-out both}.grading-result{position:relative;display:flex;flex-direction:column;align-items:center}.grading-result__glow{position:absolute;top:-30px;left:50%;margin-left:-160px;width:320px;height:320px;border-radius:50%;filter:blur(60px);opacity:.6;animation:glow-pulse 1.8s ease-in-out infinite;z-index:0}.grading-result--perfect .grading-result__glow{background:radial-gradient(circle,#fbbf24,transparent 70%)}.grading-result--great .grading-result__glow{background:radial-gradient(circle,#f97316,transparent 70%)}.grading-result--good .grading-result__glow{background:radial-gradient(circle,#3b82f6,transparent 70%)}.grading-result--average .grading-result__glow{background:radial-gradient(circle,#22c55e,transparent 70%)}.grading-result--low .grading-result__glow{background:radial-gradient(circle,#64748b,transparent 70%)}.grading-result__card{position:relative;z-index:1;width:180px;height:260px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 16px 40px #00000080;animation:card-pop .6s cubic-bezier(.34,1.56,.64,1) both}.grading-result__img{width:100%;height:100%;object-fit:cover}.grading-result__grade{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;margin-top:24px}.grading-result__num{font-size:5rem;font-weight:900;line-height:1;color:#fff;text-shadow:0 0 30px rgba(255,255,255,.4);animation:grading-pop .7s cubic-bezier(.34,1.56,.64,1) both}.grading-result__qname{font-size:1.15rem;font-weight:800;letter-spacing:.05em}.grading-result__qname--perfect{color:#fbbf24}.grading-result__qname--great{color:#f97316}.grading-result__qname--good{color:#3b82f6}.grading-result__qname--average{color:#22c55e}.grading-result__qname--low{color:#94a3b8}@keyframes grading-pop{0%{opacity:0;transform:scale(2.6) rotate(-8deg)}to{opacity:1;transform:scale(1) rotate(0)}}.grading-reveal__continue{margin-top:auto;margin-bottom:10px}@media(max-width:640px){.grading-card{width:160px;height:240px}.grading-result__card{width:130px;height:190px}.grading-result__num{font-size:3.5rem}}@media(max-width:640px){.pack-graphic{width:120px;height:170px}.pack-icon{font-size:60px}.opening-card{width:120px}.opening-card .card-img{aspect-ratio:2/3}.opening-cards.is-fan .opening-card{margin-left:-70px}}.notifications-bell{position:relative}.notifications-bell__toggle{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1.1rem;transition:transform .15s ease,background .2s ease,box-shadow .2s ease}.notifications-bell__toggle:hover{background:var(--surface-3);transform:translateY(-1px)}.notifications-bell__badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--danger);color:#fff;font-size:.65rem;font-weight:800;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}.notifications-bell__dropdown{position:absolute;top:calc(100% + 8px);right:0;width:min(360px,calc(100vw - 32px));max-height:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:60;display:flex;flex-direction:column;overflow:hidden}.notifications-bell__header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}.notifications-bell__title{font-weight:700;font-size:.95rem}.notifications-bell__mark-all{background:transparent;border:none;color:var(--accent);font-size:.75rem;font-weight:600;cursor:pointer;padding:0}.notifications-bell__mark-all:hover{text-decoration:underline}.notifications-bell__list{overflow-y:auto;max-height:360px}.notifications-bell__empty{padding:28px;text-align:center;color:var(--muted);font-size:.9rem}.notifications-bell__item{width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border);padding:12px 14px;display:flex;flex-direction:column;gap:4px;cursor:pointer;transition:background .15s ease}.notifications-bell__item:last-child{border-bottom:none}.notifications-bell__item:hover{background:var(--surface-2)}.notifications-bell__item--read{opacity:.7}.notifications-bell__message{color:var(--text);font-size:.85rem;line-height:1.35}.notifications-bell__time{color:var(--muted);font-size:.7rem}.auction-pack-img{max-width:120px;max-height:120px;object-fit:contain;font-size:40px}.btn.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.btn.danger:hover:not(:disabled){background:var(--danger);color:#fff}.panel{background:color-mix(in srgb,var(--panel) 65%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius-xl);padding:22px;box-shadow:var(--shadow-sm)}.panel-muted{background:var(--surface-2)}.section-title{color:var(--accent);font-size:1.1rem;font-weight:700;margin-bottom:12px}.section-subtitle{color:var(--muted);font-size:.9rem;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;align-items:end}.form-label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px;font-weight:500}.input,.select,.textarea{width:100%;padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:.9rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:34px}.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th{text-align:left;color:var(--muted);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:12px 14px;border-top:1px solid var(--border);color:var(--text);vertical-align:middle}.table tbody tr:first-child td{border-top:none}.table tbody tr:hover td{background:var(--surface-2)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--muted);text-align:center;gap:10px}.empty-state__icon{font-size:2.5rem;opacity:.7}.empty-state__title{font-weight:600;color:var(--text)}.message{padding:10px 14px;border-radius:var(--radius);margin-bottom:14px;font-weight:500;font-size:.9rem}.message--info{background:var(--surface-2);color:var(--accent);border:1px solid var(--border)}.message--success{background:#22c55e1a;color:var(--success);border:1px solid rgba(34,197,94,.3)}.message--error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.progress{background:var(--surface-3);border-radius:999px;height:8px;overflow:hidden}.progress--lg{height:14px}.progress__bar{background:var(--accent);height:100%;border-radius:999px;transition:width .3s ease}.progress__bar--success{background:var(--success)}.collection-row{display:block;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);cursor:pointer;transition:border-color .15s ease,background .15s ease}.collection-row:hover{border-color:var(--accent)}.collection-row--active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,var(--surface-2))}.filter-sep{width:1px;align-self:stretch;background:var(--border-strong);margin:4px}.rarity-progress-list{display:flex;flex-direction:column;gap:10px}.rarity-progress-row{display:flex;align-items:center;gap:12px}.rarity-progress-bar{flex:1;min-width:0}.rarity-progress-count{font-size:12px;color:var(--muted);font-weight:600;min-width:48px;text-align:right}.badge{display:inline-flex;align-items:center;gap:4px;font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--surface-3);color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge--success{background:#22c55e26;color:var(--success)}.badge--gold{background:#d9770626;color:var(--gold)}.badge--accent{background:var(--accent-glow);color:var(--accent)}.user-list{display:grid;gap:10px}.user-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .2s ease}.user-list-item:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.user-list-item__meta{display:flex;flex-direction:column;gap:2px;min-width:0}.user-list-item__name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-list-item__sub{font-size:.8rem;color:var(--muted)}.user-list-item__actions{display:flex;gap:6px;flex-shrink:0}.auctions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.auction-toolbar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.auction-search{flex:1;min-width:220px}.auction-grade-filter{width:auto;min-width:180px}@media(max-width:640px){.auctions-grid{grid-template-columns:1fr}}.auction-card{display:flex;gap:14px;align-items:flex-start}.auction-card__media{flex:0 0 64px;display:flex;align-items:center;justify-content:center}.auction-card__img{width:60px;aspect-ratio:2/3;object-fit:contain;border-radius:var(--radius);background:var(--surface-2)}.auction-card__body{flex:1;min-width:0}.auction-card__title{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-weight:700;margin-bottom:4px}.auction-card__meta{font-size:.8rem;color:var(--muted);margin-top:2px}.auction-card__bid{display:flex;gap:8px;align-items:end;margin-top:12px}.bid-row{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.bid-arrow-btn{width:42px;height:42px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface-2);color:var(--text);font-size:1.35rem;font-weight:700;line-height:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:var(--shadow-sm);transition:background .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.bid-arrow-btn--inc{color:var(--accent);border-color:var(--accent-glow)}.bid-arrow-btn--dec{color:var(--text)}.bid-arrow-btn:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:0 0 0 3px var(--accent-glow);transform:translateY(-1px)}.bid-arrow-btn:active:not(:disabled){transform:scale(.92);box-shadow:0 0 0 3px var(--accent-glow)}.bid-arrow-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bid-arrow-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.bid-input{flex:1;min-width:0;height:42px;text-align:center;font-size:1rem;font-weight:600;padding:9px 8px;-moz-appearance:textfield}.bid-input::-webkit-outer-spin-button,.bid-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bid-submit{flex-shrink:0;min-height:42px;align-self:stretch}.missions-grid,.events-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}@media(max-width:640px){.missions-grid,.events-grid{grid-template-columns:1fr}}.rank-row--1,.rank-row--2,.rank-row--3{font-weight:700}.rank-row--1 td:first-child,.rank-row--2 td:first-child,.rank-row--3 td:first-child{color:var(--gold)}@media(max-width:640px){.form-grid,.friend-request-grid{grid-template-columns:1fr}.friend-request-grid button{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.auction-card{flex-direction:column;gap:10px}.auction-card__media{align-self:flex-start}.auction-card__bid{flex-direction:column;align-items:stretch}.user-list-item{flex-direction:column;align-items:flex-start;gap:10px}.user-list-item__actions{width:100%;justify-content:flex-end}.panel{padding:14px}}.card-history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;overflow-y:auto}.card-history-modal{position:relative;width:min(560px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px}.card-history-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.card-history-close:hover{background:var(--surface-3);transform:translateY(-1px)}.card-history-header{display:flex;gap:18px;align-items:flex-start;margin-bottom:20px}.card-history-imgwrap{position:relative;flex-shrink:0}.card-history-img{width:140px;height:196px;object-fit:cover;border-radius:var(--radius);background:var(--surface-2);flex-shrink:0}.card-history-imgwrap .psa-slab{width:140px;height:196px}.card-history-name{font-size:1.35rem;font-weight:800;color:var(--accent);margin-bottom:10px;line-height:1.2}.card-history-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.card-history-section{margin-top:18px}.card-history-list{list-style:none;display:flex;flex-direction:column;gap:10px}.card-history-item{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:.9rem;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.card-history-users{color:var(--text);font-weight:600}.card-history-reason{color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}.card-history-date{color:var(--muted);font-size:.8rem;margin-left:auto}.card-history-empty,.card-history-opened{font-size:.95rem;color:var(--muted)}.badge-rarity{text-transform:uppercase;letter-spacing:.04em;font-size:.6rem}.badge-common{background:var(--surface-3);color:var(--muted)}.badge-uncommon{background:#22c55e26;color:#16a34a}.badge-rare{background:#3b82f626;color:#2563eb}.badge-elite{background:#a855f726;color:#9333ea}.badge-mythic{background:#ec489926;color:#db2777}.badge-legendary{background:#d9770626;color:#d97706}@media(max-width:480px){.card-history-header{flex-direction:column;align-items:center;text-align:center}.card-history-img{width:120px;height:168px}.card-history-date{margin-left:0;width:100%}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.username-link{background:none;border:none;padding:0;font:inherit;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;gap:6px;max-width:100%;transition:color .15s ease}.username-link:hover{color:var(--accent)}.username-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}.username-link__name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px;overflow-y:auto}.profile-modal__panel{position:relative;width:min(560px,100%);max-height:90vh;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:24px;animation:profile-modal-in .2s ease}@keyframes profile-modal-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.profile-modal__close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-2);color:var(--text);font-size:1.4rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease,transform .15s ease}.profile-modal__close:hover{background:var(--surface-3);transform:translateY(-1px)}.profile-modal__header{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.profile-modal__name{flex:1;min-width:0}.profile-modal__name h2{font-size:1.35rem;font-weight:800;color:var(--text);margin:0 0 6px;line-height:1.2;overflow:hidden;text-overflow:ellipsis}.profile-modal__name .badge--admin{margin-left:0}.profile-modal__stats{display:flex;flex-direction:column;gap:14px}@media(max-width:480px){.profile-modal{padding:8px;align-items:flex-end}.profile-modal__panel{max-height:88vh;padding:16px;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.profile-modal__header{flex-direction:column;text-align:center}.profile-modal__name{text-align:center}.profile-modal__header .btn-sm{width:100%}}.chat-layout{display:grid;grid-template-columns:320px 1fr;gap:16px;align-items:start}.chat-panel--list{display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 180px);overflow:hidden}.chat-new{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius)}.chat-new__label{font-size:.78rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.chat-new__friends{display:flex;flex-wrap:wrap;gap:6px}.chat-new__empty{font-size:.85rem;color:var(--muted)}.chat-conv-list{display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:4px}.chat-conv{display:flex;flex-direction:column;gap:4px;text-align:left;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .1s ease}.chat-conv:hover{border-color:var(--accent-glow);transform:translateY(-1px)}.chat-conv--active{border-color:var(--accent);background:var(--accent-glow)}.chat-conv__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-conv__name{font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-conv__unread{flex-shrink:0;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:var(--accent-text);font-size:.72rem;font-weight:800}.chat-conv__last{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-panel--thread{display:flex;flex-direction:column;gap:12px;height:calc(100vh - 180px);min-height:420px;overflow:hidden}.chat-thread-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.chat-thread__header{display:flex;align-items:center;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--border)}.chat-thread__messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding:4px 2px}.chat-thread__loading{text-align:center;font-size:.85rem;color:var(--muted);padding:8px}.chat-bubble{max-width:72%;padding:8px 12px;border-radius:var(--radius-lg);background:var(--surface-2);border:1px solid var(--border);align-self:flex-start;animation:chat-bubble-in .15s ease}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-bubble--own{align-self:flex-end;background:var(--accent-glow);border-color:var(--accent)}.chat-bubble__text{font-size:.95rem;white-space:pre-wrap;overflow-wrap:anywhere}.chat-bubble__meta{margin-top:4px;font-size:.7rem;color:var(--muted);text-align:right}.chat-thread__composer{display:flex;gap:8px;padding-top:10px;border-top:1px solid var(--border)}.chat-thread__composer .input{flex:1;min-width:0}@media(max-width:840px){.chat-layout{grid-template-columns:1fr}.chat-panel--list,.chat-panel--thread{max-height:none;height:auto}.chat-panel--thread{min-height:420px}.chat-conv-list{max-height:280px}}.admin-shell,.admin-auth{--a-bg: #1a1d24;--a-panel: #22252f;--a-panel-2: #2a2e3a;--a-border: #383c4a;--a-text: #cfd2dc;--a-muted: #8d93a6;--a-accent: #8b7fe0;--a-accent-2: #b3a4f0;--a-accent-rgb: 139, 127, 224;--a-danger: #e88585;--a-success: #4ade95;--a-warn: #f0c161}.admin-auth{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,var(--a-panel-2) 0%,var(--a-bg) 60%);color:var(--a-text);padding:24px}.admin-auth-card{width:100%;max-width:360px;background:var(--a-panel);border:1px solid var(--a-border);border-radius:14px;padding:32px 28px;box-shadow:0 20px 60px #00000073}.admin-auth-brand{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;letter-spacing:.14em;color:var(--a-muted);margin-bottom:18px}.admin-auth-dot{width:8px;height:8px;border-radius:50%;background:var(--a-accent);box-shadow:0 0 5px rgba(var(--a-accent-rgb),.7);flex-shrink:0}.admin-auth-card h1{margin:0 0 4px;font-size:1.4rem}.admin-auth-sub{margin:0 0 24px;color:var(--a-muted);font-size:.85rem}.admin-auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;font-size:.8rem;color:var(--a-muted)}.admin-auth-field input{background:var(--a-bg);border:1px solid var(--a-border);border-radius:8px;padding:10px 12px;color:var(--a-text);font-size:.95rem}.admin-auth-field input:focus{outline:none;border-color:var(--a-accent);box-shadow:0 0 0 3px rgba(var(--a-accent-rgb),.2)}.admin-auth-error{background:#e885851a;border:1px solid rgba(232,133,133,.3);color:var(--a-danger);border-radius:8px;padding:10px 12px;font-size:.82rem;margin-bottom:16px}.admin-auth-submit{width:100%;background:var(--a-accent);color:#fff;border:none;border-radius:8px;padding:11px;font-size:.95rem;font-weight:600;cursor:pointer;transition:filter .15s ease}.admin-auth-submit:hover:not(:disabled){filter:brightness(1.1)}.admin-auth-submit:disabled{opacity:.6;cursor:default}.admin-shell{min-height:100vh;display:flex;background:var(--a-bg);color:var(--a-text)}.admin-sidebar{width:240px;flex-shrink:0;background:var(--a-panel);border-right:1px solid var(--a-border);display:flex;flex-direction:column;padding:20px 0}.admin-sidebar-brand{display:flex;align-items:center;gap:8px;font-size:.72rem;font-weight:700;letter-spacing:.14em;color:var(--a-muted);padding:0 20px 18px;margin-bottom:6px;border-bottom:1px solid var(--a-border)}.admin-sidebar-nav{display:flex;flex-direction:column;gap:2px;padding:8px 10px;overflow-y:auto}.admin-sidebar-link{text-align:left;background:transparent;border:none;border-left:3px solid transparent;color:var(--a-muted);padding:10px 12px;border-radius:6px;font-size:.88rem;cursor:pointer;transition:background .12s ease,color .12s ease}.admin-sidebar-link:hover{background:var(--a-panel-2);color:var(--a-text)}.admin-sidebar-link.active{background:rgba(var(--a-accent-rgb),.12);border-left-color:var(--a-accent);color:#eef0f5;font-weight:600}.admin-sidebar-backdrop{display:none}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:14px;padding:14px 24px;border-bottom:1px solid var(--a-border);background:var(--a-panel);position:sticky;top:0;z-index:5}.admin-menu-btn{display:none;background:transparent;border:1px solid var(--a-border);color:var(--a-text);border-radius:6px;width:34px;height:34px;font-size:1.1rem;cursor:pointer}.admin-topbar-title{font-weight:600;font-size:1.02rem;flex:1}.admin-topbar-user{display:flex;align-items:center;gap:12px}.admin-topbar-username{color:var(--a-muted);font-size:.85rem}.admin-logout-btn{background:var(--a-panel-2);border:1px solid var(--a-border);color:var(--a-text);border-radius:6px;padding:7px 12px;font-size:.82rem;cursor:pointer}.admin-logout-btn:hover{border-color:var(--a-danger);color:var(--a-danger)}.admin-panel{flex:1;padding:22px 24px 60px;overflow-x:auto}.admin-error{background:#e885851a;border:1px solid rgba(232,133,133,.3);color:var(--a-danger);border-radius:8px;padding:10px 14px;margin-bottom:16px;font-size:.85rem}.admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}.admin-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.admin-filters .btn{font-size:.82rem}.admin-card{background:var(--a-panel);border:1px solid var(--a-border);border-radius:10px;padding:18px;margin-bottom:18px}.admin-card__title{font-weight:600;font-size:.95rem;margin-bottom:12px;color:var(--a-text)}.admin-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.admin-input,.admin-select{width:100%;background:var(--a-bg);border:1px solid var(--a-border);border-radius:7px;padding:9px 10px;color:var(--a-text);font-size:.88rem}.admin-input:focus,.admin-select:focus{outline:none;border-color:var(--a-accent);box-shadow:0 0 0 3px rgba(var(--a-accent-rgb),.18)}.admin-input--inline{width:auto;display:inline-block}.admin-usage-bar-wrap{background:var(--a-bg);border:1px solid var(--a-border);border-radius:6px;height:8px;overflow:hidden;margin:6px 0}.admin-usage-bar{height:100%;background:linear-gradient(90deg,var(--a-accent),var(--a-accent-2));border-radius:6px}.admin-usage-text{font-size:.75rem;color:var(--a-muted)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.admin-actions--full{width:100%}.admin-actions .btn{font-size:.85rem}.pack-img-field{display:flex;flex-direction:column;gap:8px}.pack-img-field--row{flex-direction:row;align-items:center;flex-wrap:wrap}.pack-img-list{display:flex;flex-wrap:wrap;gap:10px}.pack-img-item{position:relative;border:1px solid var(--a-border);border-radius:8px;overflow:hidden;width:76px;height:76px;background:var(--a-bg)}.pack-img-item img{width:100%;height:100%;object-fit:cover;display:block}.pack-img-remove{position:absolute;top:2px;right:2px;background:#0009;color:#fff;border:none;border-radius:50%;width:20px;height:20px;font-size:.7rem;cursor:pointer;line-height:1}.pack-img-remove:disabled{opacity:.4;cursor:default}.pack-img-preview{width:120px;height:120px;border:1px solid var(--a-border);border-radius:8px;overflow:hidden;background:var(--a-bg)}.pack-img-preview img{width:100%;height:100%;object-fit:cover;display:block}.pack-img-controls{display:flex;gap:6px;margin-top:6px}.pack-img-controls .btn{font-size:.78rem;padding:5px 9px}.pack-img-thumb{width:40px;height:40px;border-radius:6px;object-fit:cover}.admin-table-wrap{overflow-x:auto;border:1px solid var(--a-border);border-radius:10px}.admin-table{width:100%;border-collapse:collapse;font-size:.85rem}.admin-table thead{background:var(--a-panel-2)}.admin-th{text-align:left;padding:10px 12px;color:var(--a-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--a-border);white-space:nowrap}.admin-td{padding:10px 12px;border-bottom:1px solid var(--a-border);vertical-align:middle}.admin-table tbody tr:first-child .admin-td{border-top:none}.admin-table tbody tr:hover .admin-td{background:rgba(var(--a-accent-rgb),.05)}.admin-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px;color:var(--a-muted);text-align:center}.admin-empty__icon{font-size:1.8rem;opacity:.6}.admin-section-title{font-weight:600;font-size:.9rem;margin:20px 0 10px;color:var(--a-text)}.admin-tags{display:flex;flex-direction:column;gap:4px}.admin-tags__label{font-size:.72rem;color:var(--a-muted)}.admin-tags__list{display:flex;flex-wrap:wrap;gap:6px}.admin-tag{display:inline-flex;align-items:center;gap:5px;background:var(--a-panel-2);border:1px solid var(--a-border);border-radius:20px;padding:3px 10px;font-size:.75rem}.admin-tag__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.admin-rarity-chips{display:flex;flex-wrap:wrap;gap:6px}.admin-mini-kv{display:flex;flex-direction:column;gap:4px}.admin-mini-kv__row{display:flex;justify-content:space-between;gap:10px;font-size:.8rem}.admin-mini-kv__k{color:var(--a-muted)}.admin-mini-kv__v{font-weight:600}.admin-nested-summary{display:flex;flex-direction:column;gap:4px}.admin-nested-summary__item{display:flex;justify-content:space-between;gap:10px;font-size:.8rem}.admin-nested-summary__k{color:var(--a-muted)}.admin-nested-summary__v{font-weight:600}.admin-bars{display:flex;flex-direction:column;gap:10px}.admin-bar{display:flex;flex-direction:column;gap:4px}.admin-bar--compact{gap:2px}.admin-bar__label{display:flex;justify-content:space-between;font-size:.78rem}.admin-bar__name{color:var(--a-muted)}.admin-bar__value{font-weight:600}.admin-bar__track{height:8px;background:var(--a-bg);border:1px solid var(--a-border);border-radius:6px;overflow:hidden}.admin-bar__fill{height:100%;background:linear-gradient(90deg,var(--a-accent),var(--a-accent-2));border-radius:6px}@media(max-width:900px){.admin-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:20;transform:translate(-100%);transition:transform .2s ease}.admin-sidebar.is-open{transform:translate(0)}.admin-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:15}.admin-menu-btn{display:inline-flex;align-items:center;justify-content:center}.admin-panel{padding:16px 14px 48px}.admin-form-grid{grid-template-columns:1fr}.admin-bars{gap:8px}.admin-bar__label{font-size:.75rem}.admin-bar__track{height:6px}}:root{--bg: #f1f5f9;--panel: #ffffff;--panel-2: #e2e8f0;--surface: #ffffff;--surface-2: #eef2f7;--surface-3: #e2e8f0;--accent: #0d9488;--accent-light: #14b8a6;--accent-glow: rgba(13, 148, 136, .25);--accent-text: #ffffff;--gold: #d97706;--gold-light: #fbbf24;--text: #0f172a;--muted: #64748b;--border: rgba(15, 23, 42, .08);--border-strong: rgba(15, 23, 42, .14);--border-alpha: color-mix(in srgb, rgba(15, 23, 42, .08) 40%, transparent);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--shadow: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 28px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .04);--radius-sm: .5rem;--radius: .75rem;--radius-lg: 1rem;--radius-xl: 1.25rem;--danger: #ef4444;--danger-bg: #fef2f2;--success: #22c55e;--glass: rgba(255, 255, 255, .72)}[data-theme=dark]{--bg: #0b1120;--panel: #111827;--panel-2: #1e293b;--surface: #111827;--surface-2: #1e293b;--surface-3: #334155;--accent: #2dd4bf;--accent-light: #5eead4;--accent-glow: rgba(45, 212, 191, .28);--accent-text: #0f172a;--gold: #fbbf24;--gold-light: #fde68a;--text: #f8fafc;--muted: #94a3b8;--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .2);--border-alpha: color-mix(in srgb, rgba(148, 163, 184, .12) 50%, transparent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2), 0 1px 3px rgba(0, 0, 0, .25);--shadow: 0 4px 12px rgba(0, 0, 0, .25), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .35), 0 4px 8px rgba(0, 0, 0, .25);--danger: #f87171;--danger-bg: #450a0a;--success: #4ade80;--glass: rgba(15, 23, 42, .62)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(14px,2.2vw,16px);-webkit-text-size-adjust:100%}html,body,#root{height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 3px var(--accent-glow)}::selection{background:var(--accent);color:var(--accent-text)}.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}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--surface-3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media(max-width:768px){html{font-size:14px}body{line-height:1.45}.table-wrap,.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table,.admin-table{min-width:640px}h1{font-size:clamp(1.35rem,6vw,1.75rem)}h2{font-size:clamp(1.1rem,5vw,1.35rem)}button,[role=button],input,select,textarea,a{min-height:44px;min-width:44px}a:not([role=button]){min-height:auto;min-width:auto;line-height:1.5}input[type=checkbox],input[type=radio]{min-height:auto;min-width:auto}.input,.select,.textarea,.admin-input,.admin-select{font-size:16px;padding:12px 14px}.btn,button.btn{padding:14px 18px;font-size:1rem}.opening-overlay,.opening-stage{padding:12px}.card-grid{gap:10px}.card-grid.grid-large{gap:8px}.packs-grid{gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:14px 8px}.stat-v{font-size:1.3rem}.admin-form-grid{grid-template-columns:1fr;gap:12px}.admin-actions{flex-wrap:wrap}.admin-actions .btn{flex:1 1 auto;min-width:120px}.auctions-grid,.missions-grid,.events-grid{grid-template-columns:1fr}.user-list-item{padding:14px}.user-list-item__name{font-size:1rem}.card-meta{font-size:.7rem}.opening-card{width:110px}.opening-card .card-img{height:110px}.opening-cards.is-grid .opening-card{width:100%}.notifications-bell__dropdown{width:calc(100vw - 24px);right:-8px;max-height:60vh}.panel{padding:14px}.section-title{font-size:1rem}}@media(max-width:420px){html{font-size:13px}.packs-grid,.card-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-v{font-size:1.15rem}.opening-card{width:100%}.opening-cards.is-fan{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.opening-cards.is-fan .opening-card{margin-left:0}.auth-form{padding:20px;margin:12px}.auth-form h1{font-size:1.35rem}.home-header h1{font-size:1.4rem}.pack-image{font-size:1.8rem;height:50px}.btn{padding:12px 14px}}@media(max-height:500px)and (orientation:landscape){.opening-overlay{align-items:flex-start;padding-top:12px;padding-bottom:12px}.opening-stage{min-height:auto}.pack-graphic{width:100px;height:140px}.pack-icon{font-size:50px}.opening-cards{min-height:180px}.opening-card{width:90px}.opening-card .card-img{height:90px}.continue-btn{padding:10px 24px}}@supports (padding: max(0px)){@media(max-width:768px){.mobile-header{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.mobile-nav{left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));padding-bottom:max(6px,env(safe-area-inset-bottom))}.main{padding-bottom:max(92px,calc(92px + env(safe-area-inset-bottom)))}}}@media(-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.card .card-img,.opening-card .card-img,.pack-image{image-rendering:-webkit-optimize-contrast}}.card-history-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:60;padding:16px;animation:fade-in .2s ease}.card-history-modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:480px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slide-up .3s ease}.card-history-close{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;background:var(--surface-2);border-radius:50%;font-size:1.5rem;color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:background .2s ease,transform .15s ease}.card-history-close:hover{background:var(--surface-3);transform:scale(1.1)}.card-history-header{display:flex;gap:16px;padding:20px;border-bottom:1px solid var(--border)}.card-history-img{width:100px;height:140px;object-fit:cover;border-radius:var(--radius);background:var(--surface-2);flex-shrink:0}.card-history-info{flex:1;min-width:0}.card-history-name{font-size:1.1rem;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.3}.card-history-badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.card-history-meta{font-size:.85rem;color:var(--muted)}.card-history-section{padding:16px 20px;border-bottom:1px solid var(--border)}.card-history-section:last-child{border-bottom:none}.card-history-section .section-title{font-size:1rem;margin-bottom:12px}.card-history-empty{color:var(--muted);font-size:.9rem;text-align:center;padding:20px}.card-history-list{list-style:none;display:flex;flex-direction:column;gap:8px}.card-history-item{display:flex;flex-direction:column;gap:4px;padding:10px 12px;background:var(--surface-2);border-radius:var(--radius);border:1px solid var(--border)}.card-history-users{font-weight:600;color:var(--text);font-size:.9rem}.card-history-reason{font-size:.7rem;color:var(--muted);background:var(--surface-3);padding:2px 8px;border-radius:999px;display:inline-block;width:fit-content}.card-history-date{font-size:.7rem;color:var(--muted)}.card-history-opened{font-size:.85rem;color:var(--text);line-height:1.5}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.card-history-overlay{padding:8px;align-items:flex-end}.card-history-modal{max-height:85vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;animation:slide-up-mobile .35s ease}@keyframes slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.card-history-header{flex-direction:column;align-items:center;text-align:center;padding:16px}.card-history-img{width:80px;height:112px}.card-history-name{font-size:1rem}.card-history-badges{justify-content:center}.card-history-section{padding:14px 16px}.card-history-item{padding:10px}.card-history-users{font-size:.85rem}}.profile-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--accent);background:var(--surface-2)}.profile-avatar-fallback{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;background:var(--surface-2);border:3px solid var(--accent)}.profile-upload-btn{margin-top:12px}@media(max-width:480px){.profile-avatar,.profile-avatar-fallback{width:100px;height:100px}.profile-avatar-fallback{font-size:2.5rem}}.market-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.market-filter-btn{padding:8px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:.85rem;font-weight:600;transition:all .2s ease}.market-filter-btn.active,.market-filter-btn:hover{background:var(--accent);color:var(--accent-text);border-color:transparent}.market-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}@media(max-width:640px){.market-card-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}@media(max-width:420px){.market-card-grid{grid-template-columns:repeat(2,1fr)}.market-filters{gap:6px}.market-filter-btn{padding:8px 10px;font-size:.75rem}}@media(max-width:640px){.home-header{text-align:center}.balance-bar{justify-content:center}}@media(max-width:640px){.auction-card{flex-direction:column;gap:10px}.auction-card__media{align-self:flex-start}.auction-card__bid{width:100%;justify-content:space-between}.friend-request-grid button{width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.opening-card,.opening-reveal .opening-card,.opening-cards.is-grid .opening-card{opacity:1;transform:none}}