*,*:before,*:after{box-sizing:border-box}:root{--color-bg: #f5f7fa;--color-surface: #ffffff;--color-primary: #1a73e8;--color-primary-hover: #1557b0;--color-text: #1f2937;--color-text-secondary: #6b7280;--color-border: #e5e7eb;--color-tag-bg: #e8f0fe;--color-tag-text: #1a73e8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .15);--radius: 8px;--radius-lg: 12px}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{max-width:1100px;margin:0 auto;padding:2rem 1.5rem 4rem}.app-header{text-align:center;margin-bottom:2rem}.app-header h1{font-size:2rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text)}.subtitle{margin:0;color:var(--color-text-secondary);font-size:1rem}.toolbar{display:flex;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.search-bar{flex:1 1 280px;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:12px;color:var(--color-text-secondary);pointer-events:none}.search-bar input{width:100%;padding:.65rem 2.5rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.95rem;background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .2s,box-shadow .2s}.search-bar input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.clear-btn{position:absolute;right:8px;background:none;border:none;font-size:1.25rem;color:var(--color-text-secondary);cursor:pointer;padding:0 4px;line-height:1}.clear-btn:hover{color:var(--color-text)}.sport-filter select{padding:.65rem 2rem .65rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius);font-size:.95rem;background:var(--color-surface);color:var(--color-text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2 4l4 4 4-4' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer;outline:none;transition:border-color .2s,box-shadow .2s;min-width:180px}.sport-filter select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1a73e826}.results-count{font-size:.875rem;color:var(--color-text-secondary);margin:0 0 .75rem}.league-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:.75rem}.league-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem 1.25rem;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s;-webkit-user-select:none;user-select:none}.league-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.league-card.selected{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary)}.league-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.league-name{margin:0 0 .5rem;font-size:1rem;font-weight:600;color:var(--color-text)}.league-details{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.sport-tag{display:inline-block;background:var(--color-tag-bg);color:var(--color-tag-text);font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:100px;text-transform:uppercase;letter-spacing:.02em}.league-alt{font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.loading-state,.error-state,.empty-state{text-align:center;padding:3rem 1rem;color:var(--color-text-secondary)}.error-state{color:#dc2626}.spinner{width:36px;height:36px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.badge-panel{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:2rem;max-width:420px;width:100%;position:relative;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.badge-panel h2{margin:0 0 1rem;font-size:1.25rem;padding-right:2rem}.badge-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);line-height:1;padding:0}.badge-close:hover{color:var(--color-text)}.badge-loading{text-align:center;padding:2rem 0;color:var(--color-text-secondary)}.badge-error{color:#dc2626;text-align:center;padding:1rem 0}.badge-content{text-align:center}.season-label{margin:0 0 1rem;font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.badge-image{max-width:100%;max-height:280px;object-fit:contain;border-radius:var(--radius)}.no-badge{color:var(--color-text-secondary);font-style:italic}.sport-stats{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1.25rem}.sport-stats-title{font-size:.9rem;font-weight:600;color:var(--color-text);margin:0 0 .75rem;display:flex;align-items:center;gap:.5rem}.sport-stats-total{font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-tag-bg);padding:.15rem .5rem;border-radius:100px}.sport-stats-bars{display:flex;flex-direction:column;gap:.35rem}.sport-stat-row{display:grid;grid-template-columns:110px 1fr 36px;align-items:center;gap:.5rem;background:none;border:1px solid transparent;border-radius:var(--radius);padding:.3rem .5rem;cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;transition:background-color .15s,border-color .15s}.sport-stat-row:hover{background:var(--color-tag-bg)}.sport-stat-row.active{background:var(--color-tag-bg);border-color:var(--color-primary)}.sport-stat-row.others{cursor:default;opacity:.7}.sport-stat-label{font-size:.8rem;font-weight:500;color:var(--color-text);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sport-stat-track{height:8px;background:var(--color-border);border-radius:100px;overflow:hidden}.sport-stat-fill{height:100%;background:var(--color-primary);border-radius:100px;transition:width .4s ease;min-width:4px}.sport-stat-count{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-align:right}@media(max-width:640px){.app{padding:1rem 1rem 3rem}.app-header h1{font-size:1.5rem}.toolbar{flex-direction:column}.sport-filter select{width:100%;min-width:unset}.league-list{grid-template-columns:1fr}.badge-panel{padding:1.5rem}.sport-stat-row{grid-template-columns:80px 1fr 30px}}