:root{color:#f7f3f2;--red:#e53b38;--card:#1b1b20;--muted:#99969d;background:#111114;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#321416 0,#0000 32%),#111114;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}main{max-width:720px;min-height:100vh;margin:auto;padding:20px 16px 96px}header,.section-title,.form-head,.game,.leaderboard article{justify-content:space-between;align-items:center;display:flex}h1,h2,h3,p{margin:0}.eyebrow,.hero p,.form-head p{letter-spacing:.13em;color:var(--red);font-size:11px;font-weight:800}h1{margin-top:3px;font-size:23px}.avatar{color:#ff746d;background:#2d2022;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.hero{background:linear-gradient(135deg,#292126,#1b1b20);border:1px solid #413039;border-radius:22px;margin:28px 0 16px;padding:24px}.hero h2{margin:8px 0;font-size:27px}.hero span,.metric span,small{color:var(--muted)}.primary{color:#fff;background:var(--red);border-radius:12px;align-items:center;gap:8px;margin-top:22px;padding:13px 17px;font-weight:750;display:inline-flex}.metrics{grid-template-columns:1fr 1fr;gap:10px;display:grid}.metric{background:var(--card);border:1px solid #29292f;border-radius:16px;padding:15px}.metric svg{color:#ef625c}.metric span,.metric strong{margin-top:8px;display:block}.metric strong{font-size:19px}.section-title{margin:26px 0 12px}.section-title button,.round{color:#ff716b;background:0 0;font-weight:700}.round{background:#392022;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.cards{gap:10px;display:grid}.game{background:var(--card);border:1px solid #29292f;border-radius:16px;padding:13px}.game-date{color:#ff7069;width:52px;font-weight:800}.game strong{font-size:15px}.game p{color:var(--muted);align-items:center;gap:4px;margin-top:5px;font-size:13px;display:flex}.game p svg{color:#e5aa3e}.players{color:var(--muted);align-items:center;gap:3px;display:flex}.search{background:var(--card);color:var(--muted);border-radius:13px;align-items:center;gap:8px;margin-bottom:10px;padding:12px;display:flex}input,select,textarea{color:#fff;background:#17171b;border:1px solid #34343c;border-radius:10px;width:100%;margin-top:6px;padding:11px}.search input{background:0 0;border:0;margin:0;padding:0}.filter-toggle{color:#c8c5c7;text-align:left;background:#202026;border-radius:12px;align-items:center;gap:7px;width:100%;padding:11px 12px;font-weight:700;display:flex}.filter-toggle svg:last-child{margin-left:auto}.filter-toggle.selected{color:#ff8b85;background:#392022;box-shadow:inset 0 0 0 1px #713235}.filters{background:#19191e;border:1px solid #30282d;border-radius:15px;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0 14px;padding:12px;display:grid}.filters label{color:#c9c5c7;font-size:12px}.filters select,.filters input{font-size:13px}.clear-filters{color:#ff7972;background:0 0;grid-column:1/-1;justify-content:center;align-items:center;gap:5px;padding:8px;font-weight:700;display:flex}.clear-link{color:#ff7972;background:0 0;font-weight:700}.period{background:#19191e;border:1px solid #30282d;border-radius:15px;grid-template-columns:1fr 1fr;gap:10px;padding:12px;display:grid}.period label{color:#c9c5c7;font-size:12px}.stats-metrics,.season-metrics{margin-top:12px}.record,.city-list article,.month-list article{background:var(--card);border:1px solid #29292f;border-radius:15px;padding:14px}.record strong{color:#ff8078;margin:5px 0;font-size:23px;display:block}.record small,.city-list small,.month-list small{margin-top:4px;display:block}.city-list,.month-list{gap:8px;display:grid}.city-list article,.month-list article{justify-content:space-between;align-items:center;gap:12px;display:flex}.city-list article>span{text-align:right}.city-list b,.month-list b{color:#ff8b85}.compact{margin-top:15px}.leaderboard{gap:8px;margin-top:14px;display:grid}.leaderboard article{background:var(--card);border-radius:14px;padding:13px}.leaderboard b{color:#ff766f;width:28px}.leaderboard span{flex:1}.leaderboard small{margin-top:3px;display:block}.leaderboard strong{color:#ff766f}.chips{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.chips button{color:#d7d4d5;background:#27272d;border-radius:20px;padding:8px 11px}.chips .selected{color:#fff;background:#6c2727;box-shadow:inset 0 0 0 1px #ef625c}.profile{margin-top:24px}.player-facts{gap:8px;margin-top:12px;display:grid}.player-facts span{color:#c9c5c7;background:#202026;border-radius:12px;justify-content:space-between;padding:11px 13px;display:flex}.player-facts b{color:#fff}.comparison{background:linear-gradient(135deg,#2b2026,#1b1b20);border:1px solid #493139;border-radius:16px;margin-top:14px;padding:15px}.comparison h3{font-size:16px}.comparison>p{color:var(--muted);margin-top:5px;font-size:12px}.comparison>div{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.comparison span{background:#1a191e;border-radius:10px;padding:9px}.comparison b,.comparison small{display:block}.comparison b{color:#ff8b85;margin:4px 0}.comparison small{font-size:10px}.modal{z-index:3;padding:20px 16px calc(30px + env(safe-area-inset-bottom));background:#111114;position:fixed;inset:0;overflow:auto}.modal form{max-width:680px;margin:auto}.form-head button{color:#fff;background:0 0;font-size:28px}.fields{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0;display:grid}.fields label,label{font-size:13px;font-weight:650}.fields small{color:var(--muted);margin-top:5px;font-size:11px;font-weight:500;line-height:1.3;display:block}.bank{background:#2a1d20;border-radius:12px;padding:14px}.bank b{float:right;color:#ff746d}.add-player{margin-top:14px;display:block}.submit{justify-content:center;width:100%}.danger{color:#ff716b;background:0 0;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:10px;padding:12px;display:flex}.center{text-align:center;place-content:center;gap:16px;display:grid}.center button{background:var(--red);color:#fff;border-radius:10px;padding:12px}.center small{display:block}.empty{color:var(--muted);text-align:center;padding:30px}nav{z-index:2;left:50%;bottom:max(12px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1b1b20f5;border:1px solid #3a3035;border-radius:19px;grid-template-columns:repeat(4,1fr);gap:4px;width:min(100% - 24px,500px);padding:6px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 34px #0006}nav button{color:#908d94;background:0 0;border-radius:13px;justify-items:center;gap:3px;padding:8px 4px;font-size:11px;font-weight:700;transition:background .15s,color .15s;display:grid}nav button.active{color:#fff;background:#542426;box-shadow:inset 0 0 0 1px #87403e}nav button.active svg{color:#ff8078}@media (width<=380px){.fields,.filters,.period,.comparison>div{grid-template-columns:1fr}.hero h2{font-size:23px}}