/* EdgeSpot presentation layer. Betting/model policy lives in backend + project rules. */
:root{--b:#06100c;--p:#0a1912;--p2:#0d2118;--l:#1e3c2f;--ls:#2f5c48;--t:#f5faf7;--m:#9ab0a5;--m2:#70877b;--g:#42f58d;--v:#c8afff;--a:#ffc46b;--r:#ff7880;--blue:#83ceff;--sh:0 24px 72px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:#030b08;color-scheme:dark;scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--t);font:14px Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 82% -10%,rgba(66,245,141,.11),transparent 30rem),radial-gradient(circle at 8% 55%,rgba(200,175,255,.05),transparent 28rem),var(--b)}button{font:inherit}.shell{width:min(1200px,calc(100% - 28px));margin:auto;padding:16px 0 54px}.nav{position:sticky;top:8px;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:9px 12px;border:1px solid var(--l);border-radius:17px;background:rgba(8,21,15,.93);backdrop-filter:blur(16px);box-shadow:var(--sh)}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand img{width:40px;height:40px;border-radius:11px}.brand b{display:block;font-size:18px}.brand small{display:block;color:var(--m2);font-size:8px;letter-spacing:1.1px;text-transform:uppercase}.tabs{display:flex;justify-content:center;gap:4px}.tab{border:0;border-radius:10px;padding:9px 13px;color:var(--m);background:transparent;font-weight:800;cursor:pointer}.tab.on{color:#021008;background:var(--g)}.health{color:var(--m);font-size:10px;white-space:nowrap}.health:before{content:"";display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:var(--g);box-shadow:0 0 12px rgba(66,245,141,.7)}.health.bad:before{background:var(--r)}main{padding-top:20px}.view{display:none}.view.on{display:block}.intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:8px 2px 15px}.ey{color:var(--g);font-size:9px;font-weight:900;letter-spacing:1.4px;text-transform:uppercase}.intro h1{margin:7px 0 0;font-size:clamp(30px,5vw,50px);line-height:.98;letter-spacing:-2.4px}.intro p{max-width:520px;margin:0;color:var(--m);font-size:12px;line-height:1.55;text-align:right}.surface{border:1px solid var(--l);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent),var(--p);box-shadow:var(--sh)}.slate{padding:25px}.slateTop,.heroTop,.sec{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.slate h2{margin:7px 0 0;font-size:clamp(34px,5vw,55px);letter-spacing:-3px;line-height:.95}.pill{padding:7px 10px;border:1px solid rgba(66,245,141,.25);border-radius:999px;color:var(--g);background:#123b27;font-size:8px;font-weight:900;text-transform:uppercase}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:23px}.cell,.hcell{padding:11px;border:1px solid var(--l);border-radius:11px;background:rgba(3,11,8,.42)}.cell span,.hcell span,.metric span,.pulseItem span,.radarCard span{display:block;color:var(--m2);font-size:8px;font-weight:850;text-transform:uppercase;letter-spacing:.6px}.cell b,.hcell b,.pulseItem b{display:block;margin-top:5px}.release{display:flex;justify-content:space-between;gap:20px;margin-top:15px;padding-top:15px;border-top:1px solid var(--l)}.release small{display:block;margin-top:4px;color:var(--m)}#countdown{color:var(--g);font-size:18px;font-weight:850}.pulse{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.pulseItem{padding:12px 14px;border:1px solid var(--l);border-radius:13px;background:rgba(3,11,8,.36)}.pulseItem b.heroReady{color:var(--v)}
.story{margin-top:10px;padding:19px 20px;border-color:#315845;background:radial-gradient(circle at 100% 0,rgba(66,245,141,.08),transparent 24rem),var(--p)}.storyTop{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.storyTop h3{margin:5px 0 0;font-size:22px;letter-spacing:-.8px}.storyTop p{max-width:760px;margin:6px 0 0;color:var(--m);font-size:11px;line-height:1.55}.storyBadge{padding:6px 9px;border:1px solid rgba(66,245,141,.25);border-radius:999px;color:var(--g);background:rgba(18,59,39,.7);font-size:8px;font-weight:900;text-transform:uppercase;white-space:nowrap}.radar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.radarCard{padding:13px;border:1px solid var(--l);border-radius:12px;background:rgba(3,11,8,.35)}.radarCard strong{display:block;margin-top:5px;font-size:14px;line-height:1.25}.radarCard small{display:block;margin-top:5px;color:var(--m);font-size:9px;line-height:1.4}.radarCard.edge{border-color:rgba(66,245,141,.32)}.radarCard.favorite{border-color:rgba(131,206,255,.26)}.radarCard.tight{border-color:rgba(255,196,107,.24)}.radarValue{display:block;margin-top:8px;font-size:20px;font-weight:900}.radarCard.edge .radarValue{color:var(--g)}.radarCard.favorite .radarValue{color:var(--blue)}.radarCard.tight .radarValue{color:var(--a)}
.sec{align-items:end;margin:30px 2px 12px}.sec h2{margin:0;font-size:25px;letter-spacing:-1px}.sec p{max-width:700px;margin:6px 0 0;color:var(--m);font-size:11px;line-height:1.5}.side{color:var(--m2);font-size:9px;font-weight:800;text-transform:uppercase}.hero{padding:23px;border-color:#574574;background:radial-gradient(circle at 95% 0,rgba(200,175,255,.14),transparent 25rem),linear-gradient(145deg,#0a1812,#151127)}.heroK{color:var(--v);font-size:9px;font-weight:950;letter-spacing:1.3px;text-transform:uppercase}.hero h3{margin:7px 0 0;font-size:clamp(25px,4vw,37px);letter-spacing:-1.5px}.odds{text-align:right}.odds b{display:block;color:var(--v);font-size:48px;line-height:.9;letter-spacing:-2px}.odds span{display:block;margin-top:6px;color:var(--m2);font-size:8px;text-transform:uppercase}.hgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:17px}.heroExtras{display:grid;grid-template-columns:1.1fr .9fr;gap:9px;margin-top:9px}.payout,.zone{padding:13px;border:1px solid rgba(200,175,255,.2);border-radius:12px;background:rgba(3,11,8,.38)}.payoutTop,.zoneTop{display:flex;justify-content:space-between;gap:12px;align-items:center}.payoutTop span,.zoneTop span{color:var(--m2);font-size:8px;font-weight:850;letter-spacing:.65px;text-transform:uppercase}.payoutTop b{color:var(--g);font-size:16px}.payout small{display:block;margin-top:5px;color:var(--m);font-size:9px}.zoneTrack{position:relative;height:7px;margin-top:12px;border-radius:999px;background:#201b2c;overflow:visible}.zoneTrack:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,rgba(200,175,255,.35),rgba(200,175,255,.95))}.zoneMarker{position:absolute;top:50%;width:14px;height:14px;border:3px solid #151127;border-radius:50%;background:var(--v);transform:translate(-50%,-50%);box-shadow:0 0 16px rgba(200,175,255,.65)}.zoneLabels{display:flex;justify-content:space-between;margin-top:7px;color:var(--m2);font-size:8px}.heroActions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.thrill{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid rgba(255,196,107,.25);border-radius:999px;background:rgba(59,42,20,.55);color:var(--a);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.7px}.share{border:1px solid rgba(200,175,255,.35);border-radius:10px;padding:9px 12px;background:rgba(43,34,64,.72);color:var(--v);font-size:9px;font-weight:900;cursor:pointer}.share:hover{border-color:var(--v)}.wait{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center}.wait p{color:var(--m);line-height:1.55}.rules{display:grid;gap:7px}.rule{display:flex;justify-content:space-between;padding:9px;border:1px solid rgba(200,175,255,.18);border-radius:10px;background:rgba(3,11,8,.35);font-size:9px}.rule span{color:var(--m)}.legs{display:grid;gap:7px;margin-top:14px}.leg{display:grid;grid-template-columns:26px 1fr auto;gap:10px;align-items:center;padding:10px;border:1px solid rgba(200,175,255,.16);border-radius:10px;background:rgba(3,11,8,.35)}.n{display:grid;place-items:center;width:25px;height:25px;border-radius:7px;background:var(--v);color:#110c19;font-weight:900}.leg small{display:block;color:var(--m)}.leg em{color:var(--g);font-style:normal;font-weight:850}.note{margin-top:12px;color:var(--m2);font-size:9px;line-height:1.5}.hall{margin-top:10px;padding:16px 18px;border:1px solid rgba(255,196,107,.22);border-radius:16px;background:linear-gradient(120deg,rgba(59,42,20,.42),rgba(10,25,18,.75))}.hall b{display:block;color:var(--a);font-size:10px;text-transform:uppercase;letter-spacing:1px}.hall strong{display:block;margin-top:7px;font-size:20px}.hall span{display:block;margin-top:5px;color:var(--m);font-size:10px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.card{padding:17px;border:1px solid #2b6949;border-radius:18px;background:var(--p)}.cardTop{display:flex;justify-content:space-between;gap:12px}.card h3{margin:6px 0 0;font-size:17px}.card small{color:var(--m2)}.bet{display:grid;grid-template-columns:.8fr 1.2fr;gap:7px;margin-top:13px}.bet div{padding:10px;border:1px solid var(--l);border-radius:10px;background:rgba(3,11,8,.4)}.bet span{display:block;color:var(--m2);font-size:7px;text-transform:uppercase}.bet b{display:block;margin-top:4px}.bet div:first-child b{color:var(--g);font-size:20px}.empty{padding:17px;border:1px dashed var(--ls);border-radius:14px;color:var(--m);background:rgba(3,11,8,.25);line-height:1.5}.fixtures{display:grid;gap:8px}.fixture{display:grid;grid-template-columns:minmax(220px,.85fr) auto minmax(300px,1fr);gap:14px;align-items:center;padding:14px 15px;border:1px solid var(--l);border-radius:14px;background:var(--p)}.fixture h3{margin:3px 0 0;font-size:13px}.fixture small{color:var(--m2)}.status{padding:6px 8px;border-radius:999px;color:var(--g);background:#123b27;font-size:8px;font-weight:850;white-space:nowrap}.prediction{padding:9px 10px;border:1px solid rgba(131,206,255,.18);border-radius:10px;background:rgba(17,47,67,.22)}.predTop{display:flex;justify-content:space-between;gap:10px;margin-bottom:7px;color:var(--blue);font-size:8px;font-weight:850;text-transform:uppercase}.predGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.predGrid div{padding:6px;border:1px solid var(--l);border-radius:8px;text-align:center}.predGrid div.hot{border-color:rgba(131,206,255,.55);background:rgba(17,47,67,.62)}.predGrid span{display:block;color:var(--m2);font-size:7px}.predGrid b{display:block;margin-top:2px;font-size:11px}.prediction.none{color:var(--m2);font-size:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{padding:14px;border:1px solid var(--l);border-radius:14px;background:var(--p)}.metric b{display:block;margin-top:6px;font-size:22px}.metric small{display:block;margin-top:4px;color:var(--m)}.table{overflow:auto;border:1px solid var(--l);border-radius:14px;background:var(--p)}table{width:100%;border-collapse:collapse;font-size:10px}th,td{padding:11px 12px;border-bottom:1px solid var(--l);text-align:left}th{color:var(--m2);font-size:7px;text-transform:uppercase}tr:last-child td{border:0}.method{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.method article{padding:19px}.method h3{margin:7px 0;font-size:18px}.method p{margin:0;color:var(--m);font-size:10px;line-height:1.6}.toast{position:fixed;right:18px;bottom:18px;z-index:50;max-width:320px;padding:11px 14px;border:1px solid var(--ls);border-radius:12px;background:#08150f;color:var(--t);box-shadow:var(--sh);font-size:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s}.toast.on{opacity:1;transform:none}.footer{display:flex;justify-content:space-between;gap:18px;margin-top:32px;padding-top:16px;border-top:1px solid var(--l);color:var(--m2);font-size:8px}
@media(max-width:900px){.fixture{grid-template-columns:1fr auto}.prediction{grid-column:1/-1}.heroExtras{grid-template-columns:1fr}.radar{grid-template-columns:1fr 1fr}.radarCard.edge{grid-column:1/-1}}
@media(max-width:780px){.nav{grid-template-columns:auto auto}.tabs{grid-column:1/-1;order:3}.tab{flex:1}.health{font-size:0}.intro{display:block}.intro p{margin-top:10px;text-align:left}.storyTop{display:block}.storyBadge{display:inline-block;margin-top:10px}.grid,.method{grid-template-columns:1fr}.wait{grid-template-columns:1fr}.fixture{grid-template-columns:1fr}.prediction{grid-column:auto}.hgrid,.metrics,.pulse{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.brand small{display:none}.tab{padding:8px 6px;font-size:9px}.slateTop,.heroTop,.release,.sec{display:block}.pill,.odds{margin-top:14px;text-align:left}.meta{grid-template-columns:1fr}.hgrid,.metrics,.pulse,.radar{grid-template-columns:1fr 1fr}.pulseItem:last-child,.radarCard.edge{grid-column:1/-1}.bet{grid-template-columns:1fr}.side{margin-top:7px;text-align:left}.heroActions{align-items:flex-start;flex-direction:column}.share{width:100%}}