:root {
  --ink: #f4f7f5;
  --muted: #aabbb4;
  --surface: #10201b;
  --surface-2: #172d26;
  --line: rgba(214, 238, 227, .12);
  --green: #75d65a;
  --cyan: #18c9e8;
  --gold: #ffca57;
  --red: #ff6f75;
  --bg: #07120f;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); min-height: 100vh; }
button { font: inherit; }
.shell { width: min(100%, 540px); margin: 0 auto; min-height: 100vh; padding: 18px 18px 98px; background: radial-gradient(circle at 90% -10%, #0a625e 0, transparent 32%), radial-gradient(circle at -12% 45%, #224c25 0, transparent 30%), var(--bg); }
.topbar, .row, .section-head, .match-top, .scoreline, .nav { display: flex; align-items: center; }
.topbar { justify-content: space-between; margin-bottom: 24px; }
.wordmark { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 900; letter-spacing: .08em; }
.wordmark img { width: 34px; height: 34px; border-radius: 10px; object-fit: cover; }
.icon-button { border: 1px solid var(--line); background: rgba(255,255,255,.06); color: var(--ink); border-radius: 12px; padding: 10px; cursor: pointer; }
.eyebrow { color: var(--cyan); font-size: 11px; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
h1 { margin: 6px 0 8px; font-size: 32px; line-height: 1.02; letter-spacing: -.045em; }
h2 { margin: 0; font-size: 18px; letter-spacing: -.02em; }
.lede, .subtle { color: var(--muted); margin: 0; line-height: 1.45; }
.hero { margin-bottom: 28px; }
.live-strip { display: flex; align-items: center; gap: 7px; margin-top: 18px; padding: 10px 12px; border: 1px solid rgba(24,201,232,.28); border-radius: 12px; background: rgba(24,201,232,.08); color: #d7fbff; font-size: 13px; font-weight: 700; }
.live-dot { width: 8px; height: 8px; background: #ff4553; border-radius: 50%; box-shadow: 0 0 0 5px rgba(255,69,83,.15); }
.section { margin: 27px 0; }
.section-head { justify-content: space-between; margin-bottom: 12px; }
.text-button { border: 0; background: transparent; color: var(--cyan); padding: 4px; font-size: 13px; font-weight: 800; cursor: pointer; }
.card { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(27,50,42,.9), rgba(14,29,24,.92)); border-radius: 18px; box-shadow: 0 15px 40px rgba(0,0,0,.18); }
.next-match { padding: 17px; overflow: hidden; position: relative; }
.next-match::after { content: "8"; position: absolute; right: -8px; bottom: -22px; color: rgba(255,255,255,.045); font: 900 180px/1 Georgia, serif; }
.match-top { justify-content: space-between; color: var(--muted); font-size: 12px; font-weight: 700; }
.status { color: #112418; background: var(--green); border-radius: 20px; padding: 5px 8px; font-size: 10px; font-weight: 900; text-transform: uppercase; }
.teams { display: grid; grid-template-columns: 1fr 34px 1fr; gap: 5px; align-items: center; margin: 19px 0; position: relative; z-index: 1; }
.team { font-weight: 900; font-size: 17px; line-height: 1.1; }
.team:last-child { text-align: right; }.versus { color: var(--gold); text-align: center; font-size: 11px; font-weight: 900; }
.match-meta { color: var(--muted); font-size: 13px; position: relative; z-index: 1; }
.quick-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.quick { min-height: 100px; padding: 13px 10px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.045); color: var(--ink); text-align: left; cursor: pointer; }
.quick-icon { display: block; font-size: 21px; margin-bottom: 11px; }.quick strong { display: block; font-size: 13px; }.quick small { display: block; color: var(--muted); margin-top: 3px; font-size: 11px; }
.stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }.stat-card { padding: 15px; }.stat-card strong { display: block; font-size: 25px; margin: 8px 0 2px; }.stat-card span { color: var(--muted); font-size: 12px; }
.home-hero { position: relative; overflow: hidden; margin: -4px 0 28px; padding: 18px; border: 1px solid rgba(24,201,232,.2); border-radius: 22px; background: radial-gradient(circle at 88% 10%, rgba(24,201,232,.22), transparent 32%), radial-gradient(circle at 10% 110%, rgba(117,214,90,.18), transparent 37%), linear-gradient(145deg, #153128, #0b1c17); box-shadow: 0 18px 45px rgba(0,0,0,.28); }.home-hero::after { content: "8"; position: absolute; z-index: 0; right: -15px; bottom: 24px; color: rgba(255,255,255,.035); font: 900 165px/1 Georgia, serif; }.home-hero-top, .home-hero-main, .home-live-link, .home-match-head, .home-match-footer { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; }.home-season { padding: 5px 8px; border: 1px solid rgba(24,201,232,.3); border-radius: 999px; background: rgba(24,201,232,.08); color: #d9faff; font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.home-active { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 9px; font-weight: 800; text-transform: uppercase; }.home-active i { width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(117,214,90,.12); }.home-hero-main { align-items: end; gap: 15px; margin: 25px 0 22px; }.home-hero h1 { margin: 5px 0 9px; font-size: 34px; }.home-hero-main p { max-width: 280px; margin: 0; color: var(--muted); font-size: 12px; line-height: 1.5; }.home-live-orb { display: grid; flex: 0 0 auto; place-items: center; width: 68px; height: 68px; border: 1px solid rgba(255,255,255,.14); border-radius: 50%; background: rgba(5,18,14,.55); box-shadow: inset 0 0 20px rgba(24,201,232,.08); text-align: center; }.home-live-orb strong { color: var(--cyan); font-size: 23px; line-height: .9; }.home-live-orb span { color: var(--muted); font-size: 7px; font-weight: 900; letter-spacing: .08em; line-height: 1.1; text-transform: uppercase; }.home-live-link { width: 100%; padding: 11px 12px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; background: rgba(0,0,0,.18); color: var(--ink); cursor: pointer; font-size: 10px; text-align: left; }.home-live-link span { display: flex; align-items: center; gap: 8px; color: var(--muted); }.home-live-link b { color: var(--cyan); }.home-section { margin: 27px 0; }.home-section .section-head { align-items: end; }.home-section-label { display: block; margin-bottom: 3px; color: var(--cyan); font-size: 8px; font-weight: 900; letter-spacing: .13em; text-transform: uppercase; }.home-match-card { overflow: hidden; padding: 0; }.home-match-head { padding: 11px 13px; border-bottom: 1px solid var(--line); background: rgba(0,0,0,.13); color: var(--muted); font-size: 10px; font-weight: 800; }.home-matchup { display: grid; grid-template-columns: 1fr 38px 1fr; align-items: center; padding: 20px 13px; }.home-match-team { display: grid; justify-items: start; }.home-match-team.away { justify-items: end; text-align: right; }.home-team-mark { display: grid; place-items: center; width: 39px; height: 39px; margin-bottom: 9px; border-radius: 12px; color: #061713; font-size: 14px; font-weight: 1000; }.home-team-mark-blue { background: linear-gradient(145deg, #41d6ee, #1592ad); }.home-team-mark-green { background: linear-gradient(145deg, #9ae97f, #59ad43); }.home-match-team strong { font-size: 14px; }.home-match-team small { margin-top: 3px; color: var(--muted); font-size: 9px; }.home-versus { display: grid; place-items: center; gap: 7px; color: var(--gold); font-size: 9px; font-weight: 1000; }.home-versus i { width: 1px; height: 24px; background: linear-gradient(transparent, rgba(255,202,87,.6), transparent); }.home-match-footer { padding: 11px 13px; border-top: 1px solid var(--line); background: rgba(0,0,0,.1); color: var(--muted); font-size: 9px; }.home-match-footer button { padding: 7px 9px; border: 1px solid rgba(24,201,232,.28); border-radius: 8px; background: rgba(24,201,232,.08); color: #d9faff; font-size: 9px; font-weight: 900; cursor: pointer; }.home-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 16px; background: var(--line); }.home-metrics div { padding: 13px 6px; background: rgba(17,40,32,.95); text-align: center; }.home-metrics strong { display: block; color: var(--ink); font-size: 19px; }.home-metrics span { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.home-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.home-actions button { display: grid; grid-template-columns: 35px minmax(0,1fr) auto; gap: 9px; align-items: center; min-height: 72px; padding: 11px; border: 1px solid var(--line); border-radius: 15px; background: linear-gradient(145deg, rgba(27,50,42,.86), rgba(13,29,23,.9)); color: var(--ink); text-align: left; cursor: pointer; transition: border-color .16s, transform .16s; }.home-actions button:hover { border-color: rgba(24,201,232,.36); transform: translateY(-1px); }.home-action-icon { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 10px; background: rgba(24,201,232,.12); color: var(--cyan); font-size: 17px; }.home-action-icon.live { background: rgba(255,111,117,.1); color: var(--red); }.home-action-icon.teams-icon { background: rgba(117,214,90,.1); color: var(--green); }.home-action-icon.playoff-icon { background: rgba(255,202,87,.1); color: var(--gold); }.home-actions strong, .home-actions small { display: block; }.home-actions strong { font-size: 11px; }.home-actions small { margin-top: 2px; color: var(--muted); font-size: 8px; }.home-actions b { color: #657a70; font-size: 17px; }.home-leaders { overflow: hidden; }.home-leader { display: grid; grid-template-columns: 38px minmax(0,1fr) auto; gap: 11px; align-items: center; padding: 13px; border-bottom: 1px solid var(--line); }.home-leader:last-child { border-bottom: 0; }.home-leader-rank { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: rgba(24,201,232,.1); color: var(--cyan); font-size: 14px; font-weight: 1000; }.home-leader-rank.team-rank { background: rgba(255,202,87,.1); color: var(--gold); }.home-leader div small, .home-leader div strong, .home-leader div span { display: block; }.home-leader div small { color: var(--muted); font-size: 7px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.home-leader div strong { margin: 2px 0; font-size: 13px; }.home-leader div span { color: var(--muted); font-size: 9px; }.home-leader > b { color: var(--gold); font-size: 13px; }
.list { overflow: hidden; }.list-row { display: grid; grid-template-columns: 28px 1fr auto; gap: 10px; align-items: center; padding: 13px 14px; border-bottom: 1px solid var(--line); }.list-row:last-child { border-bottom: 0; }.rank { color: var(--cyan); font-weight: 900; }.list-name { font-size: 14px; font-weight: 800; }.list-detail { margin-top: 2px; color: var(--muted); font-size: 11px; }.list-value { color: var(--gold); font-size: 14px; font-weight: 900; }
.screen-title { margin-bottom: 22px; }.filters { display: flex; gap: 8px; overflow-x: auto; margin: 14px 0 19px; padding-bottom: 3px; }.filter { white-space: nowrap; border: 1px solid var(--line); border-radius: 999px; background: transparent; color: var(--muted); padding: 8px 12px; font-size: 12px; font-weight: 700; }.filter.active { border-color: var(--cyan); background: rgba(24,201,232,.12); color: #ddfbff; }
.table { width: 100%; border-collapse: collapse; font-size: 13px; }.table th { padding: 10px 12px; color: var(--muted); text-align: left; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.table td { padding: 12px; border-top: 1px solid var(--line); }.table td:last-child, .table th:last-child { text-align: right; }.pill { color: var(--green); font-weight: 800; }
.schedule-card { padding: 15px; margin-bottom: 10px; }.schedule-date { color: var(--cyan); font-size: 12px; font-weight: 900; }.schedule-card .teams { margin: 12px 0; }.schedule-detail { color: var(--muted); font-size: 12px; }
.team-card { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 12px; align-items: center; width: 100%; padding: 14px; margin-bottom: 10px; color: var(--ink); text-align: left; }.team-card-button { cursor: pointer; }.team-card-button:hover { border-color: rgba(24,201,232,.38); transform: translateY(-1px); }.team-card-button:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }.captain { display: grid; place-items: center; height: 54px; border-radius: 16px; background: linear-gradient(135deg, #1696b6, #73d65a); color: #05120f; font-weight: 1000; }.roster { color: var(--muted); font-size: 12px; line-height: 1.5; }.team-card-side { display: grid; align-self: stretch; justify-items: end; }.tag { color: var(--gold); font-size: 10px; font-weight: 900; letter-spacing: .08em; }.team-arrow { align-self: end; color: var(--cyan); font-size: 17px; }.team-detail-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: var(--line); }.team-detail-summary div { display: grid; align-content: center; min-height: 78px; padding: 11px 7px; background: rgba(19,43,35,.96); text-align: center; }.team-detail-summary strong { display: block; margin-top: 5px; color: var(--cyan); font-size: 16px; }.team-detail-summary span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.player-profile-grid { display: grid; gap: 12px; }.player-profile { display: grid; grid-template-columns: 104px minmax(0, 1fr); min-height: 138px; padding: 12px; overflow: hidden; }.player-profile-photo { position: relative; display: grid; place-items: center; min-height: 114px; overflow: hidden; border-radius: 15px; background: linear-gradient(145deg, #1599b8, #14473f 55%, #74cf59); color: rgba(255,255,255,.88); font-size: 42px; font-weight: 1000; }.player-profile-photo img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }.player-profile-copy { display: grid; align-content: center; padding-left: 14px; }.player-role { color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.player-profile-copy h2 { margin: 4px 0 13px; font-size: 21px; }.player-ratings { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.player-ratings div { padding-left: 8px; border-left: 2px solid rgba(24,201,232,.35); }.player-ratings div:last-child { border-color: rgba(117,214,90,.45); }.player-ratings strong { display: block; color: var(--ink); font-size: 16px; }.player-ratings span { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase; }
.free-agents-section { margin-top: 28px; padding: 18px 0 6px; border-top: 1px solid rgba(255,255,255,.12); }.free-agent-count { padding: 6px 10px; border: 1px solid rgba(244,194,71,.32); border-radius: 999px; color: var(--gold); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }.free-agent-intro { margin: -4px 0 14px; color: var(--muted); font-size: 12px; line-height: 1.5; }.free-agent-list { display: grid; gap: 10px; }.free-agent-card { display: grid; grid-template-columns: 72px minmax(0,1fr); gap: 13px; align-items: center; padding: 12px; border-color: rgba(244,194,71,.25); }.free-agent-photo { position: relative; display: grid; place-items: center; width: 72px; height: 72px; overflow: hidden; border: 1px solid rgba(244,194,71,.38); border-radius: 20px; background: linear-gradient(145deg,#3b3525,#161812); color: var(--gold); font-size: 26px; font-weight: 1000; }.free-agent-photo img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }.free-agent-card h2 { margin: 4px 0; font-size: 20px; }.free-agent-card p { margin: 0; color: var(--muted); font-size: 11px; }
.stream-card { overflow: hidden; margin-bottom: 13px; }.stream-preview { display: grid; place-items: center; height: 150px; background: linear-gradient(130deg, #0b4550, #17261e 47%, #416516); }.play { display: grid; place-items: center; width: 54px; height: 54px; padding-left: 3px; border: 0; border-radius: 50%; background: var(--cyan); color: #06201e; cursor: pointer; font-size: 18px; }.stream-info { padding: 14px; }.stream-info p { margin: 4px 0 0; color: var(--muted); font-size: 12px; }.live-label { color: #ff9ca0; font-size: 11px; font-weight: 900; letter-spacing: .1em; }
.scoreboard-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: var(--line); }.scoreboard-summary div { padding: 14px 9px; background: rgba(19,43,35,.96); text-align: center; }.scoreboard-summary strong { display: block; color: var(--cyan); font-size: 22px; }.scoreboard-summary span { color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }
.live-game { padding: 15px; margin-bottom: 10px; }.live-game-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 11px; font-weight: 800; }.live-score { display: grid; grid-template-columns: 1fr 36px; align-items: center; gap: 10px; padding: 10px 0; }.live-score:last-of-type { padding-top: 0; }.live-team { font-size: 15px; font-weight: 900; }.live-captain { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; font-weight: 500; }.live-number { color: var(--ink); font-size: 26px; font-weight: 1000; text-align: center; }.game-progress { display: flex; gap: 4px; margin-top: 2px; }.game-progress i { flex: 1; height: 4px; border-radius: 9px; background: rgba(255,255,255,.13); }.game-progress i.home { background: var(--cyan); }.game-progress i.away { background: var(--green); }.live-game-footer { display: flex; align-items: center; justify-content: space-between; margin-top: 11px; padding-top: 11px; border-top: 1px solid var(--line); color: var(--muted); font-size: 11px; }.watch { border: 1px solid rgba(24,201,232,.3); border-radius: 9px; background: rgba(24,201,232,.1); color: #d8fbff; padding: 6px 9px; font-size: 11px; font-weight: 900; cursor: pointer; }
.score-card { padding: 16px; }.game { display: grid; grid-template-columns: 1fr 25px 1fr; align-items: center; gap: 6px; padding: 13px 0; border-bottom: 1px solid var(--line); }.game:last-child { border: 0; }.game button { padding: 11px 8px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.04); color: var(--ink); font-size: 12px; font-weight: 800; cursor: pointer; }.game button.selected { border-color: var(--green); background: rgba(117,214,90,.17); color: #d9ffd0; }.game-vs { text-align: center; color: var(--muted); font-size: 10px; font-weight: 900; }.submit { width: 100%; padding: 14px; border: 0; border-radius: 13px; background: linear-gradient(90deg, var(--cyan), #79e987); color: #062019; font-size: 14px; font-weight: 1000; cursor: pointer; }
.tape-match { position: relative; overflow: hidden; padding: 19px 16px; }.tape-match::after { content: "VS"; position: absolute; inset: 30px 0 auto; color: rgba(255,255,255,.035); font-size: 150px; font-weight: 1000; letter-spacing: -.13em; text-align: center; pointer-events: none; }.tape-header { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; color: var(--muted); font-size: 11px; font-weight: 800; }.tape-teams { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr 40px 1fr; align-items: center; margin: 17px 0 10px; }.team-number { color: var(--cyan); font-size: 10px; font-weight: 1000; letter-spacing: .12em; }.tape-team { font-size: 19px; font-weight: 1000; line-height: 1.05; }.tape-team:last-child { text-align: right; }.tape-team:last-child .team-number { color: var(--green); }.team-name { margin-top: 3px; color: var(--muted); font-size: 12px; font-weight: 700; }.tape-vs { color: var(--gold); text-align: center; font-size: 12px; font-weight: 1000; }.tape-points { position: relative; z-index: 1; display: flex; justify-content: space-between; color: var(--muted); font-size: 12px; }.tape-lineups { display: grid; gap: 10px; margin-top: 12px; }.tape-player { display: grid; grid-template-columns: 54px 1fr auto 54px; gap: 10px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.035); }.tape-player.away { grid-template-columns: 54px auto 1fr 54px; text-align: right; }.portrait { position: relative; display: grid; place-items: end center; height: 54px; overflow: hidden; border-radius: 15px; background: linear-gradient(145deg, #1d9ab7, #123f47 52%, #80cb5c); color: rgba(255,255,255,.96); font-size: 25px; font-weight: 1000; }.portrait.away { background: linear-gradient(145deg, #88d45e, #367a38 45%, #115d72); }.player-photo { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; }.tape-position { color: var(--cyan); font-size: 10px; font-weight: 1000; letter-spacing: .08em; }.tape-player.away .tape-position { color: var(--green); }.tape-name { margin-top: 2px; font-size: 14px; font-weight: 900; }.tape-record { color: var(--muted); font-size: 11px; }.tape-win { color: var(--gold); font-size: 14px; font-weight: 1000; }.tape-v { color: var(--gold); font-size: 12px; font-weight: 1000; }.match-facts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; overflow: hidden; margin: 12px 0 18px; border: 1px solid var(--line); border-radius: 15px; background: var(--line); }.match-facts div { padding: 11px 7px; background: rgba(18,42,34,.95); text-align: center; }.match-facts strong { display: block; font-size: 14px; }.match-facts span { color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.tape-row { display: grid; grid-template-columns: minmax(0, 1fr) 25px minmax(0, 1fr); gap: 7px; align-items: center; padding: 12px; border: 1px solid var(--line); border-radius: 16px; background: rgba(255,255,255,.035); }.lineup-player { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 8px; align-items: center; min-width: 0; }.lineup-player.away { grid-template-columns: minmax(0, 1fr) 48px; text-align: right; }.lineup-player.away .portrait { order: 2; }.lineup-player.away .tape-position { color: var(--green); }.lineup-player .portrait { height: 48px; border-radius: 13px; font-size: 21px; }.lineup-player .tape-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.lineup-player .tape-win { margin-top: 2px; font-size: 12px; }
.admin-card, .draft-card { padding: 16px; }.admin-card { margin-bottom: 11px; }.admin-card h2 { margin-bottom: 5px; }.form-label { display: block; margin: 16px 0 7px; color: var(--muted); font-size: 11px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.form-input { width: 100%; padding: 12px; border: 1px solid var(--line); border-radius: 12px; background: rgba(0,0,0,.16); color: var(--ink); font: inherit; }.type-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.type-button { min-height: 92px; padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.035); color: var(--ink); text-align: left; cursor: pointer; }.type-button.active { border-color: var(--cyan); background: rgba(24,201,232,.11); }.type-button strong, .type-button small { display: block; }.type-button strong { margin: 6px 0 4px; font-size: 14px; }.type-button small { color: var(--muted); font-size: 11px; line-height: 1.35; }.venue { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid var(--line); }.venue:last-child { border-bottom: 0; }.venue strong { font-size: 13px; }.venue span { color: var(--muted); font-size: 11px; }.admin-link { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 11px; padding: 12px 0 0; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--cyan); text-align: left; font-size: 13px; font-weight: 900; cursor: pointer; }.approval { display: flex; gap: 8px; }.approval button { padding: 7px 9px; border: 1px solid var(--line); border-radius: 8px; background: transparent; color: var(--ink); font-size: 11px; font-weight: 800; cursor: pointer; }.approval button:first-child { border-color: rgba(117,214,90,.5); color: var(--green); }
.draft-hero { position: relative; overflow: hidden; padding: 19px; background: radial-gradient(circle at 50% 0, #15535a, #14241d 60%); }.draft-hero::after { content: "DRAFT"; position: absolute; right: -12px; bottom: -27px; color: rgba(255,255,255,.04); font-size: 76px; font-weight: 1000; }.draft-turn { position: relative; z-index: 1; display: flex; justify-content: space-between; align-items: center; margin-top: 17px; }.draft-turn strong { display: block; font-size: 22px; }.draft-turn span { color: var(--muted); font-size: 12px; }.draft-clock { display: grid; place-items: center; width: 58px; height: 58px; border: 2px solid var(--cyan); border-radius: 50%; color: var(--cyan); font-size: 17px; font-weight: 1000; }.draft-pool { display: grid; gap: 9px; }.draft-player { display: grid; grid-template-columns: 48px 1fr auto; gap: 10px; align-items: center; padding: 11px; border: 1px solid var(--line); border-radius: 15px; background: rgba(255,255,255,.035); }.draft-player .portrait { height: 48px; border-radius: 13px; font-size: 20px; }.draft-player strong { display: block; font-size: 14px; }.draft-player span { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; }.pick-button { padding: 8px 10px; border: 1px solid rgba(24,201,232,.42); border-radius: 9px; background: rgba(24,201,232,.1); color: #d8fbff; font-size: 11px; font-weight: 1000; cursor: pointer; }.draft-log { margin-top: 11px; }.draft-log div { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 12px; }.draft-log b { color: var(--ink); }
.draft-announcement { position: fixed; z-index: 50; inset: 0; display: grid; place-items: center; padding: 22px; background: rgba(2,9,7,.93); backdrop-filter: blur(12px); text-align: center; }.announcement-card { width: min(100%, 520px); padding: 28px 18px 20px; border: 2px solid var(--gold); border-radius: 22px; background: radial-gradient(circle at 50% 8%, #28452e, #08150f 65%); box-shadow: 0 0 60px rgba(255,202,87,.22); }.pick-in { color: var(--gold); font-size: 13px; font-weight: 1000; letter-spacing: .24em; text-transform: uppercase; }.announcement-name { margin: 12px 0; color: var(--ink); font-size: clamp(36px, 12vw, 66px); font-weight: 1000; line-height: .9; letter-spacing: -.06em; text-transform: uppercase; }.announcement-photo { position: relative; display: grid; place-items: center; width: 126px; height: 126px; margin: 18px auto; overflow: hidden; border: 4px solid var(--cyan); border-radius: 50%; background: linear-gradient(145deg, #1d9ab7, #123f47 52%, #80cb5c); color: var(--ink); font-size: 58px; font-weight: 1000; }.announcement-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }.announcement-team { color: var(--muted); font-size: 13px; }.announcement-card.flashing { animation: announcementPulse .65s steps(2, end) infinite; }.announcement-card.flashing .announcement-name { text-shadow: 0 0 22px var(--gold); }@keyframes announcementPulse { 50% { transform: scale(1.025); border-color: var(--cyan); box-shadow: 0 0 85px rgba(24,201,232,.48); } }
.bracket-lock { display: flex; gap: 12px; align-items: center; padding: 14px; border: 1px solid rgba(255,202,87,.35); border-radius: 16px; background: rgba(255,202,87,.08); }.bracket-lock strong { display: block; color: var(--gold); font-size: 13px; }.bracket-lock span { color: var(--muted); font-size: 11px; }.round-tabs { display: flex; gap: 7px; overflow-x: auto; margin: 17px 0 12px; padding-bottom: 3px; }.round-tab { flex: 0 0 auto; min-width: 54px; padding: 9px 8px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.035); color: var(--muted); font-size: 11px; font-weight: 900; cursor: pointer; }.round-tab.active { border-color: var(--cyan); background: rgba(24,201,232,.12); color: #dffbff; }.bracket-game { overflow: hidden; margin-bottom: 9px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.035); }.bracket-game-head { display: flex; justify-content: space-between; padding: 8px 11px; background: rgba(0,0,0,.13); color: var(--muted); font-size: 10px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }.bracket-team { display: grid; grid-template-columns: 26px 1fr auto; gap: 7px; align-items: center; width: 100%; padding: 11px; border: 0; border-top: 1px solid var(--line); background: transparent; color: var(--ink); text-align: left; cursor: pointer; }.bracket-team:first-of-type { border-top: 0; }.bracket-team:disabled { cursor: default; color: #6d8076; }.bracket-team.selected { background: rgba(117,214,90,.15); color: #e2ffd9; }.bracket-seed { color: var(--cyan); font-size: 10px; font-weight: 1000; }.bracket-check { color: var(--green); font-weight: 1000; }.scoring-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--line); }.scoring-grid div { padding: 10px 4px; background: rgba(18,42,34,.95); text-align: center; }.scoring-grid b { display: block; color: var(--gold); font-size: 15px; }.scoring-grid span { display: block; margin-top: 2px; color: var(--muted); font-size: 8px; font-weight: 900; text-transform: uppercase; }.leaderboard-row { display: grid; grid-template-columns: 27px 1fr auto; gap: 9px; align-items: center; padding: 12px; border-bottom: 1px solid var(--line); }.leaderboard-row:last-child { border: 0; }.leaderboard-row strong { font-size: 13px; }.leaderboard-row span { display: block; margin-top: 2px; color: var(--muted); font-size: 11px; }.leaderboard-row b { color: var(--gold); font-size: 15px; }
.nav { position: fixed; z-index: 10; bottom: 0; left: 50%; transform: translateX(-50%); justify-content: space-around; width: min(100%, 540px); padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); border-top: 1px solid var(--line); background: rgba(6,17,14,.94); backdrop-filter: blur(18px); }.nav button { border: 0; background: transparent; color: #71847b; font-size: 10px; cursor: pointer; }.nav span { display: block; font-size: 18px; margin-bottom: 3px; }.nav button.active { color: var(--cyan); }
.splash { display: grid; place-items: center; min-height: 100vh; padding: 28px; background: radial-gradient(circle at center, #174630 0, #07120f 55%); text-align: center; }.splash img { width: min(330px, 86vw); padding: 10px; border-radius: 20px; background: #fff; mix-blend-mode: normal; box-shadow: 0 18px 50px rgba(0,0,0,.38), 0 0 0 1px rgba(255,255,255,.12); }.splash p { color: var(--muted); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }.splash button { margin-top: 24px; padding: 13px 22px; border: 1px solid rgba(24,201,232,.45); border-radius: 13px; background: rgba(24,201,232,.12); color: #defbff; font-weight: 900; cursor: pointer; }
.bracket-team.bye { background: rgba(255,202,87,.06); color: var(--gold); font-style: italic; }.admin-bracket-grid { display: grid; gap: 9px; }.bracket-slot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 11px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.035); }.bracket-slot.is-bye { border-color: rgba(255,202,87,.42); background: rgba(255,202,87,.07); }.slot-seed { display: block; margin-bottom: 5px; color: var(--cyan); font-size: 10px; font-weight: 1000; letter-spacing: .08em; text-transform: uppercase; }.slot-name { width: min(180px, 48vw); padding: 7px 0; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; outline: none; background: transparent; color: var(--ink); font-size: 14px; font-weight: 800; }.slot-name:disabled { color: var(--gold); border-color: rgba(255,202,87,.25); }.bye-toggle { flex: 0 0 auto; padding: 8px 9px; border: 1px solid rgba(255,202,87,.38); border-radius: 9px; background: transparent; color: var(--gold); font-size: 10px; font-weight: 900; cursor: pointer; }.bye-toggle.active { border-color: rgba(117,214,90,.5); color: var(--green); }.bracket-label-editor { padding: 16px; }.bracket-label-editor .form-label:first-child { margin-top: 0; }.bracket-description { min-height: 82px; resize: vertical; }.bracket-label-columns, .round-label-editor { display: grid; grid-template-columns: 1fr 1fr; gap: 0 10px; }.round-label-editor { margin-top: 4px; padding-top: 3px; border-top: 1px solid var(--line); }
.bracket-swipe-hint { display: flex; align-items: center; justify-content: center; gap: 10px; margin: 5px 0 10px; color: var(--muted); font-size: 10px; font-weight: 800; letter-spacing: .05em; text-transform: uppercase; }.bracket-swipe-hint span { color: var(--cyan); font-size: 15px; }.bracket-viewport { overflow-x: auto; margin: 0 -18px 17px; padding: 0 18px 14px; border-block: 1px solid rgba(214,238,227,.08); background: linear-gradient(180deg, rgba(255,255,255,.018), rgba(0,0,0,.08)); overscroll-behavior-x: contain; scrollbar-color: var(--cyan) rgba(255,255,255,.06); scrollbar-width: thin; }.bracket-tree { display: grid; grid-template-columns: repeat(9, 178px); width: 1602px; min-height: 790px; padding: 0 0 12px; background-color: rgba(4,14,11,.35); background-image: radial-gradient(circle at 50% 50%, rgba(255,202,87,.12), transparent 15%), linear-gradient(rgba(214,238,227,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(214,238,227,.025) 1px, transparent 1px); background-size: auto, 24px 24px, 24px 24px; }.bracket-round { min-width: 0; }.bracket-round-title { position: sticky; z-index: 4; top: 0; display: flex; align-items: center; justify-content: space-between; height: 48px; margin-right: 16px; padding: 8px 10px; border-bottom: 2px solid var(--cyan); background: linear-gradient(180deg, #122820, #0a1713); box-shadow: 0 7px 18px rgba(0,0,0,.24); }.bracket-right .bracket-round-title { margin: 0 0 0 16px; border-color: var(--green); }.bracket-round-title strong { font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }.bracket-round-title span { padding: 3px 5px; border-radius: 999px; background: rgba(255,202,87,.09); color: var(--gold); font-size: 8px; font-weight: 900; white-space: nowrap; }.bracket-round-games { display: grid; height: 720px; padding-right: 16px; }.bracket-right .bracket-round-games { padding: 0 0 0 16px; }.bracket-round-1 .bracket-round-games { grid-template-rows: repeat(8, 1fr); }.bracket-round-2 .bracket-round-games { grid-template-rows: repeat(4, 1fr); }.bracket-round-3 .bracket-round-games { grid-template-rows: repeat(2, 1fr); }.bracket-round-4 .bracket-round-games, .bracket-round-5 .bracket-round-games { grid-template-rows: 1fr; }.tree-game { position: relative; align-self: center; width: 162px; overflow: visible; border: 1px solid rgba(214,238,227,.2); border-radius: 10px; background: linear-gradient(145deg, #132b23, #0d1d18); box-shadow: 0 8px 22px rgba(0,0,0,.28), inset 0 1px rgba(255,255,255,.025); transition: border-color .16s, box-shadow .16s, transform .16s; }.tree-game:hover { border-color: rgba(24,201,232,.42); box-shadow: 0 10px 26px rgba(0,0,0,.34); }.bracket-left:not(.bracket-round-4) .tree-game::after { content: ""; position: absolute; top: 50%; left: 100%; width: 16px; height: 2px; background: linear-gradient(90deg, var(--cyan), rgba(24,201,232,.46)); }.bracket-left:not(.bracket-round-4) .tree-game:nth-child(odd)::before { content: ""; position: absolute; top: 50%; left: calc(100% + 14px); width: 2px; height: var(--connector-height); border-radius: 2px; background: rgba(24,201,232,.52); }.bracket-left.bracket-round-1 { --connector-height: 90px; }.bracket-left.bracket-round-2 { --connector-height: 180px; }.bracket-left.bracket-round-3 { --connector-height: 360px; }.bracket-right:not(.bracket-round-4) .tree-game::after { content: ""; position: absolute; top: 50%; right: 100%; width: 16px; height: 2px; background: linear-gradient(90deg, rgba(117,214,90,.46), var(--green)); }.bracket-right:not(.bracket-round-4) .tree-game:nth-child(odd)::before { content: ""; position: absolute; top: 50%; right: calc(100% + 14px); width: 2px; height: var(--connector-height); border-radius: 2px; background: rgba(117,214,90,.52); }.bracket-right.bracket-round-1 { --connector-height: 90px; }.bracket-right.bracket-round-2 { --connector-height: 180px; }.bracket-right.bracket-round-3 { --connector-height: 360px; }.bracket-left.bracket-round-4 .tree-game::after, .bracket-right.bracket-round-4 .tree-game::after { content: ""; position: absolute; top: 50%; width: 16px; height: 2px; background: linear-gradient(90deg, var(--cyan), var(--gold), var(--green)); }.bracket-left.bracket-round-4 .tree-game::after { left: 100%; }.bracket-right.bracket-round-4 .tree-game::after { right: 100%; }.tree-game-number { position: absolute; z-index: 2; top: -9px; right: 7px; padding: 2px 6px; border: 1px solid rgba(214,238,227,.1); border-radius: 8px; background: #081510; color: #81958c; font-size: 6px; font-weight: 900; letter-spacing: .06em; }.bracket-right .tree-game-number { right: auto; left: 7px; }.tree-team { position: relative; z-index: 1; display: grid; grid-template-columns: 23px minmax(0,1fr) auto; gap: 6px; align-items: center; width: 100%; min-height: 31px; padding: 5px 7px; border: 0; border-bottom: 1px solid rgba(214,238,227,.1); background: transparent; color: var(--ink); text-align: left; cursor: pointer; transition: background .15s, color .15s; }.tree-team:first-of-type { border-radius: 9px 9px 0 0; }.tree-team:last-child { border-bottom: 0; border-radius: 0 0 9px 9px; }.tree-team:not(:disabled):hover { background: rgba(24,201,232,.1); }.bracket-right .tree-team:not(:disabled):hover { background: rgba(117,214,90,.1); }.tree-team:focus-visible { z-index: 3; outline: 2px solid var(--gold); outline-offset: -2px; }.tree-team:disabled { cursor: default; color: #6f8179; }.tree-team.pending { color: #60736a; }.tree-team.selected { background: linear-gradient(90deg, rgba(117,214,90,.3), rgba(117,214,90,.1)); color: #efffeb; box-shadow: inset 3px 0 var(--green); }.bracket-right .tree-team.selected { box-shadow: inset -3px 0 var(--green); }.tree-team.bye { color: var(--gold); font-style: italic; }.tree-seed { display: grid; place-items: center; min-width: 19px; min-height: 19px; border: 1px solid rgba(24,201,232,.24); border-radius: 50%; color: var(--cyan); font-size: 8px; font-weight: 1000; }.bracket-right .tree-seed { border-color: rgba(117,214,90,.25); color: var(--green); }.tree-name { overflow: hidden; font-size: 10px; font-weight: 850; text-overflow: ellipsis; white-space: nowrap; }.tree-check { color: var(--green); font-size: 8px; font-weight: 1000; }.tree-game.automatic { border-color: rgba(255,202,87,.34); }.bracket-round-5 .bracket-round-title { justify-content: center; gap: 7px; margin: 0 8px; border-color: var(--gold); background: linear-gradient(180deg, #372d17, #16130b); color: #fff0bd; text-align: center; box-shadow: 0 8px 24px rgba(255,202,87,.1); }.bracket-round-5 .tree-game { border-color: var(--gold); background: linear-gradient(145deg, #2d2717, #15130c); box-shadow: 0 0 35px rgba(255,202,87,.18); }.bracket-round-5 .tree-seed { border-color: rgba(255,202,87,.35); color: var(--gold); }
.bracket-round-title strong { display: grid; gap: 2px; }.bracket-round-title strong small { color: var(--muted); font-size: 6px; letter-spacing: .12em; }.bracket-left .bracket-round-title strong small { color: rgba(24,201,232,.82); }.bracket-right .bracket-round-title strong small { color: rgba(117,214,90,.86); }.bracket-tree { position: relative; padding-bottom: 185px; }.bracket-round { position: relative; z-index: 2; }.bracket-trophy { position: absolute; z-index: 0; top: 282px; left: 50%; width: 230px; transform: translateX(-50%); color: var(--gold); font-size: 190px; line-height: 1; text-align: center; opacity: .085; filter: grayscale(.2) drop-shadow(0 0 30px rgba(255,202,87,.28)); pointer-events: none; }.bracket-footer-logo { position: absolute; z-index: 3; bottom: 14px; left: 50%; width: 230px; max-height: 105px; transform: translateX(-50%); object-fit: contain; filter: drop-shadow(0 8px 20px rgba(0,0,0,.62)); opacity: .96; }.championship-banner { display: flex; align-items: center; justify-content: center; gap: 5px; padding: 7px 5px; border-bottom: 1px solid rgba(255,202,87,.25); background: linear-gradient(90deg, rgba(255,202,87,.08), rgba(255,202,87,.2), rgba(255,202,87,.08)); color: var(--gold); font-size: 8px; font-weight: 1000; letter-spacing: .15em; text-transform: uppercase; }.championship-banner span { font-size: 13px; }.bracket-round-5 .final-match { width: 170px; margin-left: -4px; border: 2px solid var(--gold); border-radius: 13px; background: radial-gradient(circle at 50% -20%, rgba(255,202,87,.22), transparent 55%), linear-gradient(145deg, #342b16, #14110a); box-shadow: 0 0 0 4px rgba(255,202,87,.06), 0 0 42px rgba(255,202,87,.28), 0 15px 30px rgba(0,0,0,.45); }.bracket-round-5 .final-match .tree-team { min-height: 38px; padding-inline: 9px; }.bracket-round-5 .final-match .tree-name { font-size: 11px; }.bracket-round-5 .final-match .tree-game-number { top: -10px; right: 50%; transform: translateX(50%); border-color: rgba(255,202,87,.28); color: var(--gold); }.champion-panel { position: absolute; z-index: 4; top: 525px; left: 50%; width: 330px; padding: 13px 14px 14px; transform: translateX(-50%); border: 1px solid rgba(255,202,87,.5); border-radius: 16px; background: radial-gradient(circle at 50% 0, rgba(255,202,87,.18), transparent 48%), rgba(8,21,16,.95); box-shadow: 0 0 0 4px rgba(255,202,87,.04), 0 14px 35px rgba(0,0,0,.45); text-align: center; }.champion-kicker { color: var(--gold); font-size: 8px; font-weight: 1000; letter-spacing: .18em; text-transform: uppercase; }.champion-panel h3 { margin: 4px 0 11px; color: #fff3c9; font-size: 19px; letter-spacing: -.02em; }.champion-roster { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }.champion-player { min-width: 0; }.champion-photo { position: relative; display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 6px; overflow: hidden; border: 2px solid rgba(255,202,87,.58); border-radius: 50%; background: linear-gradient(145deg, #1599b8, #14473f 55%, #74cf59); color: white; font-size: 23px; font-weight: 1000; }.champion-photo img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }.champion-player strong { display: block; overflow: hidden; color: var(--ink); font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.player-name-link { display: inline; padding: 0; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: inherit; font: inherit; font-weight: inherit; line-height: inherit; text-align: inherit; cursor: pointer; transition: color .15s, border-color .15s; }.player-name-link:hover { border-color: currentColor; color: var(--cyan); }.player-name-link:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }.score-pick-side { display: grid; gap: 7px; align-self: stretch; padding: 9px 7px; border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); text-align: center; }.score-pick-side.selected { border-color: var(--green); background: rgba(117,214,90,.12); }.score-player-names { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 30px; color: var(--ink); font-size: 11px; font-weight: 900; }.score-plus { margin: 0 3px; color: var(--muted); }.game .player-name-link { padding: 0; border: 0; border-bottom: 1px solid transparent; border-radius: 0; background: transparent; color: inherit; font: inherit; font-weight: 900; }.game .player-name-link:hover { border-color: var(--cyan); color: var(--cyan); }.game .score-select { align-self: end; padding: 6px 5px; border: 1px solid rgba(24,201,232,.25); border-radius: 7px; background: rgba(24,201,232,.06); color: var(--cyan); font-size: 8px; font-weight: 900; }.score-pick-side.selected .score-select { border-color: rgba(117,214,90,.4); color: var(--green); }.player-page-hero { display: grid; grid-template-columns: 126px minmax(0,1fr); gap: 16px; align-items: center; padding: 15px; background: radial-gradient(circle at 0 0, rgba(24,201,232,.14), transparent 43%), linear-gradient(145deg, rgba(27,50,42,.94), rgba(14,29,24,.96)); }.player-page-photo { position: relative; display: grid; place-items: center; height: 150px; overflow: hidden; border: 2px solid rgba(24,201,232,.35); border-radius: 20px; background: linear-gradient(145deg, #1599b8, #14473f 55%, #74cf59); color: white; font-size: 52px; font-weight: 1000; }.player-page-photo img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }.player-page-identity > span { color: var(--gold); font-size: 9px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }.player-page-identity h2 { margin: 5px 0; font-size: 25px; }.player-page-identity p { margin: 0; color: var(--muted); font-size: 12px; }.player-page-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; overflow: hidden; margin: 12px 0; border: 1px solid var(--line); border-radius: 16px; background: var(--line); }.player-page-stats div { display: grid; align-content: center; min-height: 80px; padding: 10px 6px; background: rgba(17,40,32,.96); text-align: center; }.player-page-stats span { color: var(--muted); font-size: 8px; font-weight: 800; text-transform: uppercase; }.player-page-stats strong { display: block; margin-top: 6px; color: var(--cyan); font-size: 17px; }.player-page-stats div:nth-child(2) strong { color: var(--green); }.player-page-stats div:nth-child(3) strong { color: var(--gold); font-size: 13px; }.player-team-button { margin-top: 11px; }.player-season-list { padding: 3px 14px; }.player-season-list div { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 13px 0; border-bottom: 1px solid var(--line); }.player-season-list div:last-child { border-bottom: 0; }.player-season-list span { color: var(--muted); font-size: 11px; }.player-season-list strong { font-size: 12px; text-align: right; }
.score-screen-title { margin-bottom: 16px; }.score-hero { overflow: hidden; margin-bottom: 12px; border: 1px solid rgba(24,201,232,.24); border-radius: 19px; background: radial-gradient(circle at 50% -20%, rgba(24,201,232,.17), transparent 48%), linear-gradient(145deg, #163129, #0b1b16); box-shadow: 0 15px 38px rgba(0,0,0,.27); }.score-hero-head { display: flex; justify-content: space-between; padding: 10px 13px; border-bottom: 1px solid var(--line); color: var(--muted); font-size: 8px; font-weight: 900; letter-spacing: .07em; }.score-hero-match { display: grid; grid-template-columns: 1fr 50px 1fr; align-items: center; padding: 15px 18px; text-align: center; }.score-hero-match > div:first-child { text-align: left; }.score-hero-match > div:last-child { text-align: right; }.score-hero-match span, .score-hero-match small { display: block; }.score-hero-match span { color: var(--cyan); font-size: 8px; font-weight: 1000; letter-spacing: .1em; }.score-hero-match > div:last-child span { color: var(--green); }.score-hero-match strong { display: block; margin: 3px 0; font-size: 35px; line-height: 1; }.score-hero-match small { color: var(--muted); font-size: 8px; }.score-hero-vs { color: var(--muted); font-size: 7px; font-weight: 900; line-height: 1.4; text-align: center !important; }.score-hero-vs b { color: var(--gold); font-size: 11px; }.score-progress { height: 4px; background: rgba(255,255,255,.06); }.score-progress i { display: block; height: 100%; border-radius: 0 4px 4px 0; background: linear-gradient(90deg, var(--cyan), var(--green)); transition: width .2s; }.score-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 13px 0 18px; }.score-tabs button { padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); color: var(--muted); text-align: left; cursor: pointer; }.score-tabs button.active { border-color: var(--cyan); background: rgba(24,201,232,.1); color: var(--ink); box-shadow: inset 0 -2px var(--cyan); }.score-tabs button:last-child.active { border-color: var(--green); background: rgba(117,214,90,.09); box-shadow: inset 0 -2px var(--green); }.score-tabs span, .score-tabs strong { display: block; }.score-tabs span { margin-bottom: 3px; font-size: 7px; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }.score-tabs strong { font-size: 11px; }.timeout-section { margin-bottom: 22px; padding: 13px; border: 1px solid rgba(255,202,87,.27); border-radius: 17px; background: radial-gradient(circle at 50% 0, rgba(255,202,87,.09), transparent 50%), rgba(255,202,87,.025); }.timeout-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 10px; }.timeout-heading span, .timeout-heading strong { display: block; }.timeout-heading span { margin-bottom: 2px; color: var(--gold); font-size: 7px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.timeout-heading strong { font-size: 13px; }.timeout-heading small { color: var(--muted); font-size: 8px; }.timeout-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }.timeout-team { padding: 10px; border: 1px solid var(--line); border-radius: 12px; background: rgba(8,22,17,.66); }.timeout-team > div span, .timeout-team > div strong { display: block; }.timeout-team > div span { color: var(--cyan); font-size: 7px; font-weight: 1000; letter-spacing: .08em; }.timeout-team:nth-child(2) > div span { color: var(--green); }.timeout-team > div strong { overflow: hidden; margin: 2px 0 9px; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.timeout-team button { width: 100%; padding: 7px 5px; border: 1px solid rgba(255,202,87,.35); border-radius: 8px; background: rgba(255,202,87,.07); color: var(--gold); font-size: 8px; font-weight: 900; cursor: pointer; }.timeout-team.used { opacity: .64; }.timeout-team.used button { border-color: rgba(117,214,90,.28); background: rgba(117,214,90,.07); color: var(--green); cursor: default; }.score-games { display: grid; gap: 9px; }.score-games-heading { display: flex; align-items: end; justify-content: space-between; margin-bottom: 2px; }.score-games-heading span { color: var(--cyan); font-size: 7px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.score-games-heading h2 { margin-top: 2px; }.score-games-heading small { color: var(--muted); font-size: 9px; }.score-game { overflow: hidden; }.score-game-number { display: flex; justify-content: space-between; padding: 7px 10px; border-bottom: 1px solid var(--line); background: rgba(0,0,0,.12); }.score-game-number span { color: var(--cyan); font-size: 8px; font-weight: 1000; letter-spacing: .08em; text-transform: uppercase; }.score-game-number small { color: var(--muted); font-size: 8px; }.score-game-matchup { display: grid; grid-template-columns: minmax(0,1fr) 28px minmax(0,1fr); align-items: stretch; gap: 6px; padding: 9px; }.score-contender { display: grid; align-content: space-between; gap: 9px; min-width: 0; padding: 9px 7px; border: 1px solid transparent; border-radius: 10px; background: rgba(255,255,255,.025); text-align: center; }.score-contender.selected { border-color: rgba(117,214,90,.55); background: linear-gradient(145deg, rgba(117,214,90,.17), rgba(117,214,90,.06)); box-shadow: inset 0 0 14px rgba(117,214,90,.05); }.score-contender .score-player-names { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; min-height: 31px; color: var(--ink); font-size: 10px; font-weight: 900; }.score-contender > button[data-game] { width: 100%; padding: 7px 4px; border: 1px solid rgba(24,201,232,.25); border-radius: 7px; background: rgba(24,201,232,.06); color: var(--cyan); font-size: 8px; font-weight: 900; cursor: pointer; }.score-contender.away > button[data-game] { border-color: rgba(117,214,90,.25); background: rgba(117,214,90,.05); color: var(--green); }.score-contender.selected > button[data-game] { border-color: rgba(117,214,90,.48); background: var(--green); color: #0a1c14; }.score-vs { align-self: center; color: var(--gold); font-size: 8px; font-weight: 1000; text-align: center; }.score-submit-section { margin-top: 18px; }.score-submit-section p { margin: 8px 0 0; color: var(--muted); font-size: 9px; text-align: center; }
.score-sheet-index { display: flex; align-items: center; justify-content: center; gap: 13px; margin: 14px 0 23px; color: var(--muted); font-size: 9px; font-weight: 800; }.score-sheet-index span { display: flex; align-items: center; gap: 5px; }.score-sheet-index b { display: grid; place-items: center; min-width: 33px; min-height: 23px; padding: 3px 5px; border-radius: 7px; background: rgba(24,201,232,.1); color: var(--cyan); font-size: 8px; }.score-sheet-index span:last-child b { background: rgba(117,214,90,.1); color: var(--green); }.score-sheet-index i { width: 1px; height: 22px; background: var(--line); }.score-games-section { margin-bottom: 25px; }.score-games-section + .timeout-section { margin-top: 4px; }.timeout-section + .score-games-section { margin-top: 0; }
.score-game-timeouts { padding: 9px 10px 10px; border-top: 1px solid rgba(255,202,87,.17); background: linear-gradient(180deg, rgba(255,202,87,.025), rgba(255,202,87,.065)); }.score-game-timeouts > span { display: block; margin-bottom: 7px; color: var(--gold); font-size: 7px; font-weight: 1000; letter-spacing: .1em; text-align: center; text-transform: uppercase; }.score-game-timeouts > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }.score-game-timeouts button { padding: 8px 5px; border: 1px solid rgba(255,202,87,.35); border-radius: 8px; background: rgba(255,202,87,.07); color: var(--gold); font-size: 8px; font-weight: 900; cursor: pointer; }.score-game-timeouts button:first-child { border-color: rgba(24,201,232,.3); background: rgba(24,201,232,.06); color: var(--cyan); }.score-game-timeouts button:last-child { border-color: rgba(117,214,90,.3); background: rgba(117,214,90,.06); color: var(--green); }.score-game-timeouts button.used { border-color: rgba(117,214,90,.22); background: rgba(117,214,90,.09); color: var(--green); opacity: .68; cursor: default; }
.player-card-title { margin-bottom: 16px; }.player-trading-card { position: relative; isolation: isolate; width: min(100%, 360px); margin: 0 auto 16px; overflow: hidden; padding: 9px; border: 3px solid #e8d8aa; border-radius: 24px; background: linear-gradient(145deg, #d5bd78, #fff3ca 24%, #aa8741 52%, #f5e1a7 76%, #88682e); box-shadow: 0 0 0 2px #574016, 0 0 0 6px rgba(232,216,170,.12), 0 25px 55px rgba(0,0,0,.48); }.player-trading-card::before { content: ""; position: absolute; z-index: 0; inset: 6px; border: 1px solid rgba(58,41,12,.65); border-radius: 17px; pointer-events: none; }.player-trading-card > *:not(.player-card-foil) { position: relative; z-index: 2; }.player-card-foil { position: absolute; z-index: 1; inset: -45%; transform: rotate(18deg); background: linear-gradient(110deg, transparent 38%, rgba(113,225,255,.14) 44%, rgba(255,188,238,.13) 49%, rgba(255,239,151,.16) 54%, transparent 61%); pointer-events: none; }.player-card-header { display: grid; grid-template-columns: 48px 1fr auto; align-items: center; gap: 8px; min-height: 43px; padding: 7px 9px; border-radius: 14px 14px 5px 5px; background: linear-gradient(90deg, #071811, #173b2e 48%, #081812); color: #f7eccb; }.player-card-brand { display: grid; place-items: center; width: 36px; height: 27px; border: 1px solid rgba(255,202,87,.55); border-radius: 7px; color: var(--gold); font-size: 12px; font-weight: 1000; letter-spacing: -.04em; }.player-card-header b { font-family: Georgia, "Times New Roman", serif; font-size: 13px; letter-spacing: .12em; text-align: center; text-transform: uppercase; }.player-card-number { color: #d7c797; font-size: 7px; font-weight: 1000; letter-spacing: .1em; }.player-card-photo { position: relative; display: grid; place-items: center; height: 265px; margin: 6px 0; overflow: hidden; border: 2px solid #4d3813; background: radial-gradient(circle at 50% 15%, #28b7d0, #174c49 50%, #0a2118 86%); color: rgba(255,255,255,.88); font-family: Georgia, serif; font-size: 110px; font-weight: 1000; }.player-card-photo::after { content: ""; position: absolute; z-index: 2; inset: 0; box-shadow: inset 0 -58px 55px rgba(3,13,9,.5), inset 0 0 35px rgba(0,0,0,.2); pointer-events: none; }.player-card-photo img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }.player-card-initial { position: relative; z-index: 0; }.player-card-role-badge { position: absolute; z-index: 3; top: 10px; right: 10px; display: grid; place-items: center; width: 37px; height: 37px; border: 2px solid #f3dfa2; border-radius: 50%; background: #0c251b; color: var(--gold); font-size: 16px; font-weight: 1000; box-shadow: 0 5px 14px rgba(0,0,0,.35); }.player-card-nameplate { padding: 13px 12px 11px; border: 1px solid rgba(255,225,151,.2); background: radial-gradient(circle at 50% 0, rgba(255,202,87,.13), transparent 65%), linear-gradient(90deg, #0b1e16, #193b2d, #0b1e16); text-align: center; }.player-card-nameplate span { color: var(--gold); font-size: 7px; font-weight: 1000; letter-spacing: .18em; text-transform: uppercase; }.player-card-nameplate h2 { margin: 3px 0 2px; color: #fff7dd; font-family: Georgia, "Times New Roman", serif; font-size: 27px; letter-spacing: .015em; text-shadow: 0 2px 0 #000; }.player-card-nameplate p { margin: 0; color: #b9c9c0; font-size: 8px; font-weight: 800; letter-spacing: .07em; text-transform: uppercase; }.player-card-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 6px; border: 1px solid #4d3813; background: #4d3813; }.player-card-stats div { min-height: 61px; padding: 9px 5px 7px; background: linear-gradient(180deg, #f7e8bd, #d6bd78); color: #1d2d25; text-align: center; }.player-card-stats strong, .player-card-stats span { display: block; }.player-card-stats strong { font-family: Georgia, "Times New Roman", serif; font-size: 17px; }.player-card-stats span { margin-top: 3px; color: #685425; font-size: 7px; font-weight: 1000; letter-spacing: .09em; text-transform: uppercase; }.player-card-footer { display: flex; align-items: center; justify-content: space-between; padding: 8px 9px 3px; color: #463611; font-size: 6px; font-weight: 1000; letter-spacing: .09em; text-transform: uppercase; }.player-card-footer b { color: #174d2d; font-size: 7px; }.player-team-button { width: min(100%,360px); display: block; margin: 20px auto 0; }
.mvp-section .section-head { align-items: end; }.mvp-explainer { margin: -2px 0 13px; color: var(--muted); font-size: 10px; line-height: 1.45; }.mvp-levels { display: grid; gap: 12px; }.mvp-level { overflow: hidden; }.mvp-level > header { display: flex; align-items: center; gap: 10px; padding: 12px 13px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgba(255,202,87,.12), rgba(255,202,87,.025)); }.mvp-level-badge { display: grid; place-items: center; width: 38px; height: 38px; border: 2px solid rgba(255,202,87,.55); border-radius: 12px; background: rgba(255,202,87,.1); color: var(--gold); font-size: 18px; font-weight: 1000; }.mvp-level > header strong, .mvp-level > header small { display: block; }.mvp-level > header strong { font-size: 14px; }.mvp-level > header small { margin-top: 2px; color: var(--muted); font-size: 8px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }.mvp-level-b > header { background: linear-gradient(90deg, rgba(24,201,232,.12), rgba(24,201,232,.025)); }.mvp-level-b .mvp-level-badge { border-color: rgba(24,201,232,.55); background: rgba(24,201,232,.1); color: var(--cyan); }.mvp-level-c > header { background: linear-gradient(90deg, rgba(117,214,90,.12), rgba(117,214,90,.025)); }.mvp-level-c .mvp-level-badge { border-color: rgba(117,214,90,.55); background: rgba(117,214,90,.1); color: var(--green); }.mvp-ranking { padding: 0 12px; }.mvp-player-row { display: grid; grid-template-columns: 32px minmax(0,1fr) auto; gap: 10px; align-items: center; min-height: 65px; padding: 10px 0; border-bottom: 1px solid var(--line); }.mvp-player-row:last-child { border-bottom: 0; }.mvp-place { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 50%; background: rgba(255,255,255,.05); color: var(--muted); font-size: 11px; font-weight: 1000; }.mvp-place.place-1 { background: rgba(255,202,87,.14); color: var(--gold); box-shadow: inset 0 0 0 1px rgba(255,202,87,.27); }.mvp-place.place-2 { background: rgba(214,238,227,.1); color: #d6eee3; }.mvp-place.place-3 { background: rgba(196,123,71,.13); color: #dd9f74; }.mvp-player-info { min-width: 0; }.mvp-player-info strong, .mvp-player-info span { display: block; }.mvp-player-info strong { font-size: 12px; }.mvp-player-info span { overflow: hidden; margin-top: 3px; color: var(--muted); font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.mvp-win { text-align: right; }.mvp-win strong, .mvp-win span { display: block; }.mvp-win strong { color: var(--gold); font-size: 13px; }.mvp-level-b .mvp-win strong { color: var(--cyan); }.mvp-level-c .mvp-win strong { color: var(--green); }.mvp-win span { margin-top: 2px; color: var(--muted); font-size: 7px; font-weight: 900; text-transform: uppercase; }
.mvp-player-row { grid-template-columns: 32px 40px minmax(0,1fr) auto; gap: 8px; }.mvp-player-avatar { position: relative; display: grid; place-items: center; width: 40px; height: 40px; overflow: hidden; border: 2px solid rgba(255,202,87,.38); border-radius: 12px; background: linear-gradient(145deg, #1599b8, #14473f 55%, #74cf59); color: white; font-size: 16px; font-weight: 1000; }.mvp-level-b .mvp-player-avatar { border-color: rgba(24,201,232,.4); }.mvp-level-c .mvp-player-avatar { border-color: rgba(117,214,90,.42); }.mvp-player-avatar img { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.draft-profile-overlay { position: fixed; z-index: 45; inset: 0; display: grid; place-items: center; padding: 18px; background: rgba(2,9,7,.94); backdrop-filter: blur(14px); }.draft-profile-dialog { width: min(100%, 390px); max-height: calc(100vh - 28px); overflow-y: auto; padding: 14px; border: 1px solid rgba(255,202,87,.25); border-radius: 22px; background: linear-gradient(145deg, #10271e, #07130f); box-shadow: 0 24px 75px rgba(0,0,0,.62); }.draft-profile-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; padding: 0 2px; color: var(--gold); font-size: 9px; font-weight: 1000; letter-spacing: .12em; text-transform: uppercase; }.draft-profile-heading button { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 9px; background: rgba(255,255,255,.04); color: var(--ink); cursor: pointer; font-size: 18px; }.draft-trading-card { width: min(100%, 300px); margin-bottom: 13px; }.draft-trading-card .player-card-photo { height: 190px; }.draft-trading-card .player-card-nameplate { padding-block: 10px; }.draft-trading-card .player-card-nameplate h2 { font-size: 24px; }.draft-trading-card .player-card-stats div { min-height: 54px; padding-top: 7px; }.draft-profile-actions { display: grid; grid-template-columns: 1fr 1.35fr; gap: 8px; }.draft-profile-actions > button { min-height: 43px; padding: 9px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.035); color: var(--muted); font-size: 10px; font-weight: 900; cursor: pointer; }.draft-profile-actions > .submit { border: 0; background: linear-gradient(90deg, var(--cyan), #79e987); color: #062019; }.draft-profile-dialog > p { margin: 10px 0 0; color: var(--muted); font-size: 8px; text-align: center; }
.schedule-masthead { position: relative; display: grid; grid-template-columns: 1fr 72px; gap: 12px; align-items: center; overflow: hidden; margin-bottom: 22px; padding: 20px 18px; border: 1px solid rgba(24,201,232,.24); border-radius: 22px; background: radial-gradient(circle at 90% 10%, rgba(24,201,232,.17), transparent 30%), linear-gradient(145deg, #17352b, #0a1a15); box-shadow: 0 16px 40px rgba(0,0,0,.28); }.schedule-script { display: block; color: #f7f5eb; font-family: "Bradley Hand", "Segoe Print", cursive; font-size: 25px; line-height: 1; }.schedule-masthead strong { display: block; margin-top: 9px; color: var(--muted); font-size: 8px; letter-spacing: .11em; text-transform: uppercase; }.schedule-masthead h1 { margin: 18px 0 0; font-size: 24px; letter-spacing: .01em; text-transform: uppercase; }.schedule-eight { display: grid; place-items: center; width: 65px; height: 65px; border: 5px solid #08100d; border-radius: 50%; background: radial-gradient(circle at 38% 30%, #52635c, #101b17 42%, #020403 75%); color: #101511; font: 900 26px/1 Georgia, serif; box-shadow: 0 8px 20px rgba(0,0,0,.38); }.schedule-eight::before { content: ""; position: absolute; width: 35px; height: 35px; border-radius: 50%; background: #f7f5eb; }.schedule-eight { position: relative; }.schedule-eight { text-indent: 0; }.schedule-eight::after { content: "8"; position: absolute; z-index: 1; color: #101511; }.schedule-toolbar { display: flex; align-items: end; justify-content: space-between; margin-bottom: 10px; }.schedule-current { padding: 6px 8px; border: 1px solid rgba(117,214,90,.3); border-radius: 999px; background: rgba(117,214,90,.08); color: var(--green); font-size: 8px; font-weight: 900; text-transform: uppercase; }.schedule-swipe { display: flex; align-items: center; justify-content: center; gap: 9px; margin-bottom: 10px; color: var(--muted); font-size: 8px; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }.schedule-swipe span { color: var(--cyan); font-size: 13px; }.league-schedule-stack { display: grid; gap: 14px; margin-inline: -18px; }.league-schedule-scroll { overflow-x: auto; padding: 0 18px 7px; scrollbar-color: var(--cyan) rgba(255,255,255,.07); scrollbar-width: thin; }.league-schedule-table { width: 760px; overflow: hidden; border: 2px solid #253039; border-collapse: separate; border-spacing: 0; border-radius: 3px; background: #f8f7f1; color: #172027; font-size: 10px; box-shadow: 0 12px 28px rgba(0,0,0,.3); }.league-schedule-table th, .league-schedule-table td { height: 38px; padding: 6px 7px; border-right: 1px solid #4c5960; border-bottom: 1px solid #4c5960; text-align: center; white-space: nowrap; }.league-schedule-table tr > *:last-child { border-right: 0; }.league-schedule-table tbody tr:last-child > * { border-bottom: 0; }.league-schedule-table thead th { position: sticky; top: 0; z-index: 2; background: #9ed0ec; color: #16232b; font-size: 9px; font-weight: 900; letter-spacing: .03em; text-transform: uppercase; }.league-schedule-table thead th:first-child, .league-schedule-table tbody th { position: sticky; left: 0; z-index: 3; width: 94px; min-width: 94px; background: #f8f7f1; box-shadow: 2px 0 0 rgba(37,48,57,.35); font-size: 9px; letter-spacing: .04em; text-align: left; text-transform: uppercase; }.league-schedule-table thead th:first-child { z-index: 4; background: #9ed0ec; text-align: center; }.league-schedule-table td { width: 94px; min-width: 94px; font-weight: 750; }.league-schedule-table tbody tr:nth-child(even):not(.schedule-time-row) td { background: #eeeee9; }.league-schedule-table .schedule-time-row th { background: #ffeb36; color: #20240c; font-size: 11px; text-align: center; }.league-schedule-table .schedule-time-row td { background: #e6e7e6; font-size: 12px; font-weight: 1000; }.current-schedule .league-schedule-table tr > *:nth-child(8) { box-shadow: inset 0 0 0 2px rgba(33,128,75,.18); }.current-schedule .league-schedule-table thead th:nth-child(8) { background: #76c7a0; }.schedule-key { display: flex; flex-wrap: wrap; gap: 9px 14px; margin: 13px 0 0; color: var(--muted); font-size: 8px; font-weight: 800; }.schedule-key span { display: flex; align-items: center; gap: 5px; }.schedule-key i { width: 11px; height: 11px; border-radius: 3px; }.key-time { background: #ffeb36; }.key-week { background: #9ed0ec; }
.schedule-eight { font-size: 0; }.schedule-eight::after { font: 900 26px/1 Georgia, serif; }
.schedule-masthead { isolation: isolate; border-color: rgba(39,227,255,.45); background: radial-gradient(circle at 88% 18%, rgba(134,68,255,.34), transparent 28%), radial-gradient(circle at 7% 110%, rgba(0,255,181,.22), transparent 42%), linear-gradient(135deg, #11142c, #071b22 52%, #11152c); box-shadow: 0 0 0 1px rgba(156,77,255,.11), 0 18px 48px rgba(0,0,0,.44), 0 0 34px rgba(0,219,255,.1); }.schedule-masthead::before { content: ""; position: absolute; z-index: -1; inset: 0; opacity: .3; background: repeating-linear-gradient(105deg, transparent 0 20px, rgba(255,255,255,.035) 21px, transparent 22px 42px); }.schedule-masthead::after { content: "MATCH NIGHT"; position: absolute; right: 15px; bottom: 8px; color: rgba(143,96,255,.2); font-size: 8px; font-weight: 1000; letter-spacing: .28em; }.schedule-script { color: #bdf8ff; text-shadow: 0 0 9px rgba(27,224,255,.75), 0 0 25px rgba(27,224,255,.28); }.schedule-masthead strong { color: #aeb9d7; }.schedule-masthead h1 { width: fit-content; background: linear-gradient(90deg, #fff, #6deaff 55%, #c797ff); background-clip: text; -webkit-background-clip: text; color: transparent; text-shadow: 0 0 24px rgba(88,224,255,.14); }.schedule-eight { border-color: #16102a; background: radial-gradient(circle at 34% 27%, #7d65ac, #251947 35%, #080812 72%); box-shadow: 0 0 0 1px rgba(183,126,255,.6), 0 0 17px rgba(157,75,255,.5), 0 10px 24px rgba(0,0,0,.5); }.schedule-eight::before { background: #eefcff; box-shadow: 0 0 12px rgba(89,232,255,.75); }.schedule-toolbar { padding: 0 2px; }.schedule-toolbar h2 { font-size: 20px; }.schedule-current { border-color: rgba(77,255,190,.55); background: rgba(22,210,145,.12); color: #75ffd0; box-shadow: 0 0 15px rgba(36,228,160,.12), inset 0 0 10px rgba(36,228,160,.06); }.schedule-swipe { color: #8995b4; }.schedule-swipe span { color: #60eaff; text-shadow: 0 0 8px rgba(50,220,255,.6); }.league-schedule-stack { gap: 19px; }.league-schedule-scroll { padding-top: 8px; padding-bottom: 13px; scrollbar-color: #5fe7ff rgba(128,81,255,.12); }.league-schedule-table { overflow: hidden; border: 1px solid rgba(86,224,255,.4); border-radius: 15px; background: #0a1020; color: #eaf7ff; font-size: 10px; box-shadow: 0 0 0 1px rgba(119,72,255,.12), 0 17px 42px rgba(0,0,0,.5), 0 0 28px rgba(20,205,255,.1); }.league-schedule-table th, .league-schedule-table td { height: 42px; border-color: rgba(117,162,199,.17); }.league-schedule-table thead th { background: linear-gradient(180deg, #412779, #281b55); color: #f4ecff; text-shadow: 0 0 8px rgba(205,167,255,.45); }.league-schedule-table thead th:first-child { background: linear-gradient(180deg, #164d63, #11384e); color: #8cf0ff; }.league-schedule-table tbody th { background: linear-gradient(90deg, #111a2b, #10172a); color: #a9bdd3; box-shadow: 2px 0 0 rgba(82,222,255,.18); }.league-schedule-table td { background: rgba(13,22,39,.96); color: #dcebf7; }.league-schedule-table tbody tr:nth-child(even):not(.schedule-time-row) td { background: #101b2e; }.league-schedule-table tbody tr:not(.schedule-time-row) td { transition: background .18s, color .18s, box-shadow .18s; }.league-schedule-table tbody tr:not(.schedule-time-row) td:hover { background: rgba(38,219,255,.14); color: #fff; box-shadow: inset 0 0 14px rgba(34,218,255,.08); }.league-schedule-table .schedule-time-row th { color: #061713; text-shadow: none; }.league-schedule-table .schedule-time-row td { color: #061713; text-shadow: none; }.league-schedule-table .schedule-time-0 th, .league-schedule-table .schedule-time-0 td { background: linear-gradient(90deg, #24d7ee, #63ffc7); }.league-schedule-table .schedule-time-1 th, .league-schedule-table .schedule-time-1 td { background: linear-gradient(90deg, #b074ff, #ff71c6); color: #190c25; }.league-schedule-table .schedule-time-0 th { box-shadow: 3px 0 13px rgba(36,215,238,.28); }.league-schedule-table .schedule-time-1 th { box-shadow: 3px 0 13px rgba(205,91,255,.28); }.league-schedule-table .schedule-current-column { position: relative; background: linear-gradient(180deg, rgba(66,255,193,.21), rgba(22,76,67,.36)); color: #dffff3; box-shadow: inset 0 0 0 1px rgba(83,255,201,.46), inset 0 0 18px rgba(42,237,175,.12), 0 0 15px rgba(42,237,175,.08); }.league-schedule-table thead .schedule-current-column { background: linear-gradient(180deg, #1ba77f, #126957); color: #edfff9; }.league-schedule-table .schedule-time-row .schedule-current-column { background: linear-gradient(135deg, #aaffd8, #5affc4); color: #052117; }.current-schedule .league-schedule-table tr > *:nth-child(8) { box-shadow: none; }.current-schedule .league-schedule-table thead th:nth-child(8) { background: linear-gradient(180deg, #412779, #281b55); }.schedule-key { padding: 12px 13px; border: 1px solid rgba(110,105,226,.2); border-radius: 13px; background: rgba(16,20,42,.58); color: #93a3bb; }.schedule-key i { box-shadow: 0 0 9px currentColor; }.key-time { background: linear-gradient(135deg, #24d7ee, #ff71c6); color: #61eaff; }.key-week { background: #7040d8; color: #9d72ff; }
.schedule-masthead { border-color: rgba(0,166,214,.52); background: radial-gradient(circle at 88% 18%, rgba(114,192,67,.28), transparent 29%), radial-gradient(circle at 5% 110%, rgba(0,166,214,.24), transparent 42%), linear-gradient(135deg, #07151c, #06130f 55%, #0b1712); box-shadow: 0 0 0 1px rgba(114,192,67,.12), 0 18px 48px rgba(0,0,0,.45), 0 0 30px rgba(0,153,204,.11); }.schedule-masthead::after { color: rgba(0,166,214,.22); }.schedule-script { color: #d7f7ff; text-shadow: 0 0 9px rgba(0,166,214,.72), 0 0 24px rgba(0,166,214,.24); }.schedule-masthead strong { color: #a9bdb7; }.schedule-masthead h1 { background: linear-gradient(90deg, #fff, #36b9df 52%, #81cf4d); background-clip: text; -webkit-background-clip: text; text-shadow: 0 0 24px rgba(0,166,214,.13); }.schedule-eight { border-color: #020504; background: radial-gradient(circle at 34% 27%, #52605a, #17201c 35%, #010302 72%); box-shadow: 0 0 0 1px rgba(0,166,214,.5), 0 0 15px rgba(114,192,67,.26), 0 10px 24px rgba(0,0,0,.54); }.schedule-eight::before { background: #fff; box-shadow: 0 0 11px rgba(0,166,214,.55); }.league-schedule-scroll { scrollbar-color: #14a9d4 rgba(114,192,67,.12); }.league-schedule-table { border-color: rgba(0,166,214,.43); background: #07110e; color: #f3f7f5; box-shadow: 0 0 0 1px rgba(114,192,67,.1), 0 17px 42px rgba(0,0,0,.52), 0 0 26px rgba(0,166,214,.09); }.league-schedule-table th, .league-schedule-table td { border-color: rgba(137,177,159,.17); }.league-schedule-table thead th { background: linear-gradient(180deg, #087ea6, #075b7c); color: #f7fcff; text-shadow: 0 0 8px rgba(76,207,244,.35); }.league-schedule-table thead th:first-child { background: linear-gradient(180deg, #08354a, #071f2d); color: #68d7f5; }.league-schedule-table tbody th { background: linear-gradient(90deg, #101b18, #0b1512); color: #afc5bc; box-shadow: 2px 0 0 rgba(0,166,214,.18); }.league-schedule-table td { background: rgba(10,21,17,.97); color: #e7f0ec; }.league-schedule-table tbody tr:nth-child(even):not(.schedule-time-row) td { background: #0f281f; }.league-schedule-table tbody tr:not(.schedule-time-row) td:hover { background: rgba(0,166,214,.14); box-shadow: inset 0 0 14px rgba(0,166,214,.08); }.league-schedule-table .schedule-time-0 th, .league-schedule-table .schedule-time-0 td { background: linear-gradient(90deg, #078bb8, #19b5dd); color: #f4fdff; }.league-schedule-table .schedule-time-1 th, .league-schedule-table .schedule-time-1 td { background: linear-gradient(90deg, #398d2d, #78bf40); color: #f7fff3; }.league-schedule-table .schedule-time-0 th { box-shadow: 3px 0 13px rgba(0,166,214,.27); }.league-schedule-table .schedule-time-1 th { box-shadow: 3px 0 13px rgba(114,192,67,.26); }.league-schedule-table .schedule-current-column { background: linear-gradient(180deg, rgba(114,192,67,.2), rgba(40,83,31,.35)); color: #efffe8; box-shadow: inset 0 0 0 1px rgba(139,218,85,.44), inset 0 0 18px rgba(114,192,67,.1), 0 0 14px rgba(114,192,67,.07); }.league-schedule-table thead .schedule-current-column { background: linear-gradient(180deg, #62ac36, #3d7d2b); color: #f7fff3; }.league-schedule-table .schedule-time-row .schedule-current-column { background: linear-gradient(135deg, #b7ec8f, #7dcb47); color: #10240b; }.current-schedule .league-schedule-table thead th:nth-child(8) { background: linear-gradient(180deg, #087ea6, #075b7c); }.schedule-key { border-color: rgba(0,166,214,.2); background: rgba(7,20,16,.66); color: #9db1aa; }.key-time { background: linear-gradient(135deg, #078bb8, #78bf40); color: #14a9d4; }.key-week { background: #087ea6; color: #14a9d4; }
.schedule-zoom-hint { padding: 7px 10px; border: 1px solid rgba(0,166,214,.16); border-radius: 999px; background: rgba(0,166,214,.045); }.league-schedule-scroll { overflow: visible; padding-inline: 18px; touch-action: pan-x pan-y pinch-zoom; }.league-schedule-table {
  width: max-content;
  max-width: 100%;
  margin-inline: auto;
  table-layout: auto;
  font-size: 7px;
}
.league-schedule-table .text-button {
  padding: 0;
  font: inherit;
  color: var(--cyan);
}.league-schedule-table th, .league-schedule-table td { width: auto; min-width: 0; height: 34px; padding: 4px 2px; overflow: hidden; text-overflow: clip; }.league-schedule-table thead th { font-size: 7px; letter-spacing: 0; }.league-schedule-table thead th:first-child,
.league-schedule-table tbody th {
  position: static;
  width: 42px;
  min-width: 42px;
  padding-inline: 2px;
  font-size: 7px;
  box-shadow: none;
}.league-schedule-table thead th:first-child { position: static; }.league-schedule-table .schedule-time-row th { font-size: 8px; }.league-schedule-table .schedule-time-row td { font-size: 9px; }.league-schedule-table td { width: auto; min-width: 0; font-weight: 800; }
.schedule-admin-summary { margin-bottom: 14px; }.schedule-admin-icon { display: grid; flex: 0 0 auto; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(24,201,232,.3); border-radius: 11px; background: rgba(24,201,232,.1); color: var(--cyan); font-size: 19px; }.schedule-admin-card { padding-bottom: 14px; }.schedule-save-status { padding: 5px 8px; border: 1px solid rgba(117,214,90,.24); border-radius: 999px; background: rgba(117,214,90,.07); color: var(--green); font-size: 8px !important; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }.schedule-field-help { margin: 6px 0 0; color: var(--muted); font-size: 8px; line-height: 1.4; }.schedule-session-list { display: grid; gap: 10px; margin-top: 15px; }.schedule-session-editor { padding: 12px; border: 1px solid var(--line); border-radius: 14px; background: rgba(3,15,11,.28); }.schedule-session-editor header { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }.schedule-session-editor header strong { color: var(--gold); font-size: 10px; }.schedule-editor-grid { display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); gap: 9px; }.schedule-editor-grid label { min-width: 0; }.schedule-editor-grid .form-label { display: block; }.schedule-date-editor { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }.schedule-date-field { display: block; padding: 10px; }.schedule-date-field > span { display: block; margin-bottom: 7px; color: var(--cyan); font-size: 8px; font-weight: 1000; letter-spacing: .08em; text-transform: uppercase; }.schedule-date-field .form-input { margin: 0; padding: 9px 7px; color-scheme: dark; font-size: 10px; }.schedule-week-total { font-size: 9px; }.schedule-admin-note { margin: 10px 0 0; color: var(--muted); font-size: 9px; text-align: center; }
.player-profile-photo, .portrait, .mvp-player-avatar { isolation: isolate; border-color: rgba(69,218,235,.55); background: radial-gradient(circle at 50% 22%, #2eb9d2, #14564f 57%, #72c043 100%); box-shadow: inset 0 0 0 2px rgba(5,18,15,.5), 0 5px 14px rgba(0,0,0,.28), 0 0 13px rgba(29,196,218,.11); }.player-profile-photo img, .portrait .player-photo, .mvp-player-avatar img, .player-card-photo img { filter: saturate(1.3) contrast(1.12) brightness(1.03); transform: scale(1.025); transform-origin: 50% 42%; }.player-profile-photo::after, .portrait::after, .mvp-player-avatar::after { content: ""; position: absolute; z-index: 2; inset: 0; border-radius: inherit; background: radial-gradient(circle at 50% 37%, transparent 0 46%, rgba(4,18,14,.24) 100%), radial-gradient(circle, rgba(255,255,255,.14) 0 1px, transparent 1.4px) 0 0 / 7px 7px; mix-blend-mode: overlay; opacity: .42; pointer-events: none; }.player-profile-photo { border: 2px solid rgba(69,218,235,.58); box-shadow: inset 0 0 0 2px rgba(5,18,15,.64), 0 7px 18px rgba(0,0,0,.34), 0 0 15px rgba(45,202,220,.13); }.player-card-photo { border-color: #1d352a; box-shadow: inset 0 0 0 2px rgba(117,214,90,.2), 0 0 0 1px rgba(24,201,232,.34), 0 8px 22px rgba(0,0,0,.3); }.player-card-photo::before { content: ""; position: absolute; z-index: 2; inset: 0; background: radial-gradient(circle, rgba(255,255,255,.13) 0 1px, transparent 1.5px) 0 0 / 9px 9px, linear-gradient(135deg, rgba(24,201,232,.08), transparent 38%, rgba(117,214,90,.1)); mix-blend-mode: overlay; opacity: .36; pointer-events: none; }.player-card-photo::after { background: radial-gradient(circle at 50% 35%, transparent 0 48%, rgba(3,13,9,.2) 82%), linear-gradient(180deg, transparent 55%, rgba(3,13,9,.35)); box-shadow: inset 0 -42px 46px rgba(3,13,9,.28), inset 0 0 0 2px rgba(255,255,255,.08); }.player-card-role-badge { border-color: #e7f8e1; background: linear-gradient(145deg, #087fa4, #347f2c); color: #fff; box-shadow: 0 4px 15px rgba(0,0,0,.42), 0 0 12px rgba(24,201,232,.24); }.mvp-player-avatar { border-width: 2px; border-style: solid; }.mvp-level-a .mvp-player-avatar { border-color: rgba(255,202,87,.62); }.mvp-level-b .mvp-player-avatar { border-color: rgba(24,201,232,.65); }.mvp-level-c .mvp-player-avatar { border-color: rgba(117,214,90,.68); }
.home-division-switch { flex: 0 0 auto; padding: 6px 8px; border: 1px solid rgba(117,214,90,.32); border-radius: 999px; background: rgba(117,214,90,.08); color: #bff0ac; font-size: 8px; font-weight: 900; letter-spacing: .04em; text-transform: uppercase; cursor: pointer; }.home-season { overflow: hidden; max-width: 68%; text-overflow: ellipsis; white-space: nowrap; }.division-chooser { position: fixed; z-index: 70; inset: 0; overflow-y: auto; padding: max(18px, env(safe-area-inset-top)) 14px max(22px, env(safe-area-inset-bottom)); background: radial-gradient(circle at 85% 2%, rgba(0,166,214,.24), transparent 28%), radial-gradient(circle at 5% 95%, rgba(114,192,67,.2), transparent 33%), rgba(3,10,8,.96); backdrop-filter: blur(16px); }.division-dialog { width: min(100%, 480px); margin: 0 auto; }.division-dialog-head { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 10px; margin-bottom: 17px; }.division-dialog-head h1 { margin-top: 7px; font-size: 29px; }.division-dialog-head p { max-width: 410px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }.division-close { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--line); border-radius: 11px; background: rgba(255,255,255,.05); color: var(--ink); font-size: 21px; cursor: pointer; }.division-options { display: grid; gap: 12px; }.division-choice { position: relative; isolation: isolate; display: block; width: 100%; height: 178px; overflow: hidden; padding: 0; border: 1px solid rgba(214,238,227,.2); border-radius: 19px; background: #0c1915; color: var(--ink); text-align: left; cursor: pointer; box-shadow: 0 16px 35px rgba(0,0,0,.32); transition: transform .17s, border-color .17s, box-shadow .17s; }.division-choice:hover { transform: translateY(-2px); border-color: rgba(24,201,232,.55); box-shadow: 0 19px 38px rgba(0,0,0,.4), 0 0 20px rgba(24,201,232,.09); }.division-choice.selected { border-color: var(--green); box-shadow: 0 0 0 2px rgba(117,214,90,.15), 0 18px 38px rgba(0,0,0,.4); }.division-choice > img { position: absolute; z-index: -2; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(1.1) contrast(1.08); transition: transform .35s; }.division-choice:hover > img { transform: scale(1.025); }.division-image-shade { position: absolute; z-index: -1; inset: 0; background: linear-gradient(180deg, rgba(2,9,7,.08), rgba(2,9,7,.28) 35%, rgba(2,9,7,.96)); }.division-choice-copy { position: absolute; inset: auto 0 0; padding: 13px 14px; }.division-status { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; color: #d4e3dd; font-size: 7px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }.division-status i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 4px rgba(117,214,90,.13); }.division-choice-copy > strong { display: block; font-size: 18px; line-height: 1.1; text-shadow: 0 2px 8px #000; }.division-choice-copy > small { display: block; overflow: hidden; margin-top: 4px; color: #b8c8c1; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }.division-stats { display: grid; grid-template-columns: auto auto 1fr; gap: 11px; align-items: end; margin-top: 9px; }.division-stats > span { color: #c2d0ca; font-size: 7px; font-weight: 800; text-transform: uppercase; }.division-stats b { color: #fff; font-size: 11px; }.division-stats em { justify-self: end; color: var(--cyan); font-size: 8px; font-style: normal; font-weight: 1000; }.division-green .division-stats em { color: var(--green); }.division-footnote { margin: 15px 0 0; color: var(--muted); font-size: 9px; text-align: center; }
@media (min-width: 700px) { body { padding: 20px 0; }.shell { min-height: calc(100vh - 40px); border-radius: 26px; box-shadow: 0 25px 80px rgba(0,0,0,.35); }.nav { bottom: 20px; border-radius: 0 0 26px 26px; } }
@media (orientation: landscape) and (max-height: 600px) { body { padding: 0; }.shell { width: 100%; max-width: none; min-height: 100vh; padding: 12px 12px 74px; border-radius: 0; }.topbar { margin-bottom: 12px; }.screen-title { margin-bottom: 14px; }.screen-title h1 { font-size: 26px; }.bracket-lock { padding: 9px 11px; }.bracket-swipe-hint { margin-block: 4px 8px; color: #c7d6cf; }.bracket-viewport { overflow: visible; margin: 0 -12px 14px; padding: 0 12px 10px; touch-action: pan-x pan-y pinch-zoom; overscroll-behavior: auto; }.bracket-tree { width: 100%; min-height: 610px; grid-template-columns: repeat(9, minmax(0, 1fr)); padding-bottom: 110px; background-size: auto, 18px 18px, 18px 18px; }.bracket-round-title { position: static; height: 34px; margin-right: 6px; padding: 4px; border-bottom-width: 1px; }.bracket-right .bracket-round-title { margin: 0 0 0 6px; }.bracket-round-title strong { gap: 0; font-size: 6px; letter-spacing: 0; }.bracket-round-title strong small { font-size: 4px; letter-spacing: .05em; }.bracket-round-title span { padding: 2px 3px; font-size: 5px; }.bracket-round-games { height: 500px; padding-right: 6px; }.bracket-right .bracket-round-games { padding-left: 6px; }.tree-game { width: calc(100% - 6px); border-radius: 6px; }.bracket-right .tree-game { margin-left: 6px; }.tree-game-number { top: -6px; right: 3px; padding: 1px 3px; font-size: 4px; }.bracket-right .tree-game-number { right: auto; left: 3px; }.tree-team { grid-template-columns: 15px minmax(0,1fr) auto; gap: 2px; min-height: 22px; padding: 2px 3px; }.tree-seed { min-width: 13px; min-height: 13px; font-size: 5px; }.tree-name { font-size: 6px; }.tree-check { font-size: 5px; }.bracket-left:not(.bracket-round-4) .tree-game::after, .bracket-right:not(.bracket-round-4) .tree-game::after, .bracket-left.bracket-round-4 .tree-game::after, .bracket-right.bracket-round-4 .tree-game::after { width: 6px; height: 1px; }.bracket-left:not(.bracket-round-4) .tree-game:nth-child(odd)::before { left: calc(100% + 5px); width: 1px; }.bracket-right:not(.bracket-round-4) .tree-game:nth-child(odd)::before { right: calc(100% + 5px); width: 1px; }.bracket-left.bracket-round-1, .bracket-right.bracket-round-1 { --connector-height: 62.5px; }.bracket-left.bracket-round-2, .bracket-right.bracket-round-2 { --connector-height: 125px; }.bracket-left.bracket-round-3, .bracket-right.bracket-round-3 { --connector-height: 250px; }.bracket-round-5 .bracket-round-title { gap: 2px; margin-inline: 3px; }.bracket-round-5 .final-match { width: calc(100% - 2px); margin-left: 1px; border-width: 1px; border-radius: 7px; box-shadow: 0 0 15px rgba(255,202,87,.22); }.championship-banner { gap: 2px; padding: 3px 2px; font-size: 4px; letter-spacing: .04em; }.championship-banner span { font-size: 7px; }.bracket-round-5 .final-match .tree-team { min-height: 25px; padding-inline: 3px; }.bracket-round-5 .final-match .tree-name { font-size: 6px; }.bracket-trophy { top: 200px; width: 120px; font-size: 105px; }.champion-panel { top: 410px; width: 210px; padding: 8px; }.champion-panel h3 { margin-bottom: 7px; font-size: 13px; }.champion-roster { gap: 5px; }.champion-photo { width: 34px; height: 34px; margin-bottom: 3px; }.champion-player strong { font-size: 6px; }.bracket-footer-logo { bottom: 5px; width: 155px; max-height: 72px; }.nav { bottom: 0; width: min(100%, 620px); border-radius: 16px 16px 0 0; } }

.team-number-bubble {
  font-size: 13px;
  line-height: 1.2;
  text-align: center;
}


.live-venue-artwork {
  margin-bottom: 22px;
  overflow: hidden;
  border-radius: 12px;
  background: #11110f;
}

.live-venue-artwork img {
  display: block;
  width: 100%;
  height: auto;
}