:root{--navy:#0b2a5b;--red:#d62828;--green:#1a9e4b;--bg:#f4f6fa;--mut:#6b7486}
*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:#16213a}
header{position:sticky;top:0;z-index:5;background:#fff;border-bottom:3px solid var(--navy);box-shadow:0 2px 8px #0001}
.logo{display:block;text-align:center;padding:6px 0 0}.logo img{height:56px}
nav{display:flex;overflow-x:auto;gap:4px;padding:6px 8px;scrollbar-width:none}nav::-webkit-scrollbar{display:none}
nav a{flex:0 0 auto;padding:7px 12px;border-radius:999px;color:var(--navy);font-weight:600;text-decoration:none;font-size:14px;background:#eef2f9}
nav a:hover{background:var(--navy);color:#fff}
main{max-width:1100px;margin:auto;padding:12px}section{scroll-margin-top:120px;margin-bottom:22px}
h1{margin:4px 0;color:var(--navy)}h2{display:flex;align-items:center;gap:10px;color:var(--navy);border-bottom:2px solid #dde3ee;padding-bottom:6px}
h2 img{width:40px;height:40px}h3{font-size:15px;color:var(--mut);margin:12px 0 8px;text-transform:uppercase;letter-spacing:.04em}h3 small{font-weight:400;text-transform:none}
.date{margin:0}.stamp{display:inline-block;margin:6px 0;font-size:13px;background:var(--navy);color:#fff;padding:3px 10px;border-radius:6px}
.chips{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:10px 0}
.chip{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:12px;padding:8px 2px;text-decoration:none;color:var(--navy);font-size:11px;font-weight:600;box-shadow:0 1px 3px #0001}
.chip img{width:34px;height:34px;margin-bottom:4px;object-fit:contain}.chip b{font-size:18px}.legend{font-size:12px;color:var(--mut)}
.grid{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}.logo img{height:70px}header{display:flex;align-items:center;gap:16px;padding:0 16px}nav{flex-wrap:wrap}}
@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 4px #0002;border-left:4px solid var(--navy)}
.badge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px}.badge.live{background:#fde8e8;color:var(--red)}.badge.fin{background:#e8ecf3;color:var(--navy)}.badge.pre{background:#e8f6ee;color:var(--green)}
.tr{display:grid;grid-template-columns:1fr auto 2.2em;align-items:center;gap:8px;padding:5px 0;font-size:15px}
.tr .sc{text-align:right;font-weight:700;font-size:18px}.tr.win .tn,.tr.win .sc{font-weight:800;color:var(--navy)}
.odd{font-family:ui-monospace,Menlo,monospace;font-size:13px;padding:2px 6px;border-radius:5px;white-space:nowrap}
.odd.up{background:#e6f5ec;color:var(--green)}.odd.down{background:#fde8e8;color:var(--red)}.odd.flat{background:#eef0f4;color:#6b7486}.odd.nomv{color:#16213a}.odd.na{color:#aab}
.draw{font-size:12px;color:var(--mut);border-top:1px dashed #dde;padding-top:5px}
.empty{background:#fff;border-radius:10px;padding:12px;color:var(--mut);font-style:italic}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}
.stat{background:#fff;border-radius:12px;padding:12px;text-align:center;color:var(--mut);font-size:13px;box-shadow:0 1px 3px #0001}
.stat b{display:block;font-size:28px;color:var(--navy)}.stat.up b{color:var(--green)}.stat.down b{color:var(--red)}
.note{font-size:13px;color:var(--mut)}.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;font-size:14px}
th{background:var(--navy);color:#fff;text-align:left;padding:8px}td{padding:8px;border-bottom:1px solid #eef}
td small{color:var(--mut)}td.up{color:var(--green);font-weight:700;white-space:nowrap}td.down{color:var(--red);font-weight:700;white-space:nowrap}
.odds td.best{outline:2px solid var(--navy);outline-offset:-2px}.odds td.soon{color:#9aa3b5;font-size:12px;font-style:italic}
.bestkey{color:var(--navy);font-weight:700}
footer{background:var(--navy);color:#dfe6f3;text-align:center;padding:18px 12px;font-size:13px}footer b{color:#fff}
.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}
.tabs button{flex:0 0 auto;border:1px solid var(--navy);background:#fff;color:var(--navy);border-radius:999px;padding:7px 12px;font-weight:600;font-size:14px}
.tabs button.on{background:var(--navy);color:#fff}.tabs small{opacity:.7}
.lgrid{display:grid;gap:10px;margin-top:8px}@media(min-width:700px){.lgrid{grid-template-columns:repeat(2,1fr)}}
.lcard{background:#fff;border-radius:12px;padding:10px 12px;box-shadow:0 1px 4px #0002;border-left:4px solid var(--red)}
.lhead{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--mut)}.lhead img{width:22px;height:22px}.lhead .badge{margin-left:auto}
.lscore div{display:flex;justify-content:space-between;font-size:17px;padding:4px 0}.lscore b{font-size:22px;color:var(--navy)}
.lodds{font-size:12px;margin:6px 0}.lodds th{padding:5px;font-size:11px}.lodds td{padding:5px}.lodds td.na{color:#aab}.lodds .soon{color:#9aa3b5;font-style:italic;font-size:11px}
.hrbtn{display:block;text-align:center;background:var(--green);color:#fff;font-weight:700;padding:10px;border-radius:10px;text-decoration:none}
@media(max-width:600px){
table.odds thead{display:none}table.odds,table.odds tbody{display:block}
table.odds tr{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;border-bottom:1px solid #e3e8f1}
table.odds td{border:0;padding:6px 4px;text-align:center;border-radius:8px;background:#f6f8fc}
table.odds td:first-child{grid-column:1/-1;text-align:left;background:none;padding:0 0 2px}
table.odds td:nth-child(2)::before{content:"DraftKings";display:block;font-size:10px;color:var(--mut);font-style:normal}
table.odds td:nth-child(3)::before{content:"FanDuel";display:block;font-size:10px;color:var(--mut);font-style:normal}
table.odds td:nth-child(4)::before{content:"Hard Rock";display:block;font-size:10px;color:var(--mut);font-style:normal}
.lodds .soon{font-size:10px}.lodds th,.lodds td{padding:4px 3px}}
.mvw{display:inline-flex;flex-direction:column;align-items:flex-end;line-height:1.15}.odds .mvw,.lodds .mvw{align-items:flex-start}
.mvn{font-size:10px;color:var(--mut);white-space:nowrap}.mvn.up{color:var(--green)}.mvn.down{color:var(--red)}.mvleg{margin:4px 0 8px}
@media(max-width:600px){table.odds td.best{background:#fff}table.odds .mvw{align-items:center}}
.sechead{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px;border-bottom:2px solid #dde3ee;margin-bottom:8px}.sechead h2{border:0;margin:14px 0 6px}
.how{font-size:13px;position:relative}.how summary{cursor:pointer;list-style:none;color:var(--navy);font-weight:600;background:#eef2f9;border-radius:999px;padding:5px 11px}.how summary::-webkit-details-marker{display:none}
.how[open] summary{background:var(--navy);color:#fff}.how ul{margin:8px 0;padding:10px 12px 10px 28px;background:#fff;border-radius:10px;box-shadow:0 1px 4px #0002;line-height:1.7}
.how{flex-basis:auto}.how[open]{flex-basis:100%}
.bestbox{outline:2px solid var(--navy);outline-offset:1px;border-radius:4px;padding:0 4px;font-weight:600}
.help details{background:#fff;border-radius:10px;padding:10px 12px;margin-bottom:8px;box-shadow:0 1px 3px #0001}.help summary{font-weight:700;color:var(--navy);cursor:pointer}.help p{margin:8px 0 2px;font-size:14px;line-height:1.5}
.how summary{display:inline-block}
/* ===== Tema oscuro trading ===== */
:root{--navy:#0b2a5b;--bg:#0b1426;--card:#13213d;--bd:#22345a;--tx:#e6ebf5;--mut:#93a0b8;--up:#22c55e;--dn:#ef4444;--acc:#3b82f6;--red:#ef4444;--green:#22c55e}
body{background:var(--bg);color:var(--tx)}
header{background:#0e1a33;border-bottom:3px solid var(--dn);box-shadow:0 2px 12px #0008}
.logo img{background:#fff;border-radius:12px;padding:3px 8px}
nav a{background:#1a2a4b;color:var(--tx)}nav a:hover{background:var(--dn);color:#fff}
h1,h2{color:#fff}h2{border-bottom-color:var(--bd)}.sechead{border-bottom-color:var(--bd)}h3{color:var(--mut)}
h2 img,.chip img,.lhead img{background:#fff;border-radius:50%;padding:2px}
.stamp{background:var(--acc)}
.chip,.card,.lcard,.empty,.stat,.help details,.how ul,table,.odds td{background:var(--card);color:var(--tx);border:1px solid var(--bd);box-shadow:none}
.chip{color:var(--tx)}.chip b{color:#fff}
.card{border-left:4px solid var(--acc)}.lcard{border-left:4px solid var(--dn)}
.tr.win .tn,.tr.win .sc,.lscore b,.stat b{color:#fff}.stat.up b{color:var(--up)}.stat.down b{color:var(--dn)}
th{background:#0e1a33;color:#fff;border-bottom:1px solid var(--bd)}td{border-bottom:1px solid var(--bd)}td small,.mvn{color:var(--mut)}
td.up,.mvn.up{color:var(--up)}td.down,.mvn.down{color:var(--dn)}
.odd.up{background:rgba(34,197,94,.15);color:var(--up)}.odd.down{background:rgba(239,68,68,.15);color:var(--dn)}.odd.flat{background:#24324f;color:#a7b2c7}.odd.nomv{color:var(--tx)}.odd.na{color:#5d6b86}
.odds td.best{outline:2px solid var(--acc)}.bestbox{outline-color:var(--acc)}.bestkey{color:var(--acc)}
.odds td.soon,.lodds .soon,.lodds td.na{color:#6f7d98}
.badge.live{background:rgba(239,68,68,.18);color:#ff6b6b}.badge.fin{background:#24324f;color:#c9d2e3}.badge.pre{background:rgba(34,197,94,.15);color:var(--up)}
.tabs button{background:var(--card);color:var(--tx);border-color:var(--bd)}.tabs button.on{background:var(--dn);border-color:var(--dn);color:#fff}
.how summary{background:#1a2a4b;color:var(--tx)}.how[open] summary{background:var(--acc);color:#fff}
.help summary{color:#fff}.draw{border-top-color:var(--bd)}
.hrbtn{background:#f5b301;color:#111;box-shadow:0 0 0 1px #ffd45a inset}
.note,.legend{color:var(--mut)}
footer{background:#070e1c;border-top:1px solid var(--bd)}
@media(max-width:600px){table.odds tr{border-bottom:1px solid var(--bd)}table.odds td{background:#0f1b33}table.odds td.best{background:#0f1b33}table.odds td:first-child{background:none;border:0}}
.ticker{display:flex;align-items:stretch;background:#0e1a33;border-bottom:1px solid var(--bd);position:relative;overflow:hidden;height:36px}
.tlabel{flex:0 0 auto;background:var(--dn);color:#fff;font-weight:800;font-size:12px;letter-spacing:.06em;padding:0 10px;display:flex;align-items:center;z-index:1;box-shadow:4px 0 8px #0009}
.tview{flex:1;overflow:hidden;display:flex;align-items:center;outline:0}
.ttrack{display:flex;white-space:nowrap;width:max-content;animation:tick 150s linear infinite}
.ttrack a{color:var(--tx);text-decoration:none;font-size:14px;padding:0 18px;border-right:1px solid var(--bd)}.ttrack a:hover{color:#fff;text-decoration:underline}
.tview:hover .ttrack,.tview:focus .ttrack,.tview:active .ttrack,.tview:focus-within .ttrack{animation-play-state:paused}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ttrack{animation-duration:400s}}
.umatch{font-size:16px;font-weight:700;color:#fff;margin:6px 0 2px}.umatch small{color:var(--mut);font-weight:400}
.ucard .lscore{display:none}.noodds{font-size:12px;color:var(--mut);font-style:italic;margin:6px 0 8px}
.uday h3{margin-top:16px}.vermas summary{cursor:pointer;margin:10px 0;text-align:center;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:9px;color:var(--tx);font-weight:700;list-style:none}
.vermas[open] summary{display:none}
.fhide,.lhide{display:none!important}
.vmbtn{display:block;width:100%;margin:10px 0;background:var(--card);border:1px solid var(--bd);border-radius:10px;padding:10px;color:var(--tx);font-weight:700;font-size:14px;cursor:pointer}
.vmbtn:hover{border-color:var(--acc)}
@media(max-width:600px){table.odds tr.lhide,table.odds tr.fhide{display:none!important}}
.det{margin-top:8px;border-top:1px solid var(--bd);padding-top:6px}.det summary{cursor:pointer;list-style:none;font-size:13px;font-weight:700;color:#9cc3ff;padding:4px 0}.det summary::-webkit-details-marker{display:none}
.det[open] .ar{display:inline-block;transform:rotate(180deg)}
.dsec{margin:8px 0}.dsec h4{margin:0 0 5px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--mut)}
.tl{list-style:none;margin:0;padding:0;font-size:13px}.tl li{display:flex;gap:8px;padding:4px 0;border-bottom:1px dashed var(--bd)}.tl .mt{flex:0 0 auto;min-width:3.2em;color:#9cc3ff;font-weight:700;font-size:12px}
.tl li.xm{display:none}.dsec.all .tl li.xm{display:flex}
.xmb{margin-top:6px;background:none;border:1px solid var(--bd);color:var(--tx);border-radius:8px;padding:5px 10px;font-size:12px}
table.ls,table.st{width:100%;font-size:12px;border:0;background:transparent}table.ls th,table.ls td,table.st th,table.st td{padding:4px 5px;text-align:center;background:transparent;border-bottom:1px solid var(--bd)}
table.ls th{color:var(--mut);font-weight:600}table.ls td:first-child{text-align:left}table.st th{color:var(--mut);font-weight:600}
.dsec p{margin:3px 0;font-size:13px}.ltn{color:#9cc3ff;font-weight:700}.dsrc{font-size:10px;color:var(--mut);text-align:right;margin:4px 0 0}
.pre{margin:8px 0 4px;padding:7px 9px;background:#0f1b33;border:1px solid var(--bd);border-radius:10px;font-size:13px}
.preh{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#f5b301;margin-bottom:4px}.preh small{color:var(--mut);text-transform:none;font-weight:400}
.prer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:3px 0}.pn{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.po{display:flex;align-items:center;gap:6px}.fav{background:#f5b301;color:#111;font-size:10px;font-weight:800;border-radius:5px;padding:1px 6px}
.dogb{background:#24324f;color:#c9d2e3;font-size:10px;font-weight:700;border-radius:5px;padding:1px 6px}.pnone{color:var(--mut);font-style:italic}
.det .pre{margin-top:4px}
.legalbar{position:fixed;left:0;right:0;bottom:0;z-index:9;background:#070e1c;border-top:2px solid #f5b301;color:#e6ebf5;font-size:11px;text-align:center;padding:6px 8px;line-height:1.4}
.legalbar a{color:#f5b301;text-decoration:none}body{padding-bottom:44px}
.flinks a{color:#f5b301;text-decoration:none}.flinks{line-height:1.8}
main.legal{max-width:760px}main.legal h1{color:#f5b301}main.legal h2{font-size:18px;border-bottom:1px solid var(--bd)}main.legal p,main.legal li{line-height:1.6;font-size:15px}
main.legal a{color:#9cc3ff}.upd{color:var(--mut);font-size:13px!important}.helpbox{background:var(--card);border:1px solid #f5b301;border-radius:12px;padding:10px 14px}
nav a.on{background:#f5b301;color:#111}
.nl{position:relative;overflow:hidden;margin:26px 0;padding:20px 16px;border-radius:16px;background:linear-gradient(135deg,#0e1f45 0%,#13213d 60%,#1a2a1f 100%);border:2px solid #f5b301;box-shadow:0 0 0 4px rgba(245,179,1,.12),0 10px 30px #0008}
.nl::after{content:"";position:absolute;inset:-40%;background:radial-gradient(circle at 80% 10%,rgba(245,179,1,.18),transparent 40%);animation:nlglow 6s ease-in-out infinite alternate;pointer-events:none}
@keyframes nlglow{to{transform:translate(-10%,10%)}}
.nltick{display:flex;gap:10px;font-family:ui-monospace,Menlo,monospace;font-size:12px;font-weight:700;opacity:.85;margin-bottom:8px;white-space:nowrap;overflow:hidden}
.nltick .up,.nlb .up{color:#22c55e}.nltick .down{color:#ef4444}
.nlh{display:block;border:0;margin:0 0 10px;font-size:22px;line-height:1.2;color:#fff}.nlh::first-letter{font-size:1em}
.nlb{list-style:none;padding:0;margin:0 0 12px;font-size:14px;line-height:1.8;color:#e6ebf5}.nlb b{color:#f5b301}
.nlf{display:grid;gap:10px;position:relative;z-index:1}
.nlf input[type=email]{width:100%;padding:13px 14px;font-size:16px;border-radius:10px;border:1px solid #33497a;background:#0b1426;color:#fff}
.nlf input[type=email]:focus{outline:2px solid #f5b301;border-color:#f5b301}
.nlck{display:flex;gap:8px;align-items:flex-start;font-size:13px;color:#c9d2e3;line-height:1.4}.nlck input{width:18px;height:18px;accent-color:#f5b301;flex:0 0 auto;margin-top:1px}
.nlbtn{padding:14px;font-size:18px;font-weight:800;border:0;border-radius:12px;background:#f5b301;color:#111;cursor:pointer;box-shadow:0 4px 0 #b88500;transition:transform .1s}
.nlbtn:active{transform:translateY(2px);box-shadow:0 2px 0 #b88500}
.nlmsg{margin:0;padding:10px 12px;border-radius:10px;background:rgba(34,197,94,.15);color:#7ee2a2;font-size:14px}
.nlsmall{position:relative;z-index:1;margin:10px 0 0;font-size:12px;color:var(--mut)}.nlsmall a{color:#f5b301}
.nlc{padding:16px}.nlc .nlh{font-size:18px}
@media(min-width:700px){.nl{padding:26px 30px}.nlf{grid-template-columns:1fr auto}.nlck,.nlmsg{grid-column:1/-1}.nlbtn{grid-row:1;grid-column:2;padding:0 24px}}
@media(prefers-reduced-motion:reduce){.nl::after{animation:none}}
.livebadge{display:inline-block;vertical-align:middle;margin-left:6px;font-size:12px;font-weight:800;letter-spacing:.05em;color:#ff6b6b;background:rgba(239,68,68,.18);border:1px solid rgba(239,68,68,.45);padding:3px 9px;border-radius:6px;animation:lvpulse 2s ease-in-out infinite}
.livebadge[hidden]{display:none}
@keyframes lvpulse{50%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.livebadge{animation:none}}
.sc.chg,.lscore b.chg{animation:lvflash 1.6s ease-out}
@keyframes lvflash{0%{color:#f5b301;text-shadow:0 0 8px rgba(245,179,1,.8)}100%{}}