:root{--rainbow: #e040a0;--rainbow-bg: rgba(224, 64, 160, .08);--rainbow-border: rgba(224, 64, 160, .25)}.loading-state{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:20px}.spinner{width:48px;height:48px;border:3px solid var(--border-subtle);border-top-color:var(--accent-glow);border-radius:50%;animation:spin .8s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.9rem;color:var(--text-muted);letter-spacing:.1em}.container{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:10px 20px 80px}.pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.pack-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;overflow:hidden;animation:fadeSlideIn .5s ease both;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.pack-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006,0 0 20px #3ddc840f;border-color:#3ddc8440}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pack-header{padding:20px 24px 16px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;gap:12px}.pack-name{font-family:Cinzel Decorative,serif;font-size:1.15rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:10px}.pack-icon{font-size:1.4rem;filter:drop-shadow(0 0 6px rgba(240,192,64,.4))}.pack-tree-count{font-size:.75rem;color:var(--text-muted);background:#3ddc8414;border:1px solid rgba(61,220,132,.15);padding:3px 10px;border-radius:100px;letter-spacing:.06em;font-weight:600;white-space:nowrap}.pack-total-badge{font-size:.7rem;padding:3px 10px;border-radius:100px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.pack-total-badge.complete{background:#3ddc841a;border:1px solid rgba(61,220,132,.25);color:var(--accent-glow)}.pack-total-badge.incomplete{background:#f0c0401a;border:1px solid rgba(240,192,64,.25);color:var(--accent-gold)}.pack-trees{padding:8px 0}.pack-tree-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:12px 24px;transition:background .2s ease}.pack-tree-item:hover{background:var(--bg-card-hover)}.pack-tree-item+.pack-tree-item{border-top:1px solid rgba(61,220,132,.05)}.tree-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#3ddc840d;border:1px solid var(--border-subtle);flex-shrink:0}.tree-thumb-placeholder{width:48px;height:48px;border-radius:10px;background:#3ddc840d;border:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tree-thumb-placeholder svg{width:24px;height:24px;fill:var(--text-muted);opacity:.5}.tree-info{min-width:0}.tree-name{font-size:.92rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.rarity-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.rarity-dot[data-rarity=Common]{background:var(--common)}.rarity-dot[data-rarity=Rare]{background:var(--rare)}.rarity-dot[data-rarity=Legendary]{background:var(--legendary)}.rarity-dot[data-rarity=Mythical]{background:var(--mythical)}.rarity-dot[data-rarity=Guardian]{background:var(--guardian)}.rarity-dot[data-rarity=Enchanted]{background:var(--enchanted)}.rarity-dot[data-rarity=Ancient]{background:var(--ancient)}.rarity-dot[data-rarity=Rainbow]{background:var(--rainbow)}.chance-cell{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;min-width:80px}.chance-value{font-size:1rem;font-weight:700;letter-spacing:.02em}.chance-bar-wrap{width:80px;height:5px;background:#ffffff0f;border-radius:10px;overflow:hidden}.chance-bar-fill{height:100%;border-radius:10px;transition:width .8s cubic-bezier(.22,1,.36,1)}.chance-tier-legendary .chance-value{color:var(--accent-gold)}.chance-tier-legendary .chance-bar-fill{background:linear-gradient(90deg,var(--accent-gold),#ffdd70)}.chance-tier-high .chance-value{color:var(--accent-glow)}.chance-tier-high .chance-bar-fill{background:linear-gradient(90deg,var(--accent-glow),#70ffa8)}.chance-tier-mid .chance-value{color:#42a5f5}.chance-tier-mid .chance-bar-fill{background:linear-gradient(90deg,#42a5f5,#78c4ff)}.chance-tier-low .chance-value{color:#ab47bc}.chance-tier-low .chance-bar-fill{background:linear-gradient(90deg,#ab47bc,#ce93d8)}.chance-tier-ultra .chance-value{background:linear-gradient(90deg,#ff6ec7,gold,#7df9ff,#ff6ec7);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite}.chance-tier-ultra .chance-bar-fill{background:linear-gradient(90deg,#ff6ec7,gold,#7df9ff,#ff6ec7);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{to{background-position:200% 0}}.summary-bar{position:relative;z-index:2;max-width:1200px;margin:0 auto 24px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.summary-title{font-size:1rem;font-weight:600;color:var(--text-secondary);letter-spacing:.06em}.summary-count{color:var(--accent-glow);font-weight:700}.sort-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238aa896' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center,var(--bg-card);border:1px solid var(--border-subtle);border-radius:10px;padding:8px 36px 8px 14px;font-family:Quicksand,sans-serif;font-size:.82rem;font-weight:600;color:var(--text-primary);cursor:pointer;transition:border-color .3s}.sort-select:hover,.sort-select:focus{border-color:var(--accent-glow);outline:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3ddc8433;border-radius:10px}@media(max-width:480px){.pack-grid{grid-template-columns:1fr}.header{padding:40px 16px 20px}.container{padding:10px 12px 60px}.pack-header{padding:16px 16px 12px;flex-wrap:wrap}.pack-tree-item{padding:10px 16px;gap:10px}.pack-name{font-size:1rem}.tree-thumb,.tree-thumb-placeholder{width:40px;height:40px}.chance-bar-wrap{width:60px}.summary-bar{padding:0 12px}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:var(--text-muted);text-align:center}.empty-state svg{width:48px;height:48px;stroke:var(--text-muted);fill:none;stroke-width:1.5;margin-bottom:16px;opacity:.5}.empty-state p{font-size:1rem;font-weight:500}.empty-state .sub{font-size:.85rem;margin-top:6px}