@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#12121a;--bg-surface:#1a1a28;--bg-card:#1e1e2e;--bg-hover:#252538;--border-subtle:#2a2a40;--border-medium:#353550;--text-primary:#e8e8f0;--text-secondary:#9898b0;--text-muted:#606078;--accent-gold:#d4a843;--accent-gold-dim:#a88030;--accent-gold-glow:rgba(212, 168, 67, 0.3);--accent-blue:#4a90d9;--rarity-c:#888899;--rarity-uc:#4CAF50;--rarity-r:#2196F3;--rarity-sr:#9C27B0;--rarity-ssr:#FF5722;--rarity-ur:#FFD700;--rarity-lr-start:#ff0080;--rarity-lr-mid:#7b2ff7;--rarity-lr-end:#00d4ff;--font-main:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--transition-fast:150ms ease;--transition-medium:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:500ms cubic-bezier(0.4, 0, 0.2, 1)}*,:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden;line-height:1.5}#root{min-height:100vh;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}a{color:var(--accent-blue);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-main);cursor:pointer;border:none;outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-medium);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.navbar{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-xl);padding:var(--space-sm)var(--space-lg);background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar__tab{font-size:1.1rem;font-weight:700;color:var(--text-secondary);background:none;padding:var(--space-sm)var(--space-md);border-bottom:2px solid transparent;-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast);letter-spacing:.05em}.navbar__tab:hover{color:var(--text-primary)}.navbar__tab--active{color:var(--accent-gold);border-bottom-color:var(--accent-gold)}.navbar__help{position:absolute;right:var(--space-lg);width:32px;height:32px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-secondary);font-size:1rem;font-weight:700;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast)}.navbar__help:hover{background:var(--bg-hover);color:var(--text-primary)}.page{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--space-lg);max-width:960px;margin:0 auto;width:100%}.gacha-page{text-align:center}.pack-counter{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-xl);border:2px solid var(--accent-gold);-webkit-border-radius:var(--radius-xl);-moz-border-radius:var(--radius-xl);border-radius:var(--radius-xl);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-sm);background:-webkit-linear-gradient(315deg,rgba(212,168,67,8%),transparent);background:-moz-linear-gradient(315deg,rgba(212,168,67,8%),transparent);background:-o-linear-gradient(315deg,rgba(212,168,67,8%),transparent);background:linear-gradient(135deg,rgba(212,168,67,8%),transparent)}.pack-counter__number{font-size:1.4rem;font-weight:900;color:var(--accent-gold)}.pack-info{color:var(--text-secondary);font-size:.85rem;margin-bottom:var(--space-xs)}.pack-pity{color:var(--accent-gold-dim);font-size:.85rem;margin-bottom:var(--space-xl)}.pack-container{position:relative;cursor:pointer;margin:var(--space-lg)auto;width:280px;-webkit-transition:var(--transition-medium);-moz-transition:var(--transition-medium);-o-transition:var(--transition-medium);transition:var(--transition-medium)}.pack-container:hover{-webkit-transform:scale(1.03);-moz-transform:scale(1.03);-ms-transform:scale(1.03);-o-transform:scale(1.03);transform:scale(1.03)}.pack-container:active{-webkit-transform:scale(.98);-moz-transform:scale(.98);-ms-transform:scale(.98);-o-transform:scale(.98);transform:scale(.98)}.pack-visual{width:280px;height:400px;background:-webkit-linear-gradient(305deg,#2a2a3e 0%,#1a1a2a 50%,#252538 100%);background:-moz-linear-gradient(305deg,#2a2a3e 0%,#1a1a2a 50%,#252538 100%);background:-o-linear-gradient(305deg,#2a2a3e 0%,#1a1a2a 50%,#252538 100%);background:linear-gradient(145deg,#2a2a3e 0%,#1a1a2a 50%,#252538 100%);-webkit-border-radius:var(--radius-lg);-moz-border-radius:var(--radius-lg);border-radius:var(--radius-lg);border:2px solid var(--border-medium);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;overflow:hidden;-webkit-box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(212,168,67,5%);-moz-box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(212,168,67,5%);box-shadow:0 20px 60px rgba(0,0,0,.5),0 0 40px rgba(212,168,67,5%)}.pack-visual:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(212,168,67,6%),transparent,rgba(212,168,67,3%),transparent);-webkit-animation:packShimmer 6s linear infinite;-moz-animation:packShimmer 6s linear infinite;-o-animation:packShimmer 6s linear infinite;animation:packShimmer 6s linear infinite}@-webkit-keyframes packShimmer{0%{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes packShimmer{0%{-moz-transform:rotate(0);transform:rotate(0)}to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes packShimmer{0%{-o-transform:rotate(0);transform:rotate(0)}to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes packShimmer{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.pack-visual__logo{font-size:2.8rem;font-weight:900;background:-webkit-linear-gradient(315deg,var(--accent-gold),#f0d080);background:-moz-linear-gradient(315deg,var(--accent-gold),#f0d080);background:-o-linear-gradient(315deg,var(--accent-gold),#f0d080);background:linear-gradient(135deg,var(--accent-gold),#f0d080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;z-index:1;letter-spacing:.08em;text-shadow:none}.pack-visual__sub{font-size:.8rem;color:var(--text-secondary);z-index:1;margin-top:var(--space-xs);letter-spacing:.15em;text-transform:uppercase}.pack-visual__badge{position:absolute;top:var(--space-md);right:var(--space-md);padding:2px 10px;-webkit-border-radius:var(--radius-sm);-moz-border-radius:var(--radius-sm);border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;background:var(--accent-gold);color:var(--bg-primary);z-index:1}.pack-tap-hint{color:var(--accent-gold-dim);font-size:.9rem;margin-top:var(--space-lg);-webkit-animation:pulse 2s ease-in-out infinite;-moz-animation:pulse 2s ease-in-out infinite;-o-animation:pulse 2s ease-in-out infinite;animation:pulse 2s ease-in-out infinite}@-webkit-keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@-moz-keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@-o-keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.pack-disabled{opacity:.5;pointer-events:none}.pack-disabled .pack-tap-hint{-webkit-animation:none;-moz-animation:none;-o-animation:none;animation:none}.recharge-timer{color:var(--text-muted);font-size:.85rem;margin-top:var(--space-sm)}.result-page{text-align:center}.result-nav{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-md);margin-bottom:var(--space-md)}.result-nav__btn{width:36px;height:36px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary);font-size:1.1rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast)}.result-nav__btn:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.result-nav__btn:disabled{opacity:.3;pointer-events:none}.result-nav__counter{font-size:1rem;font-weight:600;color:var(--text-secondary);min-width:50px}.result-hint{font-size:.8rem;color:var(--text-muted);margin-bottom:var(--space-lg)}.result-card-container{position:relative;width:320px;margin:0 auto var(--space-xl);-webkit-perspective:1e3px;-moz-perspective:1e3px;perspective:1e3px}.result-card{width:320px;min-height:460px;-webkit-border-radius:var(--radius-lg);-moz-border-radius:var(--radius-lg);border-radius:var(--radius-lg);overflow:hidden;position:relative;background:var(--bg-card);-webkit-transition:var(--transition-medium);-moz-transition:var(--transition-medium);-o-transition:var(--transition-medium);transition:var(--transition-medium);-webkit-animation:cardReveal.5s ease-out;-moz-animation:cardReveal.5s ease-out;-o-animation:cardReveal.5s ease-out;animation:cardReveal.5s ease-out}@-webkit-keyframes cardReveal{0%{opacity:0;-webkit-transform:scale(.8)rotatey(20deg);transform:scale(.8)rotatey(20deg)}50%{opacity:.8;-webkit-transform:scale(1.05)rotatey(-5deg);transform:scale(1.05)rotatey(-5deg)}to{opacity:1;-webkit-transform:scale(1)rotatey(0);transform:scale(1)rotatey(0)}}@-moz-keyframes cardReveal{0%{opacity:0;-moz-transform:scale(.8)rotatey(20deg);transform:scale(.8)rotatey(20deg)}50%{opacity:.8;-moz-transform:scale(1.05)rotatey(-5deg);transform:scale(1.05)rotatey(-5deg)}to{opacity:1;-moz-transform:scale(1)rotatey(0);transform:scale(1)rotatey(0)}}@-o-keyframes cardReveal{0%{opacity:0;-o-transform:scale(.8)rotatey(20deg);transform:scale(.8)rotatey(20deg)}50%{opacity:.8;-o-transform:scale(1.05)rotatey(-5deg);transform:scale(1.05)rotatey(-5deg)}to{opacity:1;-o-transform:scale(1)rotatey(0);transform:scale(1)rotatey(0)}}@keyframes cardReveal{0%{opacity:0;-webkit-transform:scale(.8)rotatey(20deg);-moz-transform:scale(.8)rotatey(20deg);-o-transform:scale(.8)rotatey(20deg);transform:scale(.8)rotatey(20deg)}50%{opacity:.8;-webkit-transform:scale(1.05)rotatey(-5deg);-moz-transform:scale(1.05)rotatey(-5deg);-o-transform:scale(1.05)rotatey(-5deg);transform:scale(1.05)rotatey(-5deg)}to{opacity:1;-webkit-transform:scale(1)rotatey(0);-moz-transform:scale(1)rotatey(0);-o-transform:scale(1)rotatey(0);transform:scale(1)rotatey(0)}}.result-card[data-rarity=C]{border:2px solid var(--rarity-c)}.result-card[data-rarity=UC]{border:2px solid var(--rarity-uc)}.result-card[data-rarity=R]{border:2px solid var(--rarity-r)}.result-card[data-rarity=SR]{border:2px solid var(--rarity-sr);-webkit-box-shadow:0 0 24px rgba(156,39,176,.2);-moz-box-shadow:0 0 24px rgba(156,39,176,.2);box-shadow:0 0 24px rgba(156,39,176,.2)}.result-card[data-rarity=SSR]{border:2px solid var(--rarity-ssr);-webkit-box-shadow:0 0 32px rgba(255,87,34,.25);-moz-box-shadow:0 0 32px rgba(255,87,34,.25);box-shadow:0 0 32px rgba(255,87,34,.25)}.result-card[data-rarity=UR]{border:2px solid var(--rarity-ur);-webkit-box-shadow:0 0 40px rgba(255,215,0,.3);-moz-box-shadow:0 0 40px rgba(255,215,0,.3);box-shadow:0 0 40px rgba(255,215,0,.3);-webkit-animation:cardReveal.5s ease-out,urGlow 3s ease-in-out infinite;-moz-animation:cardReveal.5s ease-out,urGlow 3s ease-in-out infinite;-o-animation:cardReveal.5s ease-out,urGlow 3s ease-in-out infinite;animation:cardReveal.5s ease-out,urGlow 3s ease-in-out infinite}.result-card[data-rarity=LR]{border:2px solid transparent;background-image:-webkit-linear-gradient(var(--bg-card),var(--bg-card)),-webkit-linear-gradient(315deg,var(--rarity-lr-start),var(--rarity-lr-mid),var(--rarity-lr-end));background-image:-moz-linear-gradient(var(--bg-card),var(--bg-card)),-moz-linear-gradient(315deg,var(--rarity-lr-start),var(--rarity-lr-mid),var(--rarity-lr-end));background-image:-o-linear-gradient(var(--bg-card),var(--bg-card)),-o-linear-gradient(315deg,var(--rarity-lr-start),var(--rarity-lr-mid),var(--rarity-lr-end));background-image:linear-gradient(var(--bg-card),var(--bg-card)),linear-gradient(135deg,var(--rarity-lr-start),var(--rarity-lr-mid),var(--rarity-lr-end));-webkit-background-origin:border-box;-moz-background-origin:border-box;-o-background-origin:border-box;background-origin:border-box;background-clip:padding-box,border-box;-webkit-box-shadow:0 0 50px rgba(123,47,247,.3);-moz-box-shadow:0 0 50px rgba(123,47,247,.3);box-shadow:0 0 50px rgba(123,47,247,.3);-webkit-animation:cardReveal.5s ease-out,lrGlow 4s ease-in-out infinite;-moz-animation:cardReveal.5s ease-out,lrGlow 4s ease-in-out infinite;-o-animation:cardReveal.5s ease-out,lrGlow 4s ease-in-out infinite;animation:cardReveal.5s ease-out,lrGlow 4s ease-in-out infinite}@-webkit-keyframes urGlow{0%,to{-webkit-box-shadow:0 0 30px rgba(255,215,0,.2);box-shadow:0 0 30px rgba(255,215,0,.2)}50%{-webkit-box-shadow:0 0 50px rgba(255,215,0,.4);box-shadow:0 0 50px rgba(255,215,0,.4)}}@-moz-keyframes urGlow{0%,to{-moz-box-shadow:0 0 30px rgba(255,215,0,.2);box-shadow:0 0 30px rgba(255,215,0,.2)}50%{-moz-box-shadow:0 0 50px rgba(255,215,0,.4);box-shadow:0 0 50px rgba(255,215,0,.4)}}@-o-keyframes urGlow{0%,to{box-shadow:0 0 30px rgba(255,215,0,.2)}50%{box-shadow:0 0 50px rgba(255,215,0,.4)}}@keyframes urGlow{0%,to{-webkit-box-shadow:0 0 30px rgba(255,215,0,.2);-moz-box-shadow:0 0 30px rgba(255,215,0,.2);box-shadow:0 0 30px rgba(255,215,0,.2)}50%{-webkit-box-shadow:0 0 50px rgba(255,215,0,.4);-moz-box-shadow:0 0 50px rgba(255,215,0,.4);box-shadow:0 0 50px rgba(255,215,0,.4)}}@-webkit-keyframes lrGlow{0%,to{-webkit-box-shadow:0 0 40px rgba(123,47,247,.2);box-shadow:0 0 40px rgba(123,47,247,.2)}33%{-webkit-box-shadow:0 0 50px rgba(255,0,128,.3);box-shadow:0 0 50px rgba(255,0,128,.3)}66%{-webkit-box-shadow:0 0 50px rgba(0,212,255,.3);box-shadow:0 0 50px rgba(0,212,255,.3)}}@-moz-keyframes lrGlow{0%,to{-moz-box-shadow:0 0 40px rgba(123,47,247,.2);box-shadow:0 0 40px rgba(123,47,247,.2)}33%{-moz-box-shadow:0 0 50px rgba(255,0,128,.3);box-shadow:0 0 50px rgba(255,0,128,.3)}66%{-moz-box-shadow:0 0 50px rgba(0,212,255,.3);box-shadow:0 0 50px rgba(0,212,255,.3)}}@-o-keyframes lrGlow{0%,to{box-shadow:0 0 40px rgba(123,47,247,.2)}33%{box-shadow:0 0 50px rgba(255,0,128,.3)}66%{box-shadow:0 0 50px rgba(0,212,255,.3)}}@keyframes lrGlow{0%,to{-webkit-box-shadow:0 0 40px rgba(123,47,247,.2);-moz-box-shadow:0 0 40px rgba(123,47,247,.2);box-shadow:0 0 40px rgba(123,47,247,.2)}33%{-webkit-box-shadow:0 0 50px rgba(255,0,128,.3);-moz-box-shadow:0 0 50px rgba(255,0,128,.3);box-shadow:0 0 50px rgba(255,0,128,.3)}66%{-webkit-box-shadow:0 0 50px rgba(0,212,255,.3);-moz-box-shadow:0 0 50px rgba(0,212,255,.3);box-shadow:0 0 50px rgba(0,212,255,.3)}}.card-header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-sm);background:rgba(0,0,0,.4)}.card-rarity-badge{font-size:.85rem;font-weight:800;padding:2px 8px;-webkit-border-radius:var(--radius-sm);-moz-border-radius:var(--radius-sm);border-radius:var(--radius-sm)}.card-rarity-badge[data-rarity=C]{background:var(--rarity-c);color:#fff}.card-rarity-badge[data-rarity=UC]{background:var(--rarity-uc);color:#fff}.card-rarity-badge[data-rarity=R]{background:var(--rarity-r);color:#fff}.card-rarity-badge[data-rarity=SR]{background:var(--rarity-sr);color:#fff}.card-rarity-badge[data-rarity=SSR]{background:var(--rarity-ssr);color:#fff}.card-rarity-badge[data-rarity=UR]{background:var(--rarity-ur);color:#1a1a28}.card-rarity-badge[data-rarity=LR]{background:-webkit-linear-gradient(315deg,var(--rarity-lr-start),var(--rarity-lr-mid),var(--rarity-lr-end));background:-moz-linear-gradient(315deg,var(--rarity-lr-start),var(--rarity-lr-mid),var(--rarity-lr-end));background:-o-linear-gradient(315deg,var(--rarity-lr-start),var(--rarity-lr-mid),var(--rarity-lr-end));background:linear-gradient(135deg,var(--rarity-lr-start),var(--rarity-lr-mid),var(--rarity-lr-end));color:#fff}.card-title-text{font-size:.85rem;font-weight:600;color:var(--text-primary);overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:0;line-height:1.3}.card-image{width:100%;height:280px;-o-object-fit:contain;object-fit:contain;background:var(--bg-secondary)}.card-description{padding:var(--space-sm)var(--space-md);font-size:.78rem;color:var(--text-secondary);text-align:left;line-height:1.4;max-height:80px;overflow:hidden}.card-genres{padding:0 var(--space-md)var(--space-sm);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--space-xs)}.card-genre-tag{font-size:.65rem;padding:2px 6px;-webkit-border-radius:var(--radius-sm);-moz-border-radius:var(--radius-sm);border-radius:var(--radius-sm);background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border-subtle)}.card-stats{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;border-top:1px solid var(--border-subtle)}.card-stat{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;padding:var(--space-sm);text-align:center}.card-stat:first-child{border-right:1px solid var(--border-subtle)}.card-stat__label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.card-stat__label--atk{color:#ff6b6b}.card-stat__label--def{color:#4dabf7}.card-stat__value{font-size:1.3rem;font-weight:900;color:var(--text-primary)}.result-actions{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-sm);width:320px;margin:0 auto}.btn{padding:var(--space-sm)var(--space-lg);-webkit-border-radius:var(--radius-md);-moz-border-radius:var(--radius-md);border-radius:var(--radius-md);font-size:.95rem;font-weight:600;-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-sm)}.btn--primary{background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary)}.btn--primary:hover{background:var(--bg-hover);border-color:var(--accent-gold)}.btn--accent{background:-webkit-linear-gradient(315deg,#4a90d9,#357abd);background:-moz-linear-gradient(315deg,#4a90d9,#357abd);background:-o-linear-gradient(315deg,#4a90d9,#357abd);background:linear-gradient(135deg,#4a90d9,#357abd);color:#fff;border:none}.btn--accent:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.btn--gold{background:-webkit-linear-gradient(315deg,var(--accent-gold),#c49530);background:-moz-linear-gradient(315deg,var(--accent-gold),#c49530);background:-o-linear-gradient(315deg,var(--accent-gold),#c49530);background:linear-gradient(135deg,var(--accent-gold),#c49530);color:var(--bg-primary);border:none;font-weight:700}.btn--gold:hover{-webkit-filter:brightness(1.1);filter:brightness(1.1)}.btn:disabled{opacity:.5;pointer-events:none}.collection-page{width:100%;max-width:960px}.collection-stats{background:var(--bg-surface);border:1px solid var(--border-subtle);-webkit-border-radius:var(--radius-lg);-moz-border-radius:var(--radius-lg);border-radius:var(--radius-lg);padding:var(--space-lg);margin-bottom:var(--space-lg)}.collection-stats__header{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--space-md)}.collection-stats__title{font-size:1.2rem;font-weight:800}.collection-stats__summary{font-size:.85rem;color:var(--text-secondary)}.rarity-bars{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;gap:var(--space-sm);-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.rarity-bar{-webkit-box-flex:1;-webkit-flex:1;-moz-box-flex:1;-ms-flex:1;flex:1;min-width:100px;padding:var(--space-sm);-webkit-border-radius:var(--radius-sm);-moz-border-radius:var(--radius-sm);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-card);text-align:center}.rarity-bar__label{font-size:.8rem;font-weight:700;margin-bottom:2px}.rarity-bar__count{font-size:.7rem;color:var(--text-secondary)}.rarity-bar__progress{height:3px;background:var(--border-subtle);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;margin-top:4px;overflow:hidden}.rarity-bar__fill{height:100%;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:width var(--transition-medium);-moz-transition:width var(--transition-medium);-o-transition:width var(--transition-medium);transition:width var(--transition-medium)}.collection-controls{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-md);-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center}.collection-controls__label{font-size:.85rem;color:var(--text-secondary);font-weight:600}.sort-btn{padding:var(--space-xs)var(--space-md);-webkit-border-radius:var(--radius-sm);-moz-border-radius:var(--radius-sm);border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-secondary);-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast)}.sort-btn:hover{border-color:var(--border-medium);color:var(--text-primary)}.sort-btn--active{background:var(--accent-gold);border-color:var(--accent-gold);color:var(--bg-primary)}.search-input{width:100%;padding:var(--space-sm)var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);-webkit-border-radius:var(--radius-sm);-moz-border-radius:var(--radius-sm);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-main);font-size:.85rem;margin-bottom:var(--space-md);-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast)}.search-input:focus{border-color:var(--accent-gold);outline:none;-webkit-box-shadow:0 0 0 2px var(--accent-gold-glow);-moz-box-shadow:0 0 0 2px var(--accent-gold-glow);box-shadow:0 0 0 2px var(--accent-gold-glow)}.search-input::-webkit-input-placeholder{color:var(--text-muted)}.search-input:-moz-placeholder{color:var(--text-muted)}.search-input::-moz-placeholder{color:var(--text-muted)}.search-input:-ms-input-placeholder{color:var(--text-muted)}.search-input::-ms-input-placeholder{color:var(--text-muted)}.search-input::placeholder{color:var(--text-muted)}.card-table{width:100%;border-collapse:separate;border-spacing:0}.card-table thead th{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);padding:var(--space-sm)var(--space-md);text-align:left;border-bottom:1px solid var(--border-subtle)}.card-table tbody tr{-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast);cursor:pointer}.card-table tbody tr:hover{background:var(--bg-hover)}.card-table tbody td{padding:var(--space-md);border-bottom:1px solid var(--border-subtle);font-size:.85rem}.card-table .rarity-cell{font-weight:800;font-size:.9rem}.card-table .score-cell{color:var(--text-secondary);font-size:.85rem;font-weight:600}.card-table .title-cell{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.card-table .title-cell__name{font-weight:600;color:var(--text-primary)}.card-table .title-cell__genres{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:3px}.card-table .stat-cell{font-weight:700;font-variant-numeric:tabular-nums}.card-table .quantity-cell{color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.85);z-index:200;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:var(--space-lg);-webkit-animation:fadeIn.2s ease;-moz-animation:fadeIn.2s ease;-o-animation:fadeIn.2s ease;animation:fadeIn.2s ease}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-moz-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-o-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--bg-secondary);border:1px solid var(--border-medium);-webkit-border-radius:var(--radius-lg);-moz-border-radius:var(--radius-lg);border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;-webkit-animation:modalIn.3s ease;-moz-animation:modalIn.3s ease;-o-animation:modalIn.3s ease;animation:modalIn.3s ease;position:relative}@-webkit-keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.9)translatey(20px);transform:scale(.9)translatey(20px)}to{opacity:1;-webkit-transform:scale(1)translatey(0);transform:scale(1)translatey(0)}}@-moz-keyframes modalIn{0%{opacity:0;-moz-transform:scale(.9)translatey(20px);transform:scale(.9)translatey(20px)}to{opacity:1;-moz-transform:scale(1)translatey(0);transform:scale(1)translatey(0)}}@-o-keyframes modalIn{0%{opacity:0;-o-transform:scale(.9)translatey(20px);transform:scale(.9)translatey(20px)}to{opacity:1;-o-transform:scale(1)translatey(0);transform:scale(1)translatey(0)}}@keyframes modalIn{0%{opacity:0;-webkit-transform:scale(.9)translatey(20px);-moz-transform:scale(.9)translatey(20px);-o-transform:scale(.9)translatey(20px);transform:scale(.9)translatey(20px)}to{opacity:1;-webkit-transform:scale(1)translatey(0);-moz-transform:scale(1)translatey(0);-o-transform:scale(1)translatey(0);transform:scale(1)translatey(0)}}.modal-close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background:var(--bg-surface);border:1px solid var(--border-medium);color:var(--text-primary);font-size:1.2rem;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;z-index:10;-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-hover)}.modal-card-image{width:100%;height:auto;display:block;-webkit-border-radius:var(--radius-lg)var(--radius-lg)0 0;-moz-border-radius:var(--radius-lg)var(--radius-lg)0 0;border-radius:var(--radius-lg)var(--radius-lg)0 0}.modal-card-info{padding:var(--space-lg)}.modal-card-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-sm)}.modal-card-meta{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:var(--space-xs);font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-md)}.modal-card-meta span strong{color:var(--text-primary)}.modal-link-btn{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm)var(--space-lg);background:-webkit-linear-gradient(315deg,#e44d26,#c43e1f);background:-moz-linear-gradient(315deg,#e44d26,#c43e1f);background:-o-linear-gradient(315deg,#e44d26,#c43e1f);background:linear-gradient(135deg,#e44d26,#c43e1f);color:#fff;-webkit-border-radius:var(--radius-md);-moz-border-radius:var(--radius-md);border-radius:var(--radius-md);font-weight:700;font-size:.9rem;-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast);text-decoration:none}.modal-link-btn:hover{-webkit-filter:brightness(1.15);filter:brightness(1.15);text-decoration:none}.missions-section{width:100%;max-width:500px;margin-top:var(--space-xl)}.missions-title{font-size:.95rem;font-weight:800;color:var(--accent-gold);margin-bottom:var(--space-sm)}.mission-item{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-moz-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:var(--space-sm)var(--space-md);border-bottom:1px solid var(--border-subtle);font-size:.85rem}.mission-item__text{color:var(--text-primary)}.mission-item__progress{color:var(--text-secondary);font-variant-numeric:tabular-nums}.loading-spinner{width:32px;height:32px;border:3px solid var(--border-subtle);border-top-color:var(--accent-gold);-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-webkit-animation:spin.8s linear infinite;-moz-animation:spin.8s linear infinite;-o-animation:spin.8s linear infinite;animation:spin.8s linear infinite;margin:var(--space-xl)auto}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes spin{to{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes spin{to{-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:.85rem;text-align:center;margin-top:var(--space-sm)}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--text-muted)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md)}.empty-state__text{font-size:1rem;margin-bottom:var(--space-sm)}.empty-state__sub{font-size:.85rem}.pagination{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:var(--space-md);margin-top:var(--space-lg)}.pagination__btn{padding:var(--space-xs)var(--space-md);background:var(--bg-surface);border:1px solid var(--border-subtle);-webkit-border-radius:var(--radius-sm);-moz-border-radius:var(--radius-sm);border-radius:var(--radius-sm);color:var(--text-primary);font-size:.85rem;font-weight:600;-webkit-transition:var(--transition-fast);-moz-transition:var(--transition-fast);-o-transition:var(--transition-fast);transition:var(--transition-fast)}.pagination__btn:hover{border-color:var(--accent-gold)}.pagination__btn:disabled{opacity:.3;pointer-events:none}.pagination__info{font-size:.85rem;color:var(--text-secondary)}@media(max-width:600px){.navbar{gap:var(--space-md);padding:var(--space-sm)}.navbar__tab{font-size:.95rem}.page{padding:var(--space-md)}.pack-visual{width:240px;height:340px}.pack-container{width:240px}.result-card-container,.result-card,.result-actions{width:280px}.card-image{height:220px}.rarity-bars{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.rarity-bar{min-width:auto}.card-table{font-size:.8rem}.card-table thead th,.card-table tbody td{padding:var(--space-sm)}}@media(max-width:400px){.pack-visual{width:200px;height:290px}.pack-container{width:200px}.pack-visual__logo{font-size:2.2rem}.result-card-container,.result-card,.result-actions{width:260px}}
/*# sourceMappingURL=index_85da.8fe4adce.css.map */