/* footballsims.com — ScanDaddy Cyberdeck palette (green #00ff41 · purple #c084fc) on the logo's deep purple */
:root{
  --bg:#0b0020; --bg2:#180047; --panel:#12062f; --panel2:#1a0a3c; --line:#2b1560; --line2:#4a2a8a;
  --txt:#ece6ff; --dim:#9a8cc4; --grn:#00ff41; --pur:#c084fc; --cyan:#7af4fa; --amb:#fbbf24; --red:#ff0040;
  --mono:"IBM Plex Mono","SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --sans:"Inter","Segoe UI",system-ui,-apple-system,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:15px;line-height:1.45}
body{background:radial-gradient(1200px 500px at 50% -120px,#2a0a6a 0%,var(--bg) 60%)}
a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1180px;margin:0 auto;padding:0 18px 40px}
header.top{border-bottom:1px solid var(--line);background:linear-gradient(180deg,#180047,#0f0030);position:sticky;top:0;z-index:5}
header.top .wrap{display:flex;align-items:center;gap:18px;padding:0 14px 0 0;flex-wrap:wrap;max-width:none}
.brand{display:flex;align-items:center;margin:0}
.brand img{height:74px;width:auto;display:block}
@media(max-width:560px){.brand img{height:56px}}
nav.tabs{display:flex;gap:6px;margin-left:auto;flex-wrap:wrap}
nav.tabs a{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:8px 14px;border:1px solid var(--line2);border-radius:3px;color:var(--pur)}
nav.tabs a.on,nav.tabs a:hover{color:var(--grn);border-color:var(--grn);text-decoration:none;background:rgba(0,255,65,.06);box-shadow:0 0 12px rgba(0,255,65,.15)}
h1{font-family:var(--mono);font-size:22px;letter-spacing:.08em;text-transform:uppercase;margin:24px 0 4px;color:#fff}
h1 small{font-size:12px;color:var(--pur);letter-spacing:.14em;display:block;margin-top:4px}
.sub{color:var(--dim);margin:0 0 16px;max-width:820px}
.grid{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:900px){.grid.two{grid-template-columns:1fr 1fr}}
.portlet{background:var(--panel);border:1px solid var(--line);border-radius:6px;overflow:hidden;box-shadow:0 0 0 1px rgba(192,132,252,.06),0 10px 30px rgba(0,0,0,.35)}
.portlet .ph{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--pur);padding:9px 12px;border-bottom:1px solid var(--line);background:#0f0430}
.portlet .pb{padding:12px}
.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
select,button,input{font-family:var(--mono);font-size:13px}
select{background:#0b0226;color:var(--txt);border:1px solid var(--line2);padding:8px 10px;border-radius:3px;max-width:100%}
.btn{background:transparent;color:var(--grn);border:1px solid var(--grn);padding:8px 14px;border-radius:3px;cursor:pointer;letter-spacing:.08em;text-transform:uppercase}
.btn:hover{background:rgba(0,255,65,.1);box-shadow:0 0 14px rgba(0,255,65,.25)}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}
.btn.amber{color:var(--amb);border-color:#8a6d3b}.btn.amber:hover{background:rgba(251,191,36,.08);box-shadow:0 0 14px rgba(251,191,36,.2)}
.btn.ghost{color:var(--pur);border-color:var(--line2)}.btn.ghost:hover{box-shadow:none;background:rgba(192,132,252,.08)}
.note{color:var(--dim);font-size:12.5px;margin-top:8px}
.err{color:var(--red);font-family:var(--mono);font-size:13px;margin-top:8px}
.bar{display:flex;height:38px;border-radius:4px;overflow:hidden;font-family:var(--mono);font-size:14px;margin:8px 0 2px}
.bar .h{background:linear-gradient(90deg,rgba(0,255,65,.35),rgba(0,255,65,.15));border:1px solid var(--grn);display:flex;align-items:center;padding-left:10px;white-space:nowrap;min-width:72px;color:#fff}
.bar .a{flex:1;background:linear-gradient(90deg,rgba(192,132,252,.15),rgba(192,132,252,.35));border:1px solid var(--pur);display:flex;align-items:center;justify-content:flex-end;padding-right:10px;white-space:nowrap;min-width:72px;color:#fff}
.kv{display:grid;grid-template-columns:170px 1fr;gap:5px 12px;font-size:13.5px;margin-top:10px}
.kv .k{color:var(--pur);font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;padding-top:2px}
.kv .v{font-family:var(--mono)}
@media(max-width:560px){.kv{grid-template-columns:1fr}.kv .k{padding-top:6px}}
/* tables: no inner scrolling — everything fits the box; long cells wrap */
table.hosts{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:12.5px;table-layout:auto}
table.hosts th{text-align:left;color:var(--pur);font-weight:500;letter-spacing:.1em;font-size:10.5px;text-transform:uppercase;padding:8px 10px;border-bottom:1px solid var(--line);background:#0f0430}
table.hosts td{padding:7px 10px;border-bottom:1px solid #1c0f45;vertical-align:top}
table.hosts td.g{color:var(--grn);white-space:nowrap}table.hosts td.d{color:var(--dim)}table.hosts td.v{color:var(--cyan);white-space:nowrap}
table.hosts td.wrap{white-space:normal;word-break:break-word}
table.hosts tr.sep td{border-top:1px solid var(--line2);padding:0;height:4px}
table.hosts tr.team td{color:var(--cyan);font-size:11px;letter-spacing:.12em;text-transform:uppercase;background:#100530;padding:5px 10px}
@media(max-width:640px){table.hosts .hide-sm{display:none}}
.hero{display:grid;grid-template-columns:1fr;gap:14px;margin:22px 0}
@media(min-width:760px){.hero{grid-template-columns:1fr 1fr}}
.card{display:block;background:var(--panel);border:1px solid var(--line2);border-radius:6px;padding:22px;color:var(--txt);transition:all .15s;position:relative;overflow:hidden}
.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,255,65,.08),transparent 40%,rgba(192,132,252,.12));pointer-events:none}
.card:hover{border-color:var(--grn);text-decoration:none;box-shadow:0 0 24px rgba(0,255,65,.18)}
.card h2{font-family:var(--mono);margin:0 0 6px;font-size:18px;letter-spacing:.1em;text-transform:uppercase;color:#fff}
.card p{color:var(--dim);margin:0 0 12px}
.card .go{font-family:var(--mono);color:var(--grn);font-size:12px;letter-spacing:.14em}
.stat{font-family:var(--mono);font-size:12px;color:var(--dim);letter-spacing:.06em}
.stat b{color:var(--txt)}
.wide{grid-column:1/-1}
footer{border-top:1px solid var(--line);margin-top:34px;padding:16px 0;color:var(--dim);font-size:12px;font-family:var(--mono)}
footer .wrap{padding-bottom:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.powered{display:inline-flex;align-items:center;gap:10px;color:var(--pur);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid var(--line2);padding:6px 12px 6px 6px;border-radius:4px;background:#0f0430}
.powered:hover{border-color:var(--grn);text-decoration:none;box-shadow:0 0 12px rgba(0,255,65,.2)}
.powered img{height:30px;width:30px;border-radius:4px}
.powered b{color:var(--grn);font-weight:600}
.badge{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;border:1px solid var(--line2);padding:1px 5px;border-radius:2px;color:var(--pur);vertical-align:middle}
.badge.q{color:var(--amb);border-color:#8a6d3b}
.spin{display:inline-block;width:10px;height:10px;border:2px solid var(--dim);border-top-color:var(--grn);border-radius:50%;animation:sp .8s linear infinite;vertical-align:middle;margin-right:6px}
@keyframes sp{to{transform:rotate(360deg)}}