:root{--bg:#071a1b;--surface:#0d2827;--edge:#2e554b;--text:#e9fcf5;--muted:#a1bdb1;--mint:#44edac;--accent:#123a33}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 25% 0,#153d33 0,transparent 400px),var(--bg);margin:0;font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}
a{color:var(--mint)}button,select{font:inherit}button:focus-visible,select:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--mint);outline-offset:3px}
.wrap{max-width:920px;margin:auto;padding:0 16px 45px}.top{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:25px 0 18px}
.logo{font-size:24px;font-weight:950;font-style:italic;text-decoration:none;color:var(--text);letter-spacing:-1px}.logo em{color:var(--mint)}
.strap,.eyebrow{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.pill{font-size:10px;color:var(--mint);border:1px solid var(--edge);border-radius:999px;padding:5px 9px}
.hero{margin:14px 0 24px}.hero h1{font-size:clamp(26px,5vw,37px);margin:0 0 9px;line-height:1.15;letter-spacing:-.8px}.hero p{margin:0;max-width:720px;color:var(--muted);font-size:13px}.eyebrow{color:var(--mint)!important;margin-bottom:7px!important}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:15px 0}.summary>div{border:1px solid var(--edge);border-radius:13px;padding:14px;background:linear-gradient(135deg,#12362f,#0b2223)}.summary b{display:block;font-size:25px;line-height:1.15;font-variant-numeric:tabular-nums}.summary span{font-size:11px;color:var(--muted)}
.status{border:1px solid var(--edge);background:#0c2b27;border-radius:11px;padding:10px 12px;color:var(--muted);font-size:12px}.status.error{color:#ffb4a8;border-color:#7b4338}
.controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:11px;background:var(--surface);padding:14px;border:1px solid var(--edge);border-radius:14px;margin:13px 0}
.controls label{font-size:11px;color:var(--muted);min-width:0}.controls select{display:block;width:100%;margin:6px 0 0;border:1px solid #3b6759;border-radius:9px;color:var(--text);background:#0b2222;padding:10px 9px;font-size:12px}
.controls .tick{display:flex;align-items:center;gap:9px;grid-column:1/4;font-size:12px;cursor:pointer}.tick input{accent-color:#44edac;width:16px;height:16px}
.reload{background:#225f4d;color:#f4fff7;border:1px solid #357f63;padding:10px;border-radius:9px;cursor:pointer;font-size:12px}
.hint,.footnote{color:var(--muted);font-size:11px;line-height:1.7}.hint{margin:12px 0 20px}.hint strong{color:var(--text)}
.results-head{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:12px 0}.results-head h2{margin:0;font-size:17px}.results-head span{font-size:11px;color:var(--muted)}
.list{display:grid;gap:10px}.item{border:1px solid var(--edge);border-radius:14px;padding:14px;background:linear-gradient(135deg,#0f2d2c,#0b2021)}
.item-head{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-bottom:9px}.teams{font-size:15px;font-weight:800;line-height:1.25;margin-bottom:11px}
.line-details{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px}.market-label{background:#1c4b40;color:#c1ffde;padding:4px 8px;border-radius:8px;font-weight:800}
.quoted{font-size:12px;color:var(--text)}.numbers{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:12px 0}
.number{background:#0a2122;padding:9px 7px;border:1px solid #254b42;border-radius:9px;min-width:0}.number span{display:block;font-size:10px;color:var(--muted);line-height:1.3}.number b{display:block;font-size:18px;font-variant-numeric:tabular-nums;margin-top:4px}.number .positive{color:#69efb2}.number .negative{color:#ffb1a8}
.extra{font-size:11px;color:var(--muted)}.item-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.book{font-size:11px;color:var(--muted);overflow-wrap:anywhere}.open{white-space:nowrap;background:#155d48;border:1px solid #348166;border-radius:9px;color:#f4fff8;padding:8px 10px;text-decoration:none;font-size:12px}
.empty{padding:20px;border:1px solid var(--edge);border-radius:12px;color:var(--muted);text-align:center;background:var(--surface)}
.footnote{margin:20px 0}footer{display:flex;flex-wrap:wrap;gap:17px;padding:15px 0 25px;border-top:1px solid var(--edge);color:var(--muted);font-size:12px}
@media(max-width:650px){.controls{grid-template-columns:repeat(2,minmax(0,1fr))}.controls .tick{grid-column:1/-1}.reload{grid-column:1/-1}.numbers{grid-template-columns:repeat(2,minmax(0,1fr))}.item-head{flex-direction:column;gap:1px}.item-bottom{align-items:flex-start;flex-direction:column}.summary b{font-size:21px}}
@media(max-width:340px){.summary span{font-size:10px}.summary>div{padding:10px}.teams{font-size:13px}}

/* Compact, dismissible explanation for first-time scanner visitors. */
.guide{border:1px solid #386b59;background:#0d3029;border-radius:14px;margin:17px 0;padding:12px 15px}
.guide summary{cursor:pointer;color:var(--mint);font-weight:800;font-size:14px;list-style-position:outside}
.guide summary span{color:var(--muted);font-weight:500;font-size:11px;margin-left:7px}
.guide summary:focus-visible{outline:2px solid var(--mint);outline-offset:4px}
.guide ol{margin:13px 0 10px;padding-left:23px}
.guide li{padding:3px 0 5px;font-size:12px;line-height:1.6;color:var(--muted)}
.guide li strong{color:var(--text)}
.guide-example{padding:11px 12px;background:#0a2220;border:1px solid #2d5c48;border-radius:10px;font-size:12px;line-height:1.65}
.guide-note{font-size:11px;color:var(--muted);line-height:1.6;margin:10px 0 2px}