:root,:root[data-theme=dark]{--bg: #0a0d12;--card: #141922;--card-2: #1b2230;--text: #f5f5f4;--muted: #9ca3af;--line: #252c38;--gold: #d4af37;--gold-text: #d4af37;--on-gold: #0a0d12;--live: #f87171;--live-bg: #3a1416;--live-row: #1c1215;--fav-row: #2a2414;--ok: #4ade80;--warn: #fbbf24;--off: #3a4557;color-scheme:dark}:root[data-theme=light]{--bg: #f6f5f1;--card: #ffffff;--card-2: #f0eee8;--text: #111318;--muted: #555b66;--line: #e4e2dc;--gold: #d4af37;--gold-text: #8a6d12;--on-gold: #111318;--live: #c10600;--live-bg: #fde7e6;--live-row: #fef2f2;--fav-row: #fbf3da;--ok: #15803d;--warn: #b45309;--off: #9ca3af;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:Montserrat,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,select{font:inherit;color:inherit}a{color:var(--gold-text)}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.header{padding:calc(18px + env(safe-area-inset-top)) 18px 0;display:flex;flex-direction:column;gap:10px}.header-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.wordmark{font-size:26px;font-weight:900;font-style:italic;letter-spacing:-.03em;line-height:1}.wordmark span{color:var(--gold-text)}.date-line{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.04em}.gold-rule{height:2px;border-radius:1px;background:var(--gold)}.page-title{margin:0;font-size:24px;font-weight:800}.icon-btn{width:44px;height:44px;flex:none;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none}.icon-btn[aria-pressed=true]{background:var(--gold);border-color:var(--gold);color:var(--on-gold)}.section-label{margin:0;font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.favs{padding:10px 0;border-bottom:1px solid var(--line);background:var(--bg)}.favs.sticky-compact{position:sticky;top:0;z-index:5}.favs-head{display:flex;justify-content:space-between;align-items:center;padding:0 18px}.link-btn{min-height:36px;padding:0 6px;border:none;background:transparent;color:var(--gold-text);font-weight:700;font-size:12px;cursor:pointer}.favs-row{display:flex;gap:14px;padding:4px 18px 0;overflow-x:auto;scrollbar-width:none}.fav-item{flex:none;width:58px;display:flex;flex-direction:column;align-items:center;gap:5px;text-decoration:none;color:inherit;background:none;border:none;padding:0;cursor:pointer}.fav-ring{width:52px;height:52px;border-radius:26px;border:2px solid var(--gold);padding:3px;display:flex}.fav-ring.live{border-color:var(--live)}.fav-name{font-size:11px;font-weight:600;color:var(--muted);white-space:nowrap;max-width:64px;overflow:hidden;text-overflow:ellipsis}.fav-name.live{color:var(--live)}.favs-mini{display:flex;gap:6px;padding:2px 18px 0}.badge{flex:none;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;color:#fff;font-weight:800;background:var(--card-2)}.badge img{width:100%;height:100%;object-fit:contain;background:transparent}.segmented{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:12px;background:var(--card);border:1px solid var(--line)}.segmented button{min-height:40px;border-radius:9px;border:none;background:transparent;color:var(--muted);font-weight:700;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px}.segmented button[aria-pressed=true]{background:var(--gold);color:var(--on-gold)}.dot{width:7px;height:7px;border-radius:4px;background:var(--live);display:inline-block}.content{padding:10px 16px 16px;display:flex;flex-direction:column;gap:8px}.group-title{display:flex;align-items:center;gap:8px;margin:10px 4px 2px}.match-row{display:grid;grid-template-columns:46px minmax(0,1fr) 20px;column-gap:12px;align-items:center;padding:10px 12px;border-radius:14px;background:var(--card);border:1px solid var(--line);text-decoration:none;color:inherit}.match-row.live{border-color:var(--live)}.match-row.fav{background:linear-gradient(var(--fav-row),var(--fav-row)) padding-box}.league-chip{width:46px;height:46px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:8px;font-weight:800;letter-spacing:.04em}.teams-line{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:8px;align-items:center}.team-col{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0}.team-col span.name{font-size:11px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.score-col{display:flex;flex-direction:column;align-items:center;gap:2px}.score{font-size:20px;font-weight:800;color:var(--gold-text);white-space:nowrap}.score.live{color:var(--live)}.status{font-size:10px;font-weight:700;color:var(--muted);white-space:nowrap}.status.live{color:var(--live)}.status.verify{color:var(--warn)}.live-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}.live-card .top{display:flex;justify-content:space-between;align-items:center}.pill-live{padding:4px 10px;border-radius:10px;background:var(--live-bg);color:var(--live);font-size:12px;font-weight:800}.live-grid{display:grid;grid-template-columns:34px minmax(0,1fr) auto;column-gap:12px;row-gap:8px;align-items:center}.progress{height:3px;border-radius:2px;background:var(--line)}.progress>div{height:3px;border-radius:2px;background:var(--live)}.empty{padding:28px 16px;text-align:center;color:var(--muted);font-size:14px;line-height:1.5;background:var(--card);border:1px solid var(--line);border-radius:16px}.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.tile{min-height:68px;border-radius:12px;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;font-weight:800;cursor:pointer;opacity:.5}.tile[aria-pressed=true]{opacity:1;border-color:var(--gold)}.table{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.table-row{display:grid;grid-template-columns:4px 28px minmax(0,1fr) 30px 30px 44px;column-gap:8px;padding:8px 12px 8px 0;border-bottom:1px solid var(--line);align-items:center;font-size:13px}.table-row:last-child{border-bottom:none}.table-row.head{font-size:11px;font-weight:800;color:var(--muted);letter-spacing:.06em}.table-row.fav{background:var(--fav-row)}.num{text-align:right;color:var(--muted)}.pts{text-align:right;font-weight:800}.card-list{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.card-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.card-item:last-child{border-bottom:none}.card-item .grow{flex:1;display:flex;flex-direction:column;min-width:0}.card-item .title{font-size:15px;font-weight:700}.card-item .sub{font-size:12px;color:var(--muted)}.switch{width:52px;height:32px;flex:none;border-radius:16px;border:none;padding:3px;background:var(--off);display:flex;justify-content:flex-start;cursor:pointer}.switch[aria-pressed=true]{background:var(--gold);justify-content:flex-end}.switch span{width:26px;height:26px;border-radius:13px;background:#fff}.btn{min-height:48px;border-radius:12px;border:none;background:var(--gold);color:var(--on-gold);font-weight:800;font-size:15px;cursor:pointer;padding:0 16px}.btn.ghost{background:transparent;border:1px solid var(--gold);color:var(--gold-text)}.btn:disabled{opacity:.5;cursor:default}.small-btn{min-height:36px;min-width:36px;border-radius:10px;border:1px solid var(--line);background:var(--card-2);cursor:pointer;font-weight:700;font-size:12px;padding:0 10px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:13px;font-weight:600}.field input,.field select{min-height:48px;border-radius:12px;border:1px solid var(--line);background:var(--card);padding:0 14px;font-size:16px}.bar{flex:1;height:5px;border-radius:3px;background:var(--line)}.bar>div{height:5px;border-radius:3px}.note{margin:0 4px;font-size:12px;line-height:1.5;color:var(--muted)}.error{color:var(--live);font-size:13px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:8px 0 calc(8px + env(safe-area-inset-bottom));background:var(--card);border-top:1px solid var(--line)}.bottom-nav a{min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;font-weight:600;color:var(--muted);text-decoration:none}.bottom-nav a.active{color:var(--gold-text);font-weight:800}@media(min-width:600px){.bottom-nav{max-width:560px;margin:0 auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}:root,:root[data-theme=dark]{--gold-grad: linear-gradient(180deg, #f7dc85 0%, #d4af37 52%, #a8811f 100%);--silver-grad: linear-gradient(180deg, #ffffff 0%, #d9dde3 55%, #9ca3af 100%);--card-grad: linear-gradient(180deg, #171d28 0%, #10141c 100%);--card-edge: rgba(255, 255, 255, .07);--glow: 0 0 18px rgba(212, 175, 55, .35)}:root[data-theme=light]{--gold-grad: linear-gradient(180deg, #c99a1e 0%, #a07a14 55%, #7a5c0c 100%);--silver-grad: linear-gradient(180deg, #2a2f38 0%, #111318 100%);--card-grad: linear-gradient(180deg, #ffffff 0%, #faf8f3 100%);--card-edge: rgba(17, 19, 24, .08);--glow: 0 0 12px rgba(212, 175, 55, .25)}:root[data-theme=dark] body{background:radial-gradient(120% 55% at 50% -12%,#406ebe47,#0a0d1200 60%),radial-gradient(60% 30% at 15% -5%,#d4af371a,#0a0d1200 70%),var(--bg);background-attachment:fixed}.wordmark{background:var(--silver-grad);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.wordmark span{background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent}.gold-rule{height:2px;background:linear-gradient(90deg,#d4af3700,#d4af37 18%,#f7dc85,#d4af37 82%,#d4af3700);box-shadow:var(--glow)}.match-row,.live-card,.card-list,.table,.empty,.segmented{background:var(--card-grad);border-color:var(--card-edge)}:root[data-theme=dark] .match-row,:root[data-theme=dark] .live-card{box-shadow:0 6px 18px #00000059,inset 0 1px #ffffff0a}.match-row{position:relative;grid-template-columns:minmax(0,1fr) 20px;padding:12px 12px 12px 18px;overflow:hidden}.match-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--lc),color-mix(in srgb,var(--lc) 55%,#000))}.match-row.live{border-color:var(--live);box-shadow:0 0 0 1px var(--live),0 6px 18px #00000059}.match-row.fav{background:linear-gradient(180deg,color-mix(in srgb,var(--fav-row) 85%,transparent),var(--card)) padding-box;border-color:#d4af3773}.team-col span.name{font-size:12px}.score:not(.live){background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px;letter-spacing:-.01em}.segmented button[aria-pressed=true],.btn:not(.ghost),.switch[aria-pressed=true]{background:var(--gold-grad);box-shadow:var(--glow)}.tile[aria-pressed=true]{box-shadow:var(--glow)}.fav-ring{border:none;background:conic-gradient(from 210deg,#a8811f,#f7dc85,#d4af37,#a8811f);padding:3px}.fav-ring.live{background:var(--live);box-shadow:0 0 14px #f8717173}.fav-ring>.badge{box-shadow:0 0 0 2px var(--bg)}.group-title{color:var(--text);letter-spacing:.12em}.bottom-nav{background:color-mix(in srgb,var(--card) 88%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--card-edge)}.bottom-nav a.active{filter:drop-shadow(0 0 6px rgba(212,175,55,.45))}.fav-ring{width:50px;height:50px;align-items:center;justify-content:center;border-radius:50%}:root{--gold-btn: linear-gradient(180deg, #f7dc85 0%, #d4af37 60%, #b8901f 100%)}.segmented button[aria-pressed=true],.btn:not(.ghost),.switch[aria-pressed=true]{background:var(--gold-btn);color:#111318}:root,:root[data-theme=dark]{--gold: #c99a2e;--gold-text: #e2b85a;--gold-grad: linear-gradient(180deg, #ffecb3 0%, #e6bd5c 32%, #b08028 62%, #d6a846 82%, #8c6018 100%);--gold-btn: linear-gradient(180deg, #f5d88a 0%, #d9ae4e 35%, #b3852c 72%, #9a6f1f 100%);--on-gold: #1a1205;--glow: 0 0 16px rgba(201, 154, 46, .4)}:root[data-theme=light]{--gold: #b8892a;--gold-text: #8a6416;--gold-grad: linear-gradient(180deg, #c9962e 0%, #9c7019 55%, #6f4d0c 100%);--gold-btn: linear-gradient(180deg, #f5d88a 0%, #d9ae4e 35%, #b3852c 72%, #9a6f1f 100%);--on-gold: #1a1205;--glow: 0 0 12px rgba(184, 137, 42, .3)}.gold-rule{background:linear-gradient(90deg,#b0802800,#b08028 18%,#ffecb3,#b08028 82%,#b0802800)}.fav-ring{background:conic-gradient(from 210deg,#8c6018,#ffecb3,#d6a846,#b08028,#8c6018)}.segmented button[aria-pressed=true],.btn:not(.ghost),.switch[aria-pressed=true],.icon-btn[aria-pressed=true]{background:var(--gold-btn);color:var(--on-gold);border-color:transparent}.btn.ghost{border-color:var(--gold)}.brand-logo{width:168px;height:168px;filter:drop-shadow(0 10px 28px rgba(0,0,0,.5))}
