.stat-card{transition:all .2s ease-in-out;background-color:var(--surface-1, #ffffff);border-color:var(--border-color, rgba(0, 0, 0, .125))}.stat-card:hover{transform:translateY(-2px)}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:50%}.stat-value{font-size:1.75rem;line-height:1;color:var(--text-primary, #2d3748)}.bg-soft-primary{background-color:#3b82f61a;color:var(--info, #3b82f6)}.bg-soft-success{background-color:#10b9811a;color:var(--success, #10b981)}.bg-soft-purple{background-color:#6f42c11a;color:#6f42c1}.bg-soft-indigo{background-color:#6610f21a;color:#6610f2}.bg-soft-cyan{background-color:#0dcaf01a;color:#0dcaf0}.bg-soft-teal{background-color:#20c9971a;color:#20c997}.stat-card a.card-body{color:inherit;text-decoration:none;background-color:var(--surface-1, #ffffff)}.stat-card a.card-body:hover{background-color:var(--surface-2, #f8f9fa)}.bag-tag-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;padding:20px}.keychain-card,.bag-tag-grid .card{background-color:var(--surface-1, #ffffff);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #00000026;border-color:var(--border-color, rgba(0, 0, 0, .125));transition:all .3s ease;position:relative}.keychain-card:hover,.bag-tag-grid .card:hover{transform:translateY(-6px);box-shadow:0 10px 24px #00000040;z-index:2}.keychain-header{background-color:var(--surface-2, #f8f9fa);padding:16px 20px;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .125));height:140px;display:flex;flex-direction:column;position:relative;overflow:hidden}.league-name{font-size:1.4rem;font-weight:600;color:var(--text-primary, #2d3748);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.2;min-height:2.4em;position:relative;z-index:1}.tag-status-container{margin-top:auto;z-index:1}.tag-status{display:inline-flex;align-items:center;padding:5px 12px;border-radius:16px;font-size:.875rem;font-weight:500;gap:6px;transition:all .2s ease}.tag-status i{font-size:.875rem}.tag-status.permanent{background-color:#10b98133;color:var(--success, #10b981);border:1px solid rgba(16,185,129,.3)}.tag-status.active{background-color:#3b82f633;color:var(--info, #3b82f6);border:1px solid rgba(59,130,246,.3)}.date-range{color:var(--text-muted, #718096);font-size:.875rem;margin-top:4px}.bag-tag-exchanges .bag-tag-flipper{width:320px}.keychain-image{padding:24px;background-color:var(--surface-1, #ffffff);min-height:270.664px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.keychain-details{padding:20px;background-color:var(--surface-1, #ffffff);border-top:1px solid var(--border-color, rgba(0, 0, 0, .125));position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{padding:12px;background-color:var(--surface-2, #f8f9fa);border-radius:8px;border:1px solid var(--border-color, rgba(0, 0, 0, .125));transition:all .2s ease;position:relative}.stat-label{font-size:.875rem;color:var(--text-muted, #718096);margin-bottom:4px;font-weight:500}.performance-stats{margin-top:20px;padding-top:20px;border-top:1px solid var(--border-color, rgba(0, 0, 0, .125))}.performance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.performance-item{text-align:center;padding:16px 12px;background-color:var(--surface-2, #f8f9fa);border-radius:10px;border:1px solid var(--border-color, rgba(0, 0, 0, .125));transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000000d}.performance-item:before{content:"";position:absolute;top:0;left:0;right:0;height:0;background:linear-gradient(90deg,var(--info, #3b82f6),transparent);opacity:.1;transition:height .3s ease}.performance-item:hover:before{height:3px}a.performance-item{cursor:pointer}a.performance-item:hover{background-color:var(--surface-3, #e9ecef);transform:translateY(-3px);border-color:#3b82f64d;box-shadow:0 4px 8px #0000001a;text-decoration:none;z-index:1}.performance-value{font-size:1.25rem;font-weight:600;margin-bottom:4px;color:var(--text-primary, #2d3748)}.performance-item .text-secondary{color:var(--text-primary, #2d3748)!important}.performance-label{font-size:.75rem;color:var(--text-muted, #718096);margin-bottom:8px}.performance-context{font-size:.7rem;color:var(--text-muted, #718096);line-height:1.2}.register-button{display:inline-flex;align-items:center;justify-content:center;margin-top:20px;padding:12px 16px;background-color:var(--info, #3b82f6);color:#fff!important;border-radius:8px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;gap:12px;width:100%;box-shadow:0 4px 8px #00000026;position:relative;z-index:1}.register-button:hover{background-color:var(--info-hover, #2563eb);transform:translateY(-2px);box-shadow:0 6px 12px #0003;color:#fff!important;text-decoration:none}.register-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a;transition-duration:.1s}.register-button i{font-size:1rem;transition:transform .2s ease}.register-button:hover i{transform:translate(-2px)}.achievements-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border-color, rgba(0, 0, 0, .125));position:relative}.achievements-title{font-size:1rem;font-weight:600;color:var(--text-primary, #2d3748);margin-bottom:12px}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;margin-top:16px}.achievement-item{padding:16px 12px;background-color:var(--surface-2, #f8f9fa);border-radius:8px;text-decoration:none;transition:all .3s ease;border:1px solid var(--border-color, rgba(0, 0, 0, .125));display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:hidden}.achievement-item:before{content:"";position:absolute;top:0;left:0;right:0;height:0;background:linear-gradient(90deg,var(--info, #3b82f6),transparent);opacity:.1;transition:height .3s ease}.achievement-item:hover{transform:translateY(-4px);background-color:var(--surface-3, #e9ecef);border-color:#3b82f64d;box-shadow:0 6px 12px #0000001a;text-decoration:none;z-index:1}.achievement-item:hover:before{height:3px}.achievement-icon{width:32px;height:32px;margin-bottom:8px;color:var(--info, #3b82f6)}.achievement-name{font-size:.875rem;font-weight:500;color:var(--text-primary, #2d3748);margin-bottom:4px}.achievement-date{font-size:.75rem;color:var(--text-muted, #718096);margin-bottom:4px}.achievement-context{font-size:.7rem;color:var(--text-muted, #718096);line-height:1.2}.achievements-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background-color:var(--surface-2, #f8f9fa);border-radius:8px;border:1px dashed var(--border-color, rgba(0, 0, 0, .125));margin-top:16px;text-align:center}.achievements-empty-icon{color:var(--text-muted, #718096);font-size:24px;margin-bottom:12px}.achievements-empty-title{font-size:.875rem;font-weight:500;color:var(--text-primary, #2d3748);margin-bottom:4px}.achievements-empty-text{font-size:.75rem;color:var(--text-muted, #718096);line-height:1.4}.empty-state{text-align:center;padding:48px 24px;background-color:var(--surface-2, #f8f9fa);border-radius:16px;margin:30px auto;border:1px dashed var(--border-color, rgba(0, 0, 0, .125));max-width:500px}.empty-state h3{color:var(--text-primary, #2d3748);margin-bottom:12px;font-size:1.25rem;font-weight:600}.empty-state p{color:var(--text-muted, #718096);font-size:1rem;line-height:1.6}h2.fw-bold,h2.h3,h2.text-2xl{color:var(--text-primary, #2d3748);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.keychain-card:focus-within,.bag-tag-grid .card:focus-within{outline:2px solid var(--info, #3b82f6);outline-offset:2px;box-shadow:0 4px 16px #0003}.achievement-item:focus,.performance-item:focus{outline:2px solid var(--info, #3b82f6);outline-offset:2px;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.bag-tag-grid{grid-template-columns:1fr;padding:16px}.keychain-card,.bag-tag-grid .card{margin-bottom:16px}.keychain-card:hover,.bag-tag-grid .card:hover{transform:translateY(-4px)}.performance-grid,.stats-grid{grid-template-columns:1fr}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.achievement-item:hover{transform:translateY(-2px)}h2.fw-bold,h2.h3,h2.text-2xl{font-size:1.25rem}}@media (prefers-reduced-motion: reduce){.keychain-card,.bag-tag-grid .card,.achievement-item,.performance-item,.stat-item,.register-button,.tag-status{transition-duration:.1s!important}.keychain-card:hover,.bag-tag-grid .card:hover{transform:translateY(-2px)}.achievement-item:hover{transform:translateY(-1px)}}.stats-mode-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .625rem;font-size:.75rem;font-weight:500;border-radius:9999px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.stats-mode-badge i{font-size:.75rem}.stats-mode-badge--active{background:linear-gradient(135deg,#10b98126,#10b98114);color:var(--success, #10b981);border:1px solid rgba(16,185,129,.3)}.stats-mode-badge--active:hover{background:linear-gradient(135deg,#10b98140,#10b98126);border-color:#10b98180;box-shadow:0 0 8px #10b98133}.stats-mode-badge--promo{background:linear-gradient(135deg,#3b82f626,#3b82f614);color:var(--info, #3b82f6);border:1px solid rgba(59,130,246,.3)}.stats-mode-badge--promo:hover{background:linear-gradient(135deg,#3b82f640,#3b82f626);border-color:#3b82f680;box-shadow:0 0 8px #3b82f633}.stats-mode-modal .modal-content{background-color:var(--surface-1, #ffffff);border:1px solid var(--border-color, rgba(0, 0, 0, .125))}.stats-mode-modal__header{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--border-color, rgba(0, 0, 0, .1));padding:1rem 1.25rem}.stats-mode-modal__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--info, #3b82f6),#6366f1);color:#fff;font-size:1rem}.stats-mode-modal .modal-title{flex:1;margin:0;font-size:1.125rem;font-weight:600;color:var(--text-primary, #2d3748)}.stats-mode-modal .modal-body{padding:1.25rem}.stats-mode-modal__screenshot{display:block;width:100%;max-width:280px;margin:0 auto 1rem;border-radius:8px;border:1px solid var(--border-color, rgba(0, 0, 0, .1));box-shadow:0 2px 8px #0000001a}.stats-mode-modal__intro{font-size:.9375rem;line-height:1.5;color:var(--text-secondary, #4a5568);margin-bottom:1rem}.stats-mode-modal__celebration{text-align:center;margin-bottom:1rem}.stats-mode-modal__benefits{background-color:var(--surface-2, #f8f9fa);border-radius:8px;padding:1rem;margin-bottom:1rem}.stats-mode-modal__benefits-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #2d3748);margin-bottom:.75rem}.stats-mode-modal__benefits-list{list-style:none;padding:0;margin:0}.stats-mode-modal__benefits-list li{display:flex;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.875rem;color:var(--text-secondary, #4a5568)}.stats-mode-modal__benefits-list li i{color:var(--success, #10b981);font-size:.875rem}.stats-mode-modal__cta-text{font-size:.875rem;color:var(--text-muted, #718096);text-align:center;margin-bottom:0}.stats-mode-modal .modal-footer{border-top:1px solid var(--border-color, rgba(0, 0, 0, .1));padding:1rem 1.25rem}.dark-theme .stats-mode-modal__benefits{background-color:var(--surface-2, rgba(255, 255, 255, .05))}.dark-theme .stats-mode-modal__screenshot{border-color:#ffffff1a}@media (max-width: 576px){.stats-mode-badge__text{display:none}.stats-mode-badge{padding:.375rem}.stats-mode-badge i{font-size:.875rem}}