:root{
  --bg:#090d16;--panel:#121927;--panel2:#172134;--text:#f7f8fc;--muted:#9da8bb;
  --border:#293650;--red:#da4338;--blue:#376fd8;--gold:#d49b2f;--green:#2fb36f;
}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at top,#17233a 0,#090d16 44%);
color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;min-height:100vh}
.container{width:min(1120px,92%);margin:0 auto;padding:42px 0 70px}
header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}
h1{font-size:clamp(36px,6vw,66px);line-height:1;margin:4px 0 10px}
h2{margin:6px 0 0;font-size:22px}
.eyebrow,.card>span{font-size:12px;letter-spacing:.13em;font-weight:800;color:#86acff}
.subtitle,.muted,small{color:var(--muted)}
.status{padding:10px 14px;border:1px solid var(--border);border-radius:999px;font-weight:800}
.status.online{color:#a6f1c3;border-color:#286a48;background:#123321}
.status.error{color:#ffb0aa;border-color:#7b302d;background:#321918}
.grid{display:grid;gap:18px}.cards{grid-template-columns:1.35fr 1fr 1fr}.two{grid-template-columns:1fr 1fr;margin-top:18px}
.card{background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 18px 50px #0005;margin-bottom:18px}
.hero{min-height:180px}
.prediction,.latest{font-size:32px;font-weight:950;margin:18px 0 8px}
.metric{font-size:42px;font-weight:950;margin-top:18px}
.red{color:#ff7168}.blue{color:#73a0ff}.tie{color:#f2bd54}.neutral{color:#d1d8e5}
.section-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}
button{border:1px solid #42516d;background:#202b40;color:white;padding:10px 14px;border-radius:10px;font-weight:800;cursor:pointer}
button:hover{background:#2a3852}
.history{display:flex;gap:9px;flex-wrap:wrap}
.ball{width:52px;height:61px;border-radius:11px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #ffffff26;color:#fff}
.ball b{font-size:18px}.ball small{font-size:10px;color:#fff;margin-top:3px}
.ball.PLAYER{background:var(--blue)}.ball.BANKER{background:var(--red)}.ball.TIE{background:var(--gold)}
.row{display:grid;grid-template-columns:130px 1fr 58px;gap:12px;align-items:center;margin:13px 0}
.bar{height:12px;background:#283247;border-radius:99px;overflow:hidden}.bar i{display:block;height:100%;background:currentColor}
.model{display:flex;justify-content:space-between;gap:18px;align-items:center;border-bottom:1px solid var(--border);padding:12px 0}
.model:last-child{border:0}.note{line-height:1.6}.error{border-color:#7b302d;color:#ffb8b3}.hidden{display:none}
code{background:#0b111d;padding:2px 6px;border-radius:5px}
@media(max-width:800px){.cards,.two{grid-template-columns:1fr}header{flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}.row{grid-template-columns:105px 1fr 52px}}