.sancha-card{--card-width: 220px;--card-height: 330px;--card-radius: 10px;--card-border-width: 4px;--font-size-name: clamp(1rem, 3vw, 1.25rem);--font-size-faction: clamp(.7rem, 2vw, .85rem);--font-size-code: clamp(.5rem, 1.2vw, .6rem);--font-size-badge: .82rem;--logo-size: 18px;--footer-height: 32px;--padding-content: var(--space-3);--gap-content: 2px}.sancha-card--small{--card-width: 148px;--card-height: 222px;--card-radius: var(--radius-md);--card-border-width: 3px;--font-size-name: .8rem;--font-size-faction: .6rem;--font-size-code: .45rem;--font-size-badge: .58rem;--logo-size: 12px;--footer-height: 28px;--padding-content: var(--space-2);--gap-content: 1px}.sancha-card--medium{--card-width: 220px;--card-height: 330px;--card-radius: 10px;--card-border-width: 4px;--font-size-name: 1rem;--font-size-faction: .75rem;--font-size-code: .55rem;--font-size-badge: .82rem;--logo-size: 18px;--footer-height: 32px;--padding-content: var(--space-3);--gap-content: 2px}.sancha-card--large{--card-width: 300px;--card-height: 450px;--card-radius: 10px;--card-border-width: 4px;--font-size-name: 2rem;--font-size-faction: .875rem;--font-size-code: .6rem;--font-size-badge: 1.125rem;--logo-size: 24px;--footer-height: 35px;--padding-content: var(--space-4);--gap-content: 3px}.sancha-card--full{--card-width: 100%;--card-height: auto;aspect-ratio:3 / 4}.sancha-card__wrap{position:relative;width:var(--card-width)}.sancha-card{position:relative;width:100%;height:var(--card-height);border-radius:var(--card-radius);border:var(--card-border-width) solid white;background:#1a1a1a;overflow:hidden;cursor:pointer;user-select:none;-webkit-user-select:none;font-family:var(--font-card);color:var(--text-primary);display:flex;flex-direction:column;transition:transform var(--motion-micro) var(--motion-easing),box-shadow var(--motion-micro) var(--motion-easing);box-shadow:0 10px 25px #000c}.sancha-card.rarity-c{border-color:#7f8c8d;background:linear-gradient(135deg,#34495e,#111)}.sancha-card.rarity-pc{border-color:#2ecc71;background:linear-gradient(135deg,#184227,#000)}.sancha-card.rarity-r{border-color:#3498db;background:linear-gradient(135deg,#10324f,#000)}.sancha-card.rarity-e{border-color:#9b59b6;background:linear-gradient(135deg,#381a44,#000)}.sancha-card.rarity-l{border-color:#f1c40f;background:linear-gradient(135deg,#5c4a06,#000)}.sancha-card.rarity-s{border:var(--card-border-width) solid transparent;background:linear-gradient(135deg,#591610,#000) padding-box,linear-gradient(120deg,#7b1a12,#e74c3c,#ff8a75,#e74c3c,#7b1a12) border-box;background-size:100% 100%,300% 300%;animation:mythique-chroma 4s ease-in-out infinite}@keyframes mythique-chroma{0%,to{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}}.sancha-card.rarity-sp{border:var(--card-border-width) solid transparent;background:linear-gradient(135deg,#1a0a2e,#000) padding-box,linear-gradient(120deg,#ff00e5,#00e5ff,#fe0,#ff00e5) border-box;background-size:100% 100%,300% 300%;animation:exclusive-chroma 3s ease-in-out infinite;box-shadow:0 0 30px #ff00e580}@keyframes exclusive-chroma{0%,to{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}}.sancha-card:hover{transform:translateY(-4px)}.sancha-card--owned.rarity-c:hover{box-shadow:0 10px 25px #000c,0 0 22px -2px #7f8c8d}.sancha-card--owned.rarity-pc:hover{box-shadow:0 10px 25px #000c,0 0 22px -2px #2ecc71}.sancha-card--owned.rarity-r:hover{box-shadow:0 10px 25px #000c,0 0 24px -2px #3498db}.sancha-card--owned.rarity-e:hover{box-shadow:0 10px 25px #000c,0 0 26px -2px #9b59b6}.sancha-card--owned.rarity-l:hover{box-shadow:0 10px 25px #000c,0 0 28px -1px #f1c40f}.sancha-card--owned.rarity-s:hover{box-shadow:0 10px 25px #000c,0 0 28px -1px #e74c3c}.sancha-card--owned.rarity-sp:hover{box-shadow:0 0 40px #ff00e5b3,0 0 24px -1px #00e5ff80}.sancha-card.sancha-card--gold{border-color:gold;border-image:none;background:linear-gradient(135deg,#5c4a06,#000);box-shadow:0 0 20px gold}.sancha-card__rarity-badge--gold{background:var(--color-accent-premium);color:#000}.sancha-card--owned.sancha-card--gold:hover{box-shadow:0 10px 25px #000c,0 0 30px #ffd700cc}.sancha-card:active{transform:translateY(-2px)}.sancha-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion: reduce){.sancha-card{transition:none}.sancha-card:hover{transform:none}}.sancha-card__head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;z-index:10}.sancha-card__logo{height:var(--logo-size);width:auto;display:block;opacity:.95;filter:drop-shadow(0 2px 4px rgba(0,0,0,.8))}.sancha-card__qty-badge{position:absolute;top:-8px;right:-8px;z-index:30;display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding-top:1px;margin:0;box-sizing:border-box;border-radius:50%;border:2px solid white;background:#e74c3c;color:#fff;font-family:var(--font-display);font-size:14px;line-height:1;text-align:center;pointer-events:none}.sancha-card__photo{position:relative;flex:1 1 52%;min-height:0;overflow:hidden}.sancha-card__image{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .5s ease;display:block}.sancha-card:hover .sancha-card__image{transform:scale(1.05)}@media (prefers-reduced-motion: reduce){.sancha-card__image{transition:none}.sancha-card:hover .sancha-card__image{transform:none}}.sancha-card__silhouette{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#00000073;font-size:3rem;font-weight:700;color:var(--text-muted);opacity:.6}.sancha-card__rarity-badge{font-size:var(--font-size-badge);font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:2px 10px;border-radius:4px;box-shadow:0 2px 6px #00000059;white-space:nowrap}.sancha-card__rarity-badge--c{background:#7f8c8d;color:#fff}.sancha-card__rarity-badge--pc{background:#2ecc71;color:#000}.sancha-card__rarity-badge--r{background:#3498db;color:#000}.sancha-card__rarity-badge--e{background:#9b59b6;color:#fff}.sancha-card__rarity-badge--l{background:#f1c40f;color:#000}.sancha-card__rarity-badge--s{background:#e74c3c;color:#fff}.sancha-card__rarity-badge--sp{background:linear-gradient(120deg,#ff00e5,#00e5ff,#fe0);color:#000}@media (prefers-reduced-motion: reduce){.sancha-card.rarity-s,.sancha-card.rarity-sp{animation:none}}.sancha-card__body{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;text-align:center;z-index:10}.sancha-card__name{font-family:var(--font-display);font-size:var(--font-size-name);font-weight:700;text-transform:uppercase;letter-spacing:2px;line-height:1;margin:0;color:#fff;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sancha-card__role{display:block;font-size:var(--font-size-faction);font-weight:700;text-transform:uppercase;color:var(--text-muted);margin:5px 0 0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sancha-card__footer{height:var(--footer-height);flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--padding-content);background:#000c;border-top:1px solid rgba(255,255,255,.1);font-family:var(--font-body);font-size:var(--font-size-code);color:#fff6;z-index:10}.sancha-card__code{font-size:var(--font-size-code);font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sancha-card__holo{font-size:var(--font-size-code);font-weight:600;color:var(--rarity-l);text-shadow:0 0 8px var(--rarity-l)}.sancha-card--owned{opacity:1}.sancha-card--missing{opacity:.55;filter:grayscale(.8)}.sancha-card--missing .sancha-card__logo{display:none}.sancha-card--missing .sancha-card__name{color:var(--text-muted)}.sancha-card--missing .sancha-card__role{display:none}.rarity-text--c{color:var(--rarity-c)}.rarity-text--pc{color:var(--rarity-pc)}.rarity-text--r{color:var(--rarity-r)}.rarity-text--e{color:var(--rarity-e)}.rarity-text--l{color:var(--rarity-l)}.rarity-text--s{color:var(--color-info)}@keyframes sancha-holo-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 480px){.sancha-card--large{--card-width: calc(100vw - 32px) ;--card-height: calc((100vw - 32px) * 4 / 3);max-width:300px;max-height:400px}.sancha-card--medium{--card-width: calc((100vw - 48px)/2) ;--card-height: calc(var(--card-width) * 4 / 3)}}.sancha-card--enter{animation:sancha-card-enter .45s var(--motion-easing) both}@keyframes sancha-card-enter{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}.sancha-card--pop-in{animation:sancha-pop-in .3s var(--motion-easing) both;animation-delay:var(--pop-in-delay, 0ms)}:root{--bg-void: #0b0814;--bg-void-end: #16122b;--card-bg: #05090d;--card-footer: #020407;--color-primary: #9146ff;--color-accent-premium: #ffd700;--color-success: #2ecc71;--color-danger: #e74c3c;--color-info: #3bd4ff;--text-primary: #f5f3fa;--text-muted: #a89fc2;--glass-bg: rgba(22, 18, 43, .55);--glass-border: rgba(255, 255, 255, .1);--glass-blur: 16px;--rarity-c: #9ca3af;--rarity-pc: #4ade80;--rarity-r: #38bdf8;--rarity-e: #b14eff;--rarity-l: #ffd700;--font-display: "Bebas Neue", "Arial Narrow", sans-serif;--font-body: "Roboto Condensed", "Arial", sans-serif;--font-card: "Oswald", "Bebas Neue", "Arial Narrow", sans-serif;--motion-micro: .2s;--motion-page: .35s;--motion-easing: cubic-bezier(.22, 1, .36, 1);--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px}.sancha-bg{background-color:var(--bg-void);background-image:radial-gradient(circle at 50% 0%,var(--bg-void-end),var(--bg-void) 70%);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;color:var(--text-primary);min-height:100vh}.tabular-nums{font-variant-numeric:tabular-nums}.glass-surface{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-lg)}.rarity-border--C{border:1px solid var(--rarity-c)}.rarity-border--PC{border:2px solid var(--rarity-pc)}.rarity-border--R{border:2px solid var(--rarity-r);box-shadow:0 0 12px -2px var(--rarity-r)}.rarity-border--E{border:3px solid var(--rarity-e);box-shadow:0 0 16px -2px var(--rarity-e)}.rarity-border--L{border:3px solid var(--rarity-l);box-shadow:0 0 20px -1px var(--rarity-l)}.rarity-border--S,.rarity-border--S\+{border:3px solid transparent;background:linear-gradient(var(--bg-void),var(--bg-void)) padding-box,linear-gradient(120deg,var(--rarity-l),var(--color-info),var(--rarity-e),var(--rarity-l)) border-box;background-size:100% 100%,300% 300%;animation:sancha-holo-shift 6s ease-in-out infinite}@keyframes sancha-holo-shift{0%{background-position:0 0,0% 50%}50%{background-position:0 0,100% 50%}to{background-position:0 0,0% 50%}}@media (prefers-reduced-motion: reduce){.rarity-border--S{animation:none}*{scroll-behavior:auto!important}}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.5;background-color:var(--bg-void);background-image:radial-gradient(circle at 50% 0%,var(--bg-void-end),var(--bg-void) 70%);background-repeat:no-repeat;background-attachment:fixed;background-size:cover;color:var(--text-primary);min-height:100vh}.collection-binder,.player-hub,.pack-opening-page{background:transparent}button,select,input{font-family:var(--font-body)}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.02em;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 24px;border-radius:var(--radius-md);border:none;font-size:1rem;font-weight:600;cursor:pointer;transition:transform var(--motion-micro) var(--motion-easing)}.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn--primary{background:var(--color-primary);color:#fff}.btn--premium{background:var(--color-accent-premium);color:var(--bg-void)}.btn--ghost{background:transparent;border:1px solid var(--glass-border);color:var(--text-primary)}.app-shell{min-height:100vh;display:flex;flex-direction:row}.app-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.app-shell__loading{display:flex;align-items:center;justify-content:center;min-height:100vh;color:var(--text-muted)}.login-gate{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:100vh;text-align:center;padding:var(--space-4)}.login-gate p{color:var(--text-muted);margin:0}.app-shell__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--glass-border)}.app-shell__header-left{flex:1;min-width:0}.app-shell__header-right{display:flex;align-items:center;gap:var(--space-3)}.app-shell__content{flex:1;min-width:0;padding:var(--space-4);overflow-y:auto}.player-badge{display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:var(--space-2);background:transparent;border:none;color:var(--text-primary);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background var(--motion-micro) var(--motion-easing)}.player-badge:hover{background:color-mix(in srgb,var(--color-primary) 22%,transparent)}.player-badge__avatar{width:36px;height:36px;border-radius:50%;background:center / cover no-repeat;border:2px solid var(--color-primary)}.player-badge__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-primary);font-weight:700}.player-badge__name{font-family:Bebas Neue,Arial Narrow,sans-serif;font-size:20px;margin:0;color:#fff;letter-spacing:1px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;text-align:left;min-width:0;flex:1}.player-badge__wrap{position:relative}.player-badge-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;z-index:50;padding:var(--space-1)}.player-badge-menu__item{display:flex;align-items:center;gap:var(--space-2);width:100%;background:transparent;border:none;color:var(--text-primary);padding:var(--space-2);border-radius:var(--radius-md);cursor:pointer;font-size:.9rem;text-align:left}.player-badge-menu__item:hover{background:var(--glass-bg)}.player-badge-menu__item:disabled{opacity:.45;cursor:not-allowed}.player-badge-menu__item:disabled:hover{background:transparent}.player-badge-menu__item>svg{font-size:1.1rem;flex-shrink:0}.currency-ticker{display:flex;align-items:center;gap:6px;font-weight:700;font-size:1.05rem;color:var(--color-accent-premium)}.currency-ticker__icon{font-size:1.2rem;flex-shrink:0}.notif-bell{position:relative;background:transparent;border:none;font-size:1.3rem;color:var(--text-primary);cursor:pointer;padding:var(--space-1);display:inline-flex;align-items:center;justify-content:center}.notif-bell--shake>svg{animation:sancha-shake .3s ease-in-out}.notif-bell--unread>svg{animation:sancha-bell-swing 1.6s ease-in-out infinite;transform-origin:top center}.notif-bell--shake.notif-bell--unread>svg{animation:sancha-shake .3s ease-in-out,sancha-bell-swing 1.6s ease-in-out .3s infinite;transform-origin:top center}@keyframes sancha-bell-swing{0%,to{transform:rotate(0)}15%{transform:rotate(14deg)}30%{transform:rotate(-11deg)}45%{transform:rotate(7deg)}60%{transform:rotate(-4deg)}}.notif-bell__wrap{position:relative}.notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,80vw);max-height:380px;display:flex;flex-direction:column;z-index:50;padding:var(--space-2)}.notif-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.notif-panel__list{list-style:none;margin:0;padding:0;overflow-y:auto;max-height:344px}.notif-panel__item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding:var(--space-2);border-bottom:1px solid rgba(255,255,255,.08);border-left:3px solid transparent}.notif-panel__item:last-child{border-bottom:none}.notif-panel__item--unread{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.notif-panel__content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.notif-panel__actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.notif-panel__icon-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;border-radius:var(--radius-md)}.notif-panel__icon-btn:hover{color:var(--text-primary);background:#ffffff14}.notif-panel__icon-btn--danger:hover{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.notif-panel__icon-btn:disabled{opacity:.35;cursor:default;background:transparent;color:var(--text-muted)}.notif-panel__foot{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding-top:var(--space-2);margin-top:var(--space-1);border-top:1px solid rgba(255,255,255,.08)}.notif-panel__foot-btn{background:transparent;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;font-weight:600;cursor:pointer;padding:6px 10px;white-space:nowrap}.notif-panel__foot-btn:hover{background:#ffffff14}.notif-panel__foot-btn--danger:hover{color:var(--color-danger);border-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 12%,transparent)}.notif-panel__item--sp{border-left-color:var(--color-accent-premium)}.notif-panel__item--booster{border-left-color:var(--color-primary)}.notif-panel__item--read.notif-panel__item--sp,.notif-panel__item--read.notif-panel__item--booster{border-left-color:var(--text-muted)}.notif-panel__title{font-weight:700;font-size:.9rem;line-height:1.3}.notif-panel__detail{font-size:.8rem;color:var(--text-muted);line-height:1.3}.notif-panel__time{font-size:.7rem;color:var(--text-muted);opacity:.7}.notif-panel__empty{opacity:.7;font-size:.9rem;margin:var(--space-2) 0}.notif-bell__badge{position:absolute;top:-2px;right:-2px;background:var(--color-danger);color:#fff;border-radius:999px;font-size:.65rem;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 4px}@keyframes sancha-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}.sidebar{width:260px;background:var(--bg-void);border-right:1px solid var(--glass-border);display:flex;flex-direction:column;z-index:100;flex-shrink:0;position:sticky;top:0;height:100vh;height:100dvh}.sidebar__header{padding:20px;text-align:center;text-decoration:none;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--glass-border)}.sidebar__logo{width:90px;height:90px;margin-bottom:10px;background:url(/logo.webp) center / cover no-repeat;border-radius:50%;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary) 30%,transparent));flex-shrink:0}.sidebar__stream{color:var(--color-primary);font-size:11px;text-transform:uppercase;font-weight:700;letter-spacing:1px;text-decoration:none}.sidebar__nav{flex:1;overflow-y:auto}.sidebar__nav ul{list-style:none;margin:0;padding:0}.sidebar__item{padding:12px 20px;font-size:15px;font-weight:700;cursor:pointer;border-left:3px solid transparent;color:var(--text-muted);display:flex;align-items:center;gap:10px;transition:.2s;text-decoration:none}.sidebar__item:hover{background:var(--glass-bg)}.sidebar__item--active{border-left-color:var(--color-accent-premium);background:color-mix(in srgb,var(--color-accent-premium) 5%,transparent);color:var(--color-accent-premium)}.sidebar__icon{font-size:1.2rem;flex-shrink:0}.sidebar__item--disabled{opacity:.45;cursor:not-allowed}.sidebar__item--disabled:hover{background:transparent}.sidebar__profile{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--glass-border)}.sidebar__profile .player-badge__wrap{width:100%}.sidebar__profile .player-badge{width:100%;justify-content:flex-start;min-width:0;gap:10px}.sidebar__profile .player-badge__avatar{width:44px;height:44px}.sidebar__profile-stats{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--text-muted)}.sidebar__profile-stat{display:flex;flex-wrap:wrap;gap:4px 10px}.sidebar__profile-stat>span{display:inline-flex;align-items:center;gap:4px}.sidebar__profile-stat strong{color:#fff;font-weight:700}.sidebar__profile-stat-icon{font-size:1rem;flex-shrink:0}.app-shell__header-badge{display:none}.sidebar__inventory{padding:var(--space-3);border-top:1px solid var(--glass-border);font-size:.85rem;color:var(--text-muted)}.sidebar__inv-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:4px 0}.sidebar__inv-row>span:first-child{display:inline-flex;align-items:center;gap:6px}.sidebar__inv-val{color:var(--color-accent-premium);font-weight:700}.sidebar__inv-icon{font-size:1.1rem;flex-shrink:0}.sidebar__inv-icon--free,.sidebar__inv-icon--premium{color:var(--text-primary)}.sidebar__inv-icon--faction{color:color-mix(in srgb,var(--color-accent-premium) 55%,var(--text-primary))}.sidebar__inv-icon--pdc{color:color-mix(in srgb,var(--color-accent-premium) 18%,var(--text-primary))}.sidebar__inv-icon--displays{color:var(--text-muted)}.sidebar__inv-icon--gold{color:var(--color-accent-premium)}@media (max-width: 1024px){.app-shell__header-badge{display:block}.sidebar{width:88px}.sidebar__header{padding:var(--space-3) var(--space-2)}.sidebar__logo{width:44px;height:44px}.sidebar__stream,.sidebar__profile,.sidebar__inventory{display:none}.sidebar__item{flex-direction:column;gap:4px;padding:var(--space-2);font-size:.7rem;text-align:center;border-left:none}}@media (max-width: 768px){.app-shell{flex-direction:column}.app-shell__main{order:1}.sidebar{width:100%;border-right:none;border-top:1px solid var(--glass-border);order:2}.sidebar__header,.sidebar__profile,.sidebar__inventory{display:none}.sidebar__nav ul{display:flex;justify-content:space-around}.sidebar__nav li{flex:1}.sidebar__item{flex-direction:column;gap:4px;font-size:.75rem;border-left:none;border-top:3px solid transparent;min-height:56px;justify-content:center}.sidebar__item--active{border-top-color:var(--color-accent-premium)}.app-shell__content{order:1}}.binder-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-4);position:sticky;top:0;z-index:10}.binder-toolbar__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.rarity-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;border:1px solid var(--glass-border);background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer}.rarity-chip--active{color:var(--text-primary);border-color:currentColor}.rarity-chip--C.rarity-chip--active{color:var(--rarity-c)}.rarity-chip--PC.rarity-chip--active{color:var(--rarity-pc)}.rarity-chip--R.rarity-chip--active{color:var(--rarity-r)}.rarity-chip--E.rarity-chip--active{color:var(--rarity-e)}.rarity-chip--L.rarity-chip--active{color:#f1c40f}.rarity-chip--S.rarity-chip--active{color:#e74c3c}.rarity-chip--S\+.rarity-chip--active{background:linear-gradient(120deg,#ff00e5,#00e5ff,#fe0);-webkit-background-clip:text;background-clip:text;color:transparent;border-color:gold}.binder-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);margin-bottom:var(--space-2)}.binder-edition{display:flex;border:1px solid var(--glass-border);border-radius:999px;overflow:hidden;margin-right:var(--space-1)}.binder-edition__btn{background:transparent;border:none;color:var(--text-muted);font-size:.8rem;padding:6px 14px;cursor:pointer}.binder-edition__btn.is-active{background:var(--color-primary);color:#fff}.binder-edition__btn--gold.is-active{background:var(--color-accent-premium);color:var(--bg-void)}.rarity-chip__count{opacity:.7;font-size:.75rem}.rarity-text--C{color:#7f8c8d}.rarity-text--PC{color:#2ecc71}.rarity-text--R{color:#3498db}.rarity-text--E{color:#9b59b6}.rarity-text--L{color:#f1c40f}.rarity-text--S{color:#e74c3c}.rarity-text--S\+{background:linear-gradient(120deg,#ff00e5,#00e5ff,#fe0);-webkit-background-clip:text;background-clip:text;color:transparent}.binder-toolbar__controls{display:flex;align-items:center;gap:var(--space-3);font-size:.85rem;color:var(--text-muted)}.binder-toolbar__missing-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}.binder-toolbar__view-toggle{display:flex;border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden}.binder-toolbar__view-toggle button{background:transparent;border:none;color:var(--text-muted);padding:6px 10px;cursor:pointer}.binder-toolbar__view-toggle button.is-active{background:var(--color-primary);color:#fff}.binder-grid{display:grid;grid-template-columns:repeat(auto-fill,200px);justify-content:center;gap:var(--space-4)}.binder-grid__item{display:flex;justify-content:center}.binder-grid__item .sancha-card--small{--card-width: 200px;--card-height: 300px;--font-size-name: 1rem;--font-size-faction: .6rem;--font-size-code: .42rem;--font-size-badge: .75rem;--logo-size: 16px;--footer-height: 30px}.binder-grid--list{grid-template-columns:1fr}.binder-decks{display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-1) var(--space-2)}.binder-decks__tab{border:1px solid var(--glass-border);background:transparent;color:var(--text-primary);border-radius:999px;padding:6px 14px;cursor:pointer;font-size:.85rem}.binder-decks__tab.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.binder-decks__count{opacity:.75;margin-left:6px;font-size:.75rem}.binder-deck{margin-bottom:var(--space-4)}.binder-deck__title{display:flex;align-items:baseline;gap:var(--space-2);font-size:1.2rem;margin:var(--space-4) 0 var(--space-2)}.binder-deck__completion{font-size:.85rem;color:var(--text-muted)}.binder-rarity{margin-bottom:var(--space-3)}.binder-rarity__head{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.binder-rarity__head h3{margin:0;font-size:1rem}.binder-rarity__count{font-size:.8rem;color:var(--text-muted)}.binder-rarity__bar{flex:1;height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.binder-rarity__bar>span{display:block;height:100%;background:var(--color-primary);transition:width .4s ease}@keyframes sancha-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.card-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0814d9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4);animation:sancha-fade-in var(--motion-micro) var(--motion-easing)}.card-modal-wrapper{position:relative;max-width:340px;width:100%;animation:sancha-slide-up var(--motion-page) var(--motion-easing)}.card-modal__close{position:absolute;top:-12px;right:-12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#0b0814e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:50%;color:var(--text-muted);cursor:pointer;transition:all var(--motion-micro) var(--motion-easing);z-index:20}.card-modal__close:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger);transform:scale(1.1) rotate(90deg)}.card-modal__close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@keyframes sancha-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sancha-slide-up{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.card-modal-backdrop,.card-modal-wrapper{animation:none!important}}.binder-sentinel{height:1px}.binder-empty,.binder-loading{text-align:center;color:var(--text-muted);padding:var(--space-5) 0}.scroll-to-top-fab{position:fixed;bottom:var(--space-4);right:var(--space-4);width:44px;height:44px;border-radius:50%;border:none;background:var(--color-primary);color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:0 4px 16px #0006}@media (prefers-reduced-motion: reduce){.btn{animation:none!important;transition:none!important}.btn:hover{transform:none}}.pack-opening-page{max-width:720px;margin:0 auto;text-align:center}.pack-opening-page__error{color:var(--color-danger);margin-bottom:var(--space-3)}.pack-opening-page__tear-zone{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5) 0}.booster-shelf{display:flex;flex-direction:column;gap:var(--space-4)}.booster-shelf__quantity{display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted)}.booster-shelf__stepper{display:flex;align-items:center;gap:var(--space-2)}.booster-shelf__stepper button{width:32px;height:32px;border-radius:50%;border:1px solid var(--glass-border);background:transparent;color:var(--text-primary);font-size:1.1rem;cursor:pointer}.booster-shelf__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4)}.booster-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.booster-card__desc{color:var(--text-muted);font-size:.85rem;margin:0 0 var(--space-2)}.drag-to-tear{width:180px;height:240px;border-radius:var(--radius-lg);background:linear-gradient(160deg,#9146ff40,#0b081499);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);cursor:grab;touch-action:none;color:var(--text-primary);transition:transform .12s linear,opacity .12s linear}.drag-to-tear:active{cursor:grabbing}.drag-to-tear__icon{font-size:3rem}.drag-to-tear__hint{font-size:.8rem;color:var(--text-muted)}.reveal-sequence{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.reveal-sequence__progress,.reveal-sequence__hint{color:var(--text-muted);font-size:.9rem}.reveal-card{background:transparent;border:none;cursor:pointer;width:200px;height:300px;perspective:1000px;padding:0}.reveal-card__inner{position:relative;width:100%;height:100%;transition:transform var(--motion-page) var(--motion-easing);transform-style:preserve-3d}.reveal-card--flipped .reveal-card__inner{transform:rotateY(180deg)}.reveal-card--suspense .reveal-card__inner{animation:sancha-suspense-shimmer .9s ease-in-out}.reveal-card__face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;border-radius:var(--radius-lg);overflow:hidden}.reveal-card__face--back{background:linear-gradient(160deg,var(--color-primary),var(--bg-void));display:flex;align-items:center;justify-content:center}.reveal-card__back-pattern{display:flex;align-items:center;justify-content:center;opacity:.3}.reveal-card__back-icon{width:80px;height:80px;color:var(--text-primary)}.reveal-card__face--front{transform:rotateY(180deg)}.reveal-card__face--front>.sancha-card__wrap{width:100%;height:100%}.reveal-card__face--front>.sancha-card__wrap>.sancha-card{height:100%}.reveal-card__face--front .sancha-card--small{--card-width: 200px;--card-height: 300px;--font-size-name: 1rem;--font-size-faction: .6rem;--font-size-code: .42rem;--font-size-badge: .75rem;--logo-size: 16px;--footer-height: 30px}.reveal-card__face--front .sancha-card{box-shadow:none}.reveal-card__face--front .sancha-card:hover{transform:none;box-shadow:none}.reveal-card__face--front .sancha-card__image{transition:none}.reveal-card__face--front .sancha-card:hover .sancha-card__image{transform:none}@keyframes sancha-suspense-shimmer{0%,to{box-shadow:0 0 #ffd70000}50%{box-shadow:0 0 30px #ffd70099}}.legendary-takeover{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0814eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);z-index:200;animation:sancha-screen-shake .5s ease-in-out}.legendary-takeover__card{width:300px;height:400px;border-radius:var(--radius-lg);overflow:hidden}.legendary-takeover__card>.sancha-card__wrap{width:100%;height:100%}.legendary-takeover__card>.sancha-card__wrap>.sancha-card{height:100%;box-shadow:0 0 60px #ffd70066}.legendary-takeover__card .sancha-card:hover{transform:none}.legendary-takeover h2{color:var(--rarity-l);font-size:2.5rem}@keyframes sancha-screen-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px,3px)}40%{transform:translate(6px,-3px)}60%{transform:translate(-4px,2px)}80%{transform:translate(4px,-2px)}}.rapid-reveal{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.rapid-reveal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3);width:100%}.reveal-grid{display:flex;flex-wrap:nowrap;justify-content:center;align-items:start;width:max-content;max-width:100%;margin-inline:auto}.reveal-grid__card{position:relative;flex:0 0 200px;width:200px;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);z-index:1}.reveal-grid__card+.reveal-grid__card{margin-left:-56px}@media (max-width: 520px){.reveal-grid{width:max-content;max-width:100%}.reveal-card,.reveal-grid__card{width:148px}.reveal-card{height:222px}.reveal-grid__card{flex-basis:148px}.reveal-grid__card+.reveal-grid__card{margin-left:-48px}}.reveal-grid__legendary-badge{position:absolute;top:-8px;right:-8px;background:var(--color-accent-premium);color:var(--bg-void);font-size:.6rem;font-weight:700;padding:2px 6px;border-radius:999px;white-space:nowrap;z-index:10;animation:sancha-pop-in .3s ease-out}.reveal-sequence__progress{text-align:center;margin-bottom:var(--space-3)}.reveal-sequence__hint{text-align:center;color:var(--text-muted);font-size:.8rem;margin-top:var(--space-2)}.reveal-sequence__final{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.08)}.reveal-sequence__complete{font-size:1.2rem;font-weight:700;color:var(--color-accent-premium);margin:0}@keyframes sancha-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.pack-opening-page__summary-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.pack-opening-page__summary-list li{padding:6px 12px;border-radius:var(--radius-md);font-size:.85rem}@media (prefers-reduced-motion: reduce){.reveal-card__inner,.reveal-card--suspense .reveal-card__inner,.legendary-takeover{animation:none!important}.reveal-card--flipped .reveal-card__inner{transition:none}}.recent-pulls{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-2) 2px var(--space-3);scroll-snap-type:x mandatory}.recent-pulls__empty{opacity:.7}.recent-pulls__wrapper{flex:0 0 148px;width:148px;scroll-snap-align:start;display:flex;flex-direction:column;gap:4px;animation:pulls-enter .45s var(--motion-easing) both}.recent-pulls__wrapper .sancha-card{pointer-events:none}.recent-pulls__wrapper .sancha-card,.recent-pulls__wrapper .sancha-card--gold,.recent-pulls__wrapper .sancha-card.rarity-s,.recent-pulls__wrapper .sancha-card.rarity-sp{box-shadow:0 10px 25px #000c;animation:none}.recent-pulls__wrapper .sancha-card.rarity-s{border-color:#e74c3c;border-image:none}.recent-pulls__wrapper .sancha-card.rarity-sp{border-color:#ff00e5;border-image:none}.recent-pulls__wrapper:nth-child(1){animation-delay:0ms}.recent-pulls__wrapper:nth-child(2){animation-delay:60ms}.recent-pulls__wrapper:nth-child(3){animation-delay:.12s}.recent-pulls__wrapper:nth-child(4){animation-delay:.18s}.recent-pulls__wrapper:nth-child(5){animation-delay:.24s}.recent-pulls__wrapper:nth-child(6){animation-delay:.3s}.recent-pulls__wrapper:nth-child(7){animation-delay:.36s}.recent-pulls__wrapper:nth-child(8){animation-delay:.42s}.recent-pulls__wrapper:nth-child(n+9){animation-delay:.48s}.recent-pulls__time{font-size:.65rem;color:var(--text-muted);text-align:center;white-space:nowrap}@keyframes pulls-enter{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.recent-pulls__wrapper{animation:none!important}.notif-bell--unread>svg{animation:none}}.collection-binder{display:flex;flex-direction:column;gap:var(--space-3);max-width:1200px;margin:0 auto;width:100%}.player-hub{display:flex;flex-direction:column;gap:var(--space-4);max-width:1200px;margin:0 auto;width:100%}.player-hub__top{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.player-hub__stats{display:flex;flex:1;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-3) var(--space-4);min-width:min(320px,100%)}.player-hub__stats>div{display:flex;flex-direction:column;gap:2px;min-width:120px;flex:1}.player-hub__stat-value{font-size:1.4rem;font-weight:700;color:var(--text-primary)}.player-hub__stat-label{font-size:.8rem;color:var(--text-muted)}.set-completion-ring{display:flex;align-items:center;justify-content:center;padding:var(--space-2)}.set-completion-ring__pct{font-size:1.4rem;font-weight:700;fill:var(--text-primary)}.set-completion-ring__count{font-size:.8rem;fill:var(--text-muted)}.set-completion-ring__progress{transition:stroke-dashoffset .6s var(--motion-easing)}.pack-opening-page__summary{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-4) 0}.binder-rarity__bar>span[data-progress="0"]{width:0%}.binder-rarity__bar>span[data-progress="5"]{width:5%}.binder-rarity__bar>span[data-progress="10"]{width:10%}.binder-rarity__bar>span[data-progress="15"]{width:15%}.binder-rarity__bar>span[data-progress="20"]{width:20%}.binder-rarity__bar>span[data-progress="25"]{width:25%}.binder-rarity__bar>span[data-progress="30"]{width:30%}.binder-rarity__bar>span[data-progress="35"]{width:35%}.binder-rarity__bar>span[data-progress="40"]{width:40%}.binder-rarity__bar>span[data-progress="45"]{width:45%}.binder-rarity__bar>span[data-progress="50"]{width:50%}.binder-rarity__bar>span[data-progress="55"]{width:55%}.binder-rarity__bar>span[data-progress="60"]{width:60%}.binder-rarity__bar>span[data-progress="65"]{width:65%}.binder-rarity__bar>span[data-progress="70"]{width:70%}.binder-rarity__bar>span[data-progress="75"]{width:75%}.binder-rarity__bar>span[data-progress="80"]{width:80%}.binder-rarity__bar>span[data-progress="85"]{width:85%}.binder-rarity__bar>span[data-progress="90"]{width:90%}.binder-rarity__bar>span[data-progress="95"]{width:95%}.binder-rarity__bar>span[data-progress="100"]{width:100%}.rapid-reveal__grid>:nth-child(1){animation-delay:0ms}.rapid-reveal__grid>:nth-child(2){animation-delay:.12s}.rapid-reveal__grid>:nth-child(3){animation-delay:.24s}.rapid-reveal__grid>:nth-child(4){animation-delay:.36s}.rapid-reveal__grid>:nth-child(5){animation-delay:.48s}.rapid-reveal__grid>:nth-child(6){animation-delay:.6s}.rapid-reveal__grid>:nth-child(7){animation-delay:.72s}.rapid-reveal__grid>:nth-child(8){animation-delay:.84s}.rapid-reveal__grid>:nth-child(9){animation-delay:.96s}.rapid-reveal__grid>:nth-child(n+10){animation-delay:1.08s}.drag-to-tear[data-drag="0"]{transform:translateY(0);opacity:1}.drag-to-tear[data-drag="1"]{transform:translateY(-2.4px);opacity:.97}.drag-to-tear[data-drag="2"]{transform:translateY(-4.8px);opacity:.94}.drag-to-tear[data-drag="3"]{transform:translateY(-7.2px);opacity:.91}.drag-to-tear[data-drag="4"]{transform:translateY(-9.6px);opacity:.88}.drag-to-tear[data-drag="5"]{transform:translateY(-12px);opacity:.85}.drag-to-tear[data-drag="6"]{transform:translateY(-14.4px);opacity:.82}.drag-to-tear[data-drag="7"]{transform:translateY(-16.8px);opacity:.79}.drag-to-tear[data-drag="8"]{transform:translateY(-19.2px);opacity:.76}.drag-to-tear[data-drag="9"]{transform:translateY(-21.6px);opacity:.73}.drag-to-tear[data-drag="10"]{transform:translateY(-24px);opacity:.7}@media (prefers-reduced-motion: reduce){.binder-rarity__bar>span,.rapid-reveal__grid>*,.drag-to-tear,.set-completion-ring__progress{transition:none!important;animation:none!important}}