:root{--ink:#172b22;--green:#18392c;--green2:#275543;--cream:#f6f2e9;--paper:#fffdf8;--coral:#e4543f;--gold:#e9b949;--muted:#6d776f;--line:#deddd4;--shadow:0 12px 32px rgba(26,47,38,.1)}*{box-sizing:border-box}html{background:var(--cream);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0,rgba(233,185,73,.18),transparent 28%),var(--cream)}button,input{font:inherit}.app-shell{max-width:860px;margin:auto;min-height:100vh;padding-bottom:100px}.topbar{height:86px;display:flex;align-items:center;gap:14px;padding:calc(12px + env(safe-area-inset-top)) 24px 10px}.topbar h1{font:800 21px/1 'Fraunces',serif;margin:3px 0}.eyebrow{font-size:11px;line-height:1.2;letter-spacing:.14em;font-weight:800;color:#47705e;margin:0}.mark,.avatar-button{border:0;display:grid;place-items:center}.mark{width:46px;height:46px;border-radius:15px;background:var(--green);color:#fff;font:800 16px 'Fraunces',serif;box-shadow:0 6px 14px rgba(24,57,44,.2)}.avatar-button{margin-left:auto;width:46px;height:46px;border-radius:50%;background:var(--paper);font-size:23px;box-shadow:var(--shadow)}.welcome{padding:35px 24px 28px;background:var(--green);color:white;border-radius:0 0 36px 36px;position:relative;overflow:hidden}.welcome:after{content:'⚽';position:absolute;right:-30px;top:0;font-size:170px;opacity:.055;transform:rotate(18deg)}.welcome>p{font-weight:700;margin:0 0 8px;color:#dce8e1}.welcome h2,.page-head h2,.section h2,dialog h2{font:800 38px/1.05 'Fraunces',serif;margin:0;letter-spacing:-.025em}.chapter-pill{display:inline-block;margin-top:22px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:8px 13px;font-size:12px;font-weight:700}.score-strip{margin:-1px 18px 0;background:var(--paper);display:grid;grid-template-columns:repeat(3,1fr);border-radius:0 0 20px 20px;box-shadow:var(--shadow);position:relative}.score-strip>div{text-align:center;padding:20px 8px 17px;border-right:1px solid var(--line)}.score-strip>div:last-child{border:0}.score-strip span{display:block;font-size:9px;letter-spacing:.1em;color:var(--muted);font-weight:800}.score-strip b{display:inline-block;font:800 29px 'Fraunces',serif;margin:4px 2px 0}.score-strip small{font-size:10px;color:var(--muted)}.score-strip .rival-avatar{font-family:inherit}.section{padding:35px 24px 0}.section.tinted{margin-top:38px;padding-bottom:34px;background:#e7eee8}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:18px}.section h2{font-size:26px;margin-top:4px}.three-goals{background:#f7e9b9;color:#5c4811;padding:7px 10px;border-radius:9px;font-size:11px;font-weight:800;white-space:nowrap}.team-stack,.fixture-list{display:grid;gap:12px}.team-card,.fixture-card,.table-card,.explain-card{background:var(--paper);border:1px solid rgba(23,43,34,.08);border-radius:18px;box-shadow:0 5px 18px rgba(32,48,41,.055)}.team-card{padding:16px 16px 15px;border-left:5px solid var(--gold)}.team-card:nth-child(2){border-left-color:var(--coral)}.team-card:nth-child(3){border-left-color:#5e9978}.team-role{font-size:9px;letter-spacing:.12em;font-weight:800;color:var(--muted);margin:0 0 9px}.team-main{display:flex;align-items:center;gap:13px}.big-crest{font-size:37px;width:48px;text-align:center}.team-main h3{font:800 21px 'Fraunces',serif;margin:0}.team-main p{font-size:11px;color:var(--muted);margin:4px 0 0}.chevron{margin-left:auto;font-size:28px;color:#a4aaa4}.live-copy{color:var(--coral)}.live-score{margin:14px -4px -3px;padding:10px;background:#fff0ed;border-radius:10px;text-align:center;font-size:12px}.live-score b{font-size:20px;margin:0 9px}.inline-link,.text-button{border:0;background:none;color:var(--green2);font-weight:800;font-size:12px}.page-head{padding:42px 24px 26px}.page-head h2{font-size:38px;margin:6px 0 9px}.page-head>p:last-child{color:var(--muted);margin:0;max-width:460px}.fixture-list{padding:0 24px}.fixture-card{padding:15px}.fixture-card.clash{border-top:4px solid var(--coral)}.fixture-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;font-weight:800}.live-pill,.clash-label{color:var(--coral);font-weight:800}.clash-label{font-size:10px;letter-spacing:.11em;margin:0 0 7px}.fixture-teams{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:12px;margin:13px 0}.fixture-teams>div{display:grid;gap:5px}.crest{font-size:29px}.score{font:800 25px 'Fraunces',serif}.kickoff{font-size:10px;max-width:75px;color:var(--muted)}.owner-line{padding-top:11px;margin:0;border-top:1px solid var(--line);text-align:center;font-size:11px;font-weight:700}.owner-line span{color:var(--muted);margin:0 5px}.points-line{display:flex;justify-content:space-between;background:#edf3ef;border-radius:8px;padding:7px 12px;font-size:10px;font-weight:800}.table-card{margin:0 24px;overflow:hidden}.standing-row{display:grid;grid-template-columns:30px 42px 1fr auto;align-items:center;gap:8px;padding:15px;border-bottom:1px solid var(--line)}.standing-row:last-child{border:0}.standing-row.me{background:#edf3ef}.position{font:800 20px 'Fraunces',serif}.standing-avatar{font-size:25px}.standing-row strong{font-size:14px}.standing-row em{font:800 8px 'DM Sans';background:var(--green);color:#fff;padding:3px 5px;border-radius:4px}.standing-row small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.standing-score{font:800 25px 'Fraunces',serif;text-align:right}.standing-score small{font:600 9px 'DM Sans'}.explain-card{margin:18px 24px;display:flex;gap:15px;padding:17px}.explain-card>span{font-size:21px}.explain-card p{font-size:12px;color:var(--muted);margin:4px 0}.empty{text-align:center;background:var(--paper);padding:40px;border-radius:18px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(860px,100%);z-index:10;display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,253,248,.94);backdrop-filter:blur(18px);border-top:1px solid var(--line);padding:8px 8px calc(8px + env(safe-area-inset-bottom))}.nav-item{border:0;background:none;color:#778079;display:grid;justify-items:center;gap:2px;font-size:10px;font-weight:700;padding:4px}.nav-item span{font-size:22px;line-height:1}.nav-item.active{color:var(--green)}.loading{height:60vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.loading span{font-size:44px;animation:bounce 1s infinite alternate}@keyframes bounce{to{transform:translateY(-10px)}}dialog{width:min(500px,calc(100% - 28px));border:0;border-radius:24px;background:var(--paper);color:var(--ink);padding:30px;box-shadow:0 30px 80px #0006}dialog::backdrop{background:#102019aa;backdrop-filter:blur(4px)}.dialog-close{float:right;border:0;background:#e8ece9;border-radius:50%;width:38px;height:38px;font-size:24px}.rules{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:24px 0}.rules p{background:#edf3ef;padding:15px 8px;border-radius:12px;text-align:center;margin:0}.rules b{display:block;font:800 28px 'Fraunces',serif}.rules span{font-size:9px;color:var(--muted)}.secondary-button,.primary-button{border:0;border-radius:12px;padding:14px 18px;font-weight:800}.secondary-button{background:var(--green);color:#fff;width:100%;margin-top:12px}.small{font-size:11px;color:var(--muted)}.toast{display:none}.login-page{display:grid;place-items:center;padding:28px 18px}.login-card{width:min(520px,100%);background:var(--paper);border-radius:28px;padding:38px;box-shadow:var(--shadow)}.brand-ball{font-size:40px}.login-card h1{font:800 45px/1.05 'Fraunces',serif;margin:8px 0 12px}.login-intro{color:var(--muted)}.login-card form>label{display:block;font-size:12px;font-weight:800;margin:20px 0 8px}.player-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.player-option input{position:absolute;opacity:0}.player-option>span:last-child{display:block;font-weight:700}.player-option{background:#f0f2ed;border:2px solid transparent;border-radius:12px;padding:12px;cursor:pointer}.player-option:has(input:checked){border-color:var(--green);background:#e4eee7}.avatar{font-size:23px}.login-card input[type=password]{width:100%;border:1px solid #c9cec8;border-radius:11px;padding:13px;font-size:16px}.primary-button{width:100%;margin-top:18px;background:var(--coral);color:white;display:flex;justify-content:space-between}.form-error{background:#fee9e5;color:#8c2c20;padding:10px;border-radius:8px;font-size:12px}@media(min-width:700px){.welcome{border-radius:34px;margin:12px 18px 0;padding:50px}.welcome h2{font-size:52px}.score-strip{margin:-22px 50px 0}.fixture-list{grid-template-columns:repeat(2,1fr)}.fixture-list .empty{grid-column:1/-1}.section{padding-left:50px;padding-right:50px}.team-stack{grid-template-columns:repeat(3,1fr)}.team-main{align-items:flex-start}.team-main .chevron{display:none}.team-main{flex-direction:column}.page-head{padding-left:50px}.table-card,.explain-card{margin-left:50px;margin-right:50px}}@media(max-width:380px){.topbar{padding-left:15px;padding-right:15px}.welcome,.section,.page-head,.fixture-list{padding-left:17px;padding-right:17px}.welcome h2,.page-head h2{font-size:34px}.score-strip{margin-left:8px;margin-right:8px}.score-strip>div{padding-left:3px;padding-right:3px}.score-strip b{font-size:25px}.login-card{padding:26px 20px}}