:root{--app-bg:#f5f7f6;--surface:#fff;--surface-muted:#eef2ef;--text:#445047;--text-strong:#101815;--muted:#748077;--border:#dfe6e2;--accent:#23c469;--green-dark:#12804a;--danger:#b42318;--soft-shadow:0 8px 24px #0f172a0f;--sans:Satoshi, Geist, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", ui-monospace, monospace;font-family:var(--sans);color:var(--text);background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--app-bg);min-width:320px;min-height:100%}body{min-width:320px;min-height:100dvh;margin:0}#root{min-height:100dvh}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{background:radial-gradient(circle at 50% -10%,#22c55e1f,#0000 30rem),linear-gradient(#eef1f4 0%,#dfe5e9 100%);place-items:center;width:100%;max-width:100vw;min-height:100dvh;padding:20px;display:grid;overflow-x:hidden}.phone-frame{background:var(--app-bg);width:min(390px,100vw - 40px);max-width:100%;min-height:min(100dvh,900px);color:var(--text);border:1px solid #0f172a14;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 30px 80px #0f172a2e}.phone-frame *{min-width:0}.top-bar,.date-rail,.segment-control,.alert-strip,.featured-match,.market-ticker,.feed-heading,.match-feed,.tournament-strip{width:calc(100vw - 28px);max-width:calc(100% - 28px);margin-inline:14px}.top-bar{justify-content:space-between;align-items:center;gap:12px;height:70px;padding-top:4px;display:flex}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{color:#062313;background:var(--accent);border-radius:8px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 1px #ffffff73}.brand-lockup strong{color:var(--text-strong);font-size:16px;line-height:1.1;display:block}.brand-lockup span:not(.brand-mark){color:var(--muted);font-size:11px;font-family:var(--mono);text-transform:uppercase;letter-spacing:0;margin-top:3px;display:block}.top-actions{flex:none;align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text);border-radius:8px;place-items:center;display:grid;box-shadow:0 1px #ffffffe6}.date-rail{grid-template-columns:38px repeat(4,minmax(0,1fr));gap:8px;padding-bottom:12px;display:grid}.date-chip{min-height:48px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;place-items:center;padding:6px;display:grid}.date-chip span{font-size:11px;line-height:1}.date-chip strong{color:var(--text-strong);margin-top:3px;font-size:16px;line-height:1.1}.date-chip.is-active{background:var(--surface);border-color:var(--border);box-shadow:var(--soft-shadow)}.date-chip.is-active span,.date-chip.is-active strong{color:#0d3b22}.segment-control{background:#e7ecef;border:1px solid #0f172a0d;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid}.segment-control button{height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;font-size:12px;font-weight:700}.segment-control button.is-active{color:var(--text-strong);background:var(--surface);box-shadow:0 8px 18px #0f172a14}.alert-strip{color:#0d3b22;text-align:left;background:#e9f7ef;border:1px solid #19844a38;border-radius:8px;grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;min-height:42px;margin-top:12px;padding:8px 10px;font-size:13px;font-weight:700;display:grid}.alert-icon{background:#1fb15e2e;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.featured-match{background:var(--surface);border:1px solid var(--border);box-shadow:var(--soft-shadow);border-radius:8px;margin-top:12px;padding:14px}.featured-head{justify-content:space-between;gap:12px;display:flex}.featured-head>div:first-child{min-width:0}.meta-line{color:var(--muted);font-size:11px;font-family:var(--mono);text-transform:uppercase}.featured-head h1{color:var(--text-strong);letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:20px;line-height:1.15;overflow:hidden}.confidence-ring{background:conic-gradient(var(--accent) var(--score), #e5e7eb 0), #fff;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative}.confidence-ring:before{content:"";background:var(--surface);border-radius:50%;width:40px;height:40px;position:absolute}.confidence-ring span{font-family:var(--mono);color:var(--text-strong);font-size:14px;font-weight:800;position:relative}.versus-row{border-block:1px solid var(--border);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;margin-top:14px;padding:12px 0;display:grid;overflow:hidden}.team-block{align-items:center;gap:8px;min-width:0;display:flex}.team-block.is-away{text-align:right;flex-direction:row-reverse;justify-content:flex-end}.team-block strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.crest{background:linear-gradient(145deg, var(--crest), color-mix(in srgb, var(--crest) 58%, #111827));color:#fff;border-radius:50%;flex:0 0 28px;place-items:center;width:28px;height:28px;font-size:9px;font-weight:900;display:grid;box-shadow:inset 0 1px #ffffff52}.kickoff-block{width:84px;height:34px;color:var(--muted);font-size:11px;font-family:var(--mono);background:#f4f7f5;border-radius:8px;justify-content:center;align-items:center;gap:5px;font-weight:700;display:flex}.prob-stack{gap:8px;margin-top:14px;display:grid}.prob-row{grid-template-columns:22px 1fr 54px;align-items:center;gap:9px;display:grid}.prob-label{height:22px;color:var(--muted);font-size:11px;font-family:var(--mono);background:#edf2ef;border-radius:6px;place-items:center;font-weight:800;display:grid}.prob-track{background:#e5e9e7;border-radius:999px;height:8px;overflow:hidden}.prob-track span{border-radius:inherit;background:#9aa4a0;height:100%;display:block}.prob-track span.is-leader{background:var(--accent)}.prob-row strong{color:var(--text-strong);font-family:var(--mono);text-align:right;font-size:12px}.market-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.market-cell{border:1px solid var(--border);background:#fbfcfb;border-radius:8px;min-width:0;padding:8px}.market-cell span,.market-cell em{color:var(--muted);font-size:10px;font-family:var(--mono);font-style:normal;display:block}.market-cell strong{color:var(--text-strong);font-family:var(--mono);margin:3px 0;font-size:18px;line-height:1.1;display:block}.market-cell.is-value{background:#ecfdf3;border-color:#19844a42}.market-cell.is-value em{color:var(--green-dark);font-weight:800}.model-note{color:#365243;background:#f3f7f5;border-radius:8px;align-items:flex-start;gap:8px;margin-top:12px;padding:10px;font-size:12px;line-height:1.35;display:flex}.model-note svg{color:var(--green-dark);flex:none;margin-top:1px}.market-ticker{border-block:1px solid var(--border);background:#ffffff73;margin-top:12px;overflow:hidden}.ticker-track{gap:8px;width:max-content;padding:9px 0;animation:28s linear infinite ticker;display:flex}.ticker-item{background:var(--surface);border:1px solid var(--border);white-space:nowrap;height:28px;font-family:var(--mono);border-radius:8px;align-items:center;gap:6px;padding:0 10px;font-size:10px;display:flex}.ticker-item svg{color:var(--green-dark)}.ticker-item span{color:var(--muted)}.ticker-item strong{color:var(--text-strong)}.feed-heading{justify-content:space-between;align-items:end;margin-top:16px;display:flex}.feed-heading span,.section-head span{color:var(--muted);font-size:10px;font-family:var(--mono);text-transform:uppercase;display:block}.feed-heading strong,.section-head strong{color:var(--text-strong);margin-top:3px;font-size:16px;display:block}.feed-heading button,.section-head button{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--text-strong);border-radius:8px;padding:0 10px;font-size:11px;font-weight:800}.match-feed{gap:12px;margin-top:10px;display:grid}.competition-group{border:1px solid var(--border);background:var(--surface);box-shadow:var(--soft-shadow);border-radius:8px;overflow:hidden}.group-title{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:38px;padding:0 12px;display:flex}.group-title div{align-items:center;gap:8px;min-width:0;display:flex}.group-title svg{color:var(--green-dark)}.group-title span{color:var(--text-strong);font-size:13px;font-weight:800}.group-title em{color:var(--muted);font-size:11px;font-style:normal}.rows{display:grid}.match-row{border:0;border-bottom:1px solid var(--border);width:100%;min-height:68px;color:var(--text);text-align:left;background:0 0;grid-template-columns:54px 1fr 58px;align-items:center;gap:8px;padding:8px 10px;display:grid}.match-row:last-child{border-bottom:0}.match-row.is-selected{background:#f3faf6}.match-time span,.match-time em{font-family:var(--mono);font-style:normal;display:block}.match-time span{color:var(--text-strong);font-size:11px;font-weight:800}.match-time em{color:var(--green-dark);margin-top:5px;font-size:10px}.match-teams{gap:8px;min-width:0;display:grid}.match-teams div{align-items:center;gap:8px;min-width:0;display:flex}.match-teams .crest{flex-basis:22px;width:22px;height:22px;font-size:8px}.match-teams span{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:760;overflow:hidden}.row-market{justify-self:end;justify-items:end;gap:2px;display:grid}.row-market span{min-width:22px;height:20px;color:var(--muted);font-family:var(--mono);background:#edf2ef;border-radius:6px;place-items:center;font-size:10px;font-weight:800;display:grid}.row-market strong{color:var(--text-strong);font-family:var(--mono);font-size:13px}.row-market em{color:var(--green-dark);font-family:var(--mono);font-size:10px;font-style:normal;font-weight:800}.tournament-strip{background:var(--surface);border:1px solid var(--border);box-shadow:var(--soft-shadow);border-radius:8px;margin-top:14px;padding:12px}.section-head{justify-content:space-between;align-items:center;display:flex}.title-odds{gap:10px;margin-top:12px;display:grid}.title-row{font-family:var(--mono);grid-template-columns:10px 72px 1fr 48px 34px;align-items:center;gap:8px;font-size:11px;display:grid}.title-row .dot{background:var(--dot);border-radius:50%;width:9px;height:9px}.title-row span:nth-child(2){color:var(--text-strong);font-family:var(--sans);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.mini-bar{background:#e5e9e7;border-radius:999px;height:7px;overflow:hidden}.mini-bar i{border-radius:inherit;background:var(--accent);height:100%;display:block}.title-row strong{color:var(--text-strong);text-align:right}.title-row em{color:var(--green-dark);text-align:right;font-style:normal}.safe-space{height:86px}.bottom-nav{border-top:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;grid-template-columns:repeat(5,1fr);align-items:center;width:min(100%,100vw);height:70px;display:grid;position:absolute;bottom:0;left:0;right:auto;box-shadow:0 -18px 44px #0f172a14}.bottom-nav button{color:var(--muted);background:0 0;border:0;justify-items:center;gap:3px;font-size:10px;font-weight:800;display:grid}.bottom-nav button.is-active{color:var(--green-dark)}button{cursor:pointer;-webkit-tap-highlight-color:transparent;font-family:inherit;transition:transform .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1)}button:active{transform:translateY(1px)scale(.99)}button:focus-visible{outline-offset:2px;outline:2px solid #1fb15e8c}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=480px){.app-shell{background:var(--app-bg);place-items:start center;padding:0}.phone-frame{width:min(390px,100vw);max-width:100vw;min-height:100dvh;box-shadow:none;border:0;border-radius:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}