:root{
  --bg:#0a0c0f;--panel:#12161b;--panel2:#171c22;--text:#f6f7f8;--muted:#9097a1;--red:#ff2d3b;--red2:#c61322;--line:#242b33;--green:#48e06d;--amber:#ffb547;
  --safe: env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}html,body{margin:0;background:#050608;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh}.desktop-gate{display:none}.app-shell{max-width:520px;min-height:100vh;margin:auto;background:radial-gradient(circle at 50% -20%,#20252c 0,#0a0c0f 42%);padding-bottom:calc(76px + var(--safe));position:relative}
.topbar{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:10;background:rgba(10,12,15,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.04)}
.brand{display:flex;align-items:center;gap:8px;font-weight:900;letter-spacing:-.04em;font-size:20px}.brand-red{color:var(--red)}.ball{font-size:24px}.icon-btn{border:0;background:transparent;color:#fff;font-size:22px;padding:8px;border-radius:10px}.icon-btn:active{background:#1c2229}
.view{display:none;padding:14px 14px 24px}.view.active{display:block}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:#0e1217;padding:5px;border-radius:14px;margin-bottom:16px}.segment{border:0;background:transparent;color:#9da4ad;padding:11px 8px;border-radius:10px;font-weight:800}.segment.active{background:var(--red);color:#fff}.league-header{display:flex;justify-content:space-between;align-items:center;font-weight:800;margin:10px 2px 10px}.league-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--red);margin-right:7px}.muted{color:var(--muted);font-size:13px;font-weight:600}
.match-list{display:flex;flex-direction:column;gap:10px}.match-card{background:linear-gradient(180deg,#151a20,#11151a);border:1px solid #252d35;border-radius:18px;padding:14px;box-shadow:0 8px 25px rgba(0,0,0,.16)}.match-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.team{text-align:center;font-weight:800;font-size:14px}.team-badge,.big-badge{margin:0 auto 6px;width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#202832;border:1px solid #323c47;font-size:12px;font-weight:900}.team-badge.alt,.big-badge.alt{background:#2a2027}.scorebox{text-align:center}.score{font-size:26px;font-weight:950;letter-spacing:-.04em}.status{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:999px;background:var(--red);font-size:11px;font-weight:900}.status.ft{background:#3b424c}.status.soon{background:#22303b;color:#cbd5df}.banter-line{margin:12px 0 0;padding:11px 12px;background:#0d1116;border-left:3px solid var(--red);border-radius:10px;color:#d8dde2;line-height:1.4;font-size:14px}.stat-strip{display:flex;gap:10px;margin-top:10px;color:#9da5ae;font-size:12px}.stat-strip span{background:#0d1116;padding:6px 8px;border-radius:8px}
.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(520px,100%);height:72px;padding:8px 12px calc(8px + var(--safe));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(10,12,15,.97);backdrop-filter:blur(16px);border-top:1px solid #20262d;z-index:20}.nav-item{border:0;background:none;color:#828a95;display:flex;flex-direction:column;align-items:center;gap:2px;font-weight:700}.nav-item span{font-size:20px}.nav-item.active{color:var(--red)}.nav-item small{font-size:11px}
.section-title-row{display:flex;align-items:center;justify-content:space-between;margin:6px 2px 14px}.eyebrow{margin:0 0 2px;color:var(--red);font-size:11px;font-weight:950;letter-spacing:.12em}.section-title-row h2{margin:0;font-size:26px;letter-spacing:-.03em}.pill-btn{border:1px solid #2b333d;background:#151a20;color:#fff;border-radius:999px;padding:9px 13px;font-weight:800}.team-chips{display:flex;gap:8px;overflow:auto;padding-bottom:8px}.team-chip{min-width:110px;background:#151a20;border:1px solid #29313a;border-radius:16px;padding:12px;text-align:center}.team-chip .team-badge{width:38px;height:38px}.team-chip strong{display:block;font-size:13px}.panel{margin-top:12px;background:#12161b;border:1px solid #252c34;border-radius:18px;padding:14px}.next-match{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:8px}.next-match .team-badge{margin:0}.next-center{display:flex;flex-direction:column;gap:2px}.next-center span{color:var(--muted);font-size:11px}.next-center.right{text-align:right}.vs{color:var(--muted);font-weight:900}.recent-banter{display:flex;flex-direction:column;gap:10px}.recent-item{padding:10px 0;border-bottom:1px solid #222930}.recent-item:last-child{border-bottom:0}.recent-item strong{display:block;font-size:13px;margin-bottom:3px}.recent-item span{font-size:13px;color:#cdd2d7;line-height:1.35}
.mini-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:12px}.mini-tab{border:1px solid #2a323b;background:#12161b;color:#aab1ba;border-radius:999px;padding:8px 12px;font-weight:800}.mini-tab.active{background:var(--red);border-color:var(--red);color:#fff}.banter-feed{display:flex;flex-direction:column;gap:10px}.banter-post{background:#12161b;border:1px solid #262e37;border-radius:16px;padding:13px}.banter-post .post-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;color:var(--muted);margin-bottom:6px}.banter-post strong{color:#fff}.banter-post p{margin:0;line-height:1.45;color:#d9dde2}.reactions{margin-top:10px;color:#ff6b76;font-size:12px;font-weight:800}
.menu-row{width:100%;border:1px solid #262d35;background:#12161b;color:#fff;border-radius:15px;padding:15px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center;font-size:15px}.menu-row strong{color:#a8b0b9;font-size:13px}.tagline-card{margin-top:18px;border-radius:18px;padding:20px;background:linear-gradient(135deg,#3b0a0f,#11151a);border:1px solid #5b1019;text-align:center}.tagline-card strong{display:block;font-size:20px}.tagline-card span{display:block;color:#d7dce1;margin-top:5px}
.sheet-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.64);z-index:40}.sheet-backdrop.show{display:block}.bottom-sheet{position:fixed;left:50%;bottom:-100%;transform:translateX(-50%);width:min(520px,100%);max-height:92vh;background:#0d1014;border-radius:24px 24px 0 0;border:1px solid #272e36;border-bottom:0;z-index:50;padding:8px 14px calc(20px + var(--safe));overflow:auto;transition:bottom .28s ease}.bottom-sheet.show{bottom:0}.sheet-handle{width:46px;height:5px;background:#3a4149;border-radius:99px;margin:4px auto 10px}.sheet-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.sheet-head div{display:flex;flex-direction:column;align-items:center}.sheet-head span{color:var(--muted);font-size:12px;margin-top:2px}.score-hero{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;margin:18px 0}.score-hero>div:first-child,.score-hero>div:last-child{font-weight:800}.big-badge{width:54px;height:54px;border-radius:18px}.score-number{font-size:40px;font-weight:950;letter-spacing:-.05em}.commentary-card{background:#180d10;border:1px solid #6a1720;color:#ffe4e6;border-radius:14px;padding:13px;line-height:1.45}.detail-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:15px 0 8px;border-bottom:1px solid #252c34}.detail-tabs button{background:none;border:0;color:#9098a2;padding:10px 4px;font-weight:800}.detail-tabs button.active{color:#fff;border-bottom:2px solid var(--red)}.timeline{display:flex;flex-direction:column;gap:0}.timeline-row{display:grid;grid-template-columns:44px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid #20262d}.timeline-row .min{color:#a4acb5;font-weight:900}.timeline-row strong{display:block}.timeline-row span{display:block;color:#9ba3ac;font-size:13px;margin-top:2px}
.banter-options{display:flex;flex-direction:column;gap:10px;margin-top:14px}.banter-option{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;border:1px solid #27303a;background:#12161b;border-radius:16px;padding:13px}.banter-option.selected{border-color:var(--red);box-shadow:0 0 0 1px var(--red) inset}.banter-option .emoji{font-size:26px}.banter-option strong{display:block}.banter-option span{display:block;color:#9aa2ab;font-size:12px;line-height:1.35;margin-top:2px}.radio{width:20px;height:20px;border-radius:50%;border:2px solid #454e58}.selected .radio{border-color:var(--red);box-shadow:inset 0 0 0 4px #12161b;background:var(--red)}.warning-box{margin:12px 0;background:#161a20;border:1px solid #343b44;border-radius:14px;padding:12px;color:#bec5cc;font-size:12px;line-height:1.4}.primary-btn{width:100%;border:0;background:var(--red);color:#fff;border-radius:14px;padding:14px;font-weight:900;font-size:16px}
.toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);background:#171c22;border:1px solid #303843;color:#fff;padding:10px 14px;border-radius:999px;z-index:80;font-size:13px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
@media (min-width: 760px){.app-shell{display:none}.desktop-gate{display:grid;place-items:center;min-height:100vh;padding:40px}.desktop-card{max-width:560px;text-align:center;background:#0f1318;border:1px solid #272f38;border-radius:28px;padding:34px}.brand-large{justify-content:center;font-size:30px}.desktop-card h1{font-size:42px;margin:20px 0 8px;letter-spacing:-.04em}.desktop-card p{color:#aeb5be;line-height:1.6}.desktop-phone{font-size:72px;margin-top:18px}}