: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}}.season-history{gap:9px;display:grid}.season-history button{text-align:left;color:#f7f3f2;background:linear-gradient(120deg,#211f25,#1a1a1f);border:1px solid #343039;border-radius:15px;grid-template-columns:1fr auto;gap:4px;padding:14px;display:grid}.season-history button:hover{border-color:#754247}.season-history strong{color:#ff8b85}.season-history small{color:#99969d;grid-column:1/-1}.hookah-toggle{color:#c9c5c7;background:#17171b;border:1px solid #34343c;border-radius:12px;align-items:center;gap:9px;width:100%;padding:12px 13px;display:flex}.hookah-toggle input{opacity:0;width:1px;position:absolute}.hookah-toggle.selected{color:#fff;background:#252024;border-color:#80554c}.hookah-toggle.selected svg{color:#ff9d79}.game-hookah{opacity:.8;font-size:12px}footer{text-align:center;color:#69666d;letter-spacing:.08em;text-transform:uppercase;margin:34px 0 6px;font-size:11px}footer span{color:#c87873;font-weight:800}.stats-metrics[data-hookah]:after{content:attr(data-hookah);color:#85828a;grid-column:1/-1;padding:2px 2px 0;font-size:12px}.quiet-stat{color:#85828a;align-items:center;gap:6px;margin:10px 2px 0;font-size:12px;display:flex}.quiet-stat svg{color:#a17c6c}.modal .add-player{display:none}.player-manager{background:linear-gradient(135deg,#282027,#1b1b20);border:1px solid #493139;border-radius:18px;margin-top:20px;padding:17px}.player-manager p{color:#e56b63;letter-spacing:.12em;font-size:10px;font-weight:800}.player-manager h2{margin-top:4px;font-size:19px}.player-manager small{margin-top:5px;line-height:1.35;display:block}.player-manager form{gap:8px;margin-top:14px;display:flex}.player-manager input{margin:0}.player-manager button{color:#fff;white-space:nowrap;background:#e53b38;border-radius:10px;align-items:center;gap:5px;padding:0 13px;font-weight:750;display:flex}