:root{--bg:#0c0e12;--surface:#161920;--surface-hover:#1e222b;--border:#2a2e38;--accent:#3b82f6;--accent-glow:#3b82f640;--accent-dim:#1e40af;--text:#f0f0f5;--text-muted:#6b7280;--win:#22c55e;--loss:#ef4444;--provisional:#eab308;--gold:#fbbf24;--silver:#94a3b8;--bronze:#d97706}*,:before,:after{box-sizing:border-box}html{height:100%}body{background:var(--bg);min-height:100%;color:var(--text);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit}h1,h2,h3{margin:0;line-height:1.2}.page{min-height:100vh;padding-bottom:4rem}.nav{border-bottom:1px solid var(--border);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.nav__back{color:var(--text-muted);margin-right:auto;font-size:.875rem}.nav__link{color:var(--accent);font-size:.875rem;font-weight:500}.nav__back:hover,.nav__link:hover{opacity:.8;text-decoration:none}.empty-state{min-height:60vh;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.vote-section,.leaderboard-section{max-width:900px;margin:2rem auto;padding:0 1.5rem}.vote-section__title,.leaderboard-section__title{text-align:center;margin-bottom:.25rem;font-size:2rem;font-weight:700}.vote-section__subtitle,.leaderboard-section__subtitle{color:var(--text-muted);text-align:center;margin-bottom:2rem}.matchup{justify-content:center;align-items:center;gap:1rem;display:flex}.matchup__vs{background:var(--surface);border:2px solid var(--border);width:48px;height:48px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.player-card{background:var(--surface);border:2px solid var(--border);max-width:360px;color:var(--text);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:1rem;min-height:280px;padding:2rem 1.5rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.player-card:hover:not(:disabled){border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);transform:scale(1.02)}.player-card--winner{border-color:var(--win);box-shadow:0 0 20px #22c55e40}.player-card--loser{border-color:var(--loss);opacity:.7;box-shadow:0 0 20px #ef444426}.player-card--disabled{opacity:.6}.player-card__photo{background:var(--surface-hover);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.player-card__initials{color:var(--text);letter-spacing:.05em;font-size:2rem;font-weight:700}.player-card__crest{background:var(--surface);border-radius:50%;width:28px;height:28px;padding:2px;position:absolute;top:-4px;right:-4px}.player-card__number{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:700;display:flex;position:absolute;bottom:-4px;right:-4px}.player-card__info{text-align:center;flex-direction:column;gap:.3rem;display:flex}.player-card__name{font-size:1.15rem;font-weight:700}.player-card__meta{color:var(--text-muted);flex-wrap:wrap;justify-content:center;gap:.5rem;font-size:.8rem;display:flex}.player-card__position{background:var(--accent-dim);color:var(--accent);text-transform:uppercase;border-radius:999px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.vote-panel{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.vote-panel__count{color:var(--text-muted);min-height:1.2rem;font-size:.8rem}.vote-panel__refresh{background:var(--surface);color:var(--text-muted);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;margin-top:.5rem;padding:.4rem 1rem;font-size:.8rem;transition:color .15s,border-color .15s}.vote-panel__refresh:hover{color:var(--text);border-color:var(--accent)}.leaderboard__controls{justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.8rem;display:flex}.leaderboard__toggle{color:var(--text-muted);cursor:pointer;align-items:center;gap:.5rem;display:flex}.leaderboard__toggle input[type=checkbox]{accent-color:var(--accent)}.leaderboard__updated{color:var(--text-muted)}.leaderboard__table-wrapper{overflow-x:auto}.leaderboard__table{border-collapse:collapse;width:100%;font-size:.9rem}.leaderboard__table th{text-align:left;border-bottom:2px solid var(--border);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:.6rem .75rem;font-size:.75rem;font-weight:600}.leaderboard__table td{border-bottom:1px solid var(--border);white-space:nowrap;padding:.6rem .75rem}.leaderboard__table tbody tr:hover{background:var(--surface-hover)}.leaderboard__table tbody tr.provisional{opacity:.45}.leaderboard__table tr.rank-gold{border-left:3px solid var(--gold)}.leaderboard__table tr.rank-silver{border-left:3px solid var(--silver)}.leaderboard__table tr.rank-bronze{border-left:3px solid var(--bronze)}.leaderboard__rank{font-variant-numeric:tabular-nums;font-weight:700}.leaderboard__player{align-items:center;gap:.5rem;font-weight:600;display:flex}.leaderboard__crest{flex-shrink:0}.leaderboard__elo{font-variant-numeric:tabular-nums;font-weight:700}.provisional-badge{color:var(--provisional);text-transform:uppercase;background:#eab30826;border-radius:999px;margin-left:.3rem;padding:.1rem .4rem;font-size:.65rem;font-weight:600;display:inline-block}@media (max-width:900px){.matchup{flex-direction:column}.matchup__vs{width:40px;height:40px;font-size:.7rem}.player-card{max-width:100%;min-height:unset;padding:1.5rem 1rem}.vote-section__title,.leaderboard-section__title{font-size:1.5rem}}.player-card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}