:root{--bg:#07080c;--p1:#0f1118;--p2:#151823;--ln:#ffffff12;--tx:#e7e8f0;--mu:#8b8fa3;--ac:#00e6b8;--g:#1fd87a;--y:#f2c230;--r:#ff5468}
*{box-sizing:border-box;margin:0}
body{background:var(--bg);color:var(--tx);font:15px/1.45 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;padding-bottom:env(safe-area-inset-bottom)}
a{color:var(--ac)}button{font:inherit;cursor:pointer}
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.7rem 1rem;background:#07080ce6;backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--tx)}
.mark{width:30px;height:30px;border-radius:8px;background:var(--ac);color:var(--bg);display:grid;place-items:center;font-weight:900;font-size:.8rem}
.wm{font-weight:900;letter-spacing:.08em;font-size:.85rem}
.beta{font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--ac);border:1px solid #00e6b866;border-radius:99px;padding:.1rem .4rem}
.tabs{display:flex;gap:.2rem}.tabs a{color:var(--mu);text-decoration:none;font-weight:700;font-size:.82rem;padding:.45rem .6rem;border-radius:8px}.tabs a.on{color:var(--tx);background:var(--p2)}
main{max-width:1180px;margin:0 auto;padding:1rem}
.head h1{font-size:1.5rem;letter-spacing:-.01em}.meta{color:var(--mu);font-size:.78rem;font-family:ui-monospace,Menlo,monospace;margin-top:.2rem}.sub{color:#b9bccb;font-size:.9rem;margin-top:.6rem}
.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem;margin:1rem 0 .6rem}
.sports{display:flex;gap:.35rem}.sports button{min-height:44px;padding:0 1.1rem;border-radius:10px;border:1px solid var(--ln);background:var(--p1);color:var(--mu);font-weight:800}
.sports button i{font-style:normal;margin-left:.4rem;font-size:.72rem;background:#ffffff12;border-radius:6px;padding:.05rem .35rem}
.sports button.on{background:var(--ac);color:var(--bg);border-color:var(--ac)}.sports button.on i{background:#07080c33}
.hint{color:var(--mu);font-size:.78rem}
.gridwrap{overflow-x:auto;border:1px solid var(--ln);border-radius:14px;background:var(--p1);-webkit-overflow-scrolling:touch}
.grid{border-collapse:separate;border-spacing:0;width:100%;font-size:.85rem;white-space:nowrap}
.grid thead th{position:sticky;top:0;background:var(--p2);color:var(--mu);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;font-weight:800;padding:.65rem .7rem;text-align:center;cursor:pointer;user-select:none}
.grid thead th.sa:after{content:" ▲";color:var(--ac)}.grid thead th.sd:after{content:" ▼";color:var(--ac)}
.grid td{padding:.55rem .7rem;text-align:center;border-top:1px solid var(--ln);font-variant-numeric:tabular-nums}
.grid .pc{position:sticky;left:0;z-index:2;background:var(--p1);text-align:left;border-top:1px solid var(--ln);border-right:1px solid var(--ln);padding:.55rem .7rem;min-width:200px;max-width:230px}
.pw{display:flex!important;flex-direction:row!important;gap:.6rem;align-items:center}
.grid thead .pc{background:var(--p2);z-index:3;display:table-cell}
.pc div{display:flex;flex-direction:column;min-width:0}.pc b{font-size:.92rem;color:#fff;overflow:hidden;text-overflow:ellipsis}.pc span{color:var(--ac);font-weight:700;font-size:.8rem}.pc small{color:var(--mu);font-size:.7rem;overflow:hidden;text-overflow:ellipsis}
.add{flex:none;width:40px;height:40px;border-radius:10px;border:1px solid #00e6b866;background:#00e6b814;color:var(--ac);font-size:1.3rem;font-weight:700}
.add.on{background:var(--ac);color:var(--bg)}
td.c{font-weight:700}.c.g{background:#1fd87a2b;color:#7dffb4}.c.y{background:#f2c2302b;color:#ffe07a}.c.r{background:#ff546830;color:#ff9aa7}
td.n{color:#555a6e}.nw{white-space:nowrap}
.empty{color:var(--mu);padding:1.2rem;text-align:center;white-space:normal}
.key{color:var(--mu);font-size:.75rem;margin:.6rem 0 1.4rem;display:flex;flex-wrap:wrap;gap:.4rem;align-items:center}.key .c{padding:.1rem .45rem;border-radius:5px;font-weight:700}
.layout{display:grid;gap:1.2rem}.layout>*{min-width:0}
.combo{background:linear-gradient(180deg,#0b0c11,#050608);border-radius:20px;border:1px solid transparent;background-clip:padding-box;position:relative;overflow:hidden;box-shadow:0 0 0 1px #9ad8ff33,0 0 0 2px #00e6b81f,0 20px 60px #0008;font-family:inherit}
.ch{display:flex;align-items:center;gap:.6rem;padding:1.1rem 1.2rem .9rem;border-bottom:1px dashed #ffffff22;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.dm{color:#b9c2ff;font-size:1.1rem}.lg{margin-left:auto;color:var(--ac);letter-spacing:.06em;font-size:.8rem}
.cn{display:grid;grid-template-columns:1fr 1fr;padding:1rem 1.2rem .4rem}.cn small{display:block;color:var(--mu);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.cn strong{font-size:1.6rem;font-family:ui-monospace,Menlo,monospace;color:#fff}
.cm{display:flex;justify-content:space-between;padding:.4rem 1.2rem .8rem;color:#6b6f80;font-family:ui-monospace,Menlo,monospace;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.tape{background:#0b3a2e;color:var(--ac);font-family:ui-monospace,Menlo,monospace;font-size:.66rem;font-weight:700;letter-spacing:.12em;white-space:nowrap;overflow:hidden;padding:.45rem 0}
.cl{padding:1rem 1.2rem .4rem}.cg{margin-bottom:.8rem}.cgh{font-weight:700;margin-bottom:.35rem;display:flex;gap:.5rem;align-items:center}
.cli{display:flex;justify-content:space-between;gap:.6rem;border-left:2px solid #ffffff22;padding:.35rem 0 .35rem .8rem;margin-left:.3rem;color:#c9ccd8;font-size:.88rem}
.cli>span:last-child{display:flex;gap:.4rem;align-items:center;color:#fff;font-family:ui-monospace,Menlo,monospace}
.x{width:28px;height:28px;border-radius:8px;border:0;background:#ffffff10;color:var(--mu)}
.ce{color:var(--mu);font-size:.9rem;padding:.4rem 0 .8rem}.cf{padding:.8rem 1.2rem 1.1rem;color:#6b6f80;font-size:.72rem;border-top:1px solid #ffffff0d}
.acts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.5rem;margin-top:.7rem}.acts button{min-height:48px;border-radius:99px;border:1px solid #ffffff22;background:#12141c;color:#fff;font-weight:700;font-size:.85rem}.acts button:disabled{opacity:.4}
.links{display:flex;flex-direction:column;gap:.3rem;margin-top:.6rem;font-size:.8rem}
.pill{display:inline-block;font-size:.68rem;font-weight:800;padding:.15rem .5rem;border-radius:99px;background:#ffffff12;color:#cfd2de}
.pill.win{background:#1fd87a2b;color:#7dffb4}.pill.loss{background:#ff546830;color:#ff9aa7}.pill.pending{background:#f2c2302b;color:#ffe07a}
.blk{margin-bottom:1.2rem}.blk h2,.h2{font-size:1.05rem;margin:0 0 .6rem}.blk h2 small{color:var(--mu);font-weight:500;font-size:.75rem;margin-left:.3rem}
.rail{display:flex;gap:.6rem;overflow-x:auto;scroll-snap-type:x mandatory}.tg{flex:0 0 75%;max-width:260px;scroll-snap-align:start;background:var(--p1);border:1px solid var(--ln);border-radius:14px;padding:.8rem;display:flex;flex-direction:column;gap:.3rem}
.tg small{color:var(--mu)}.tg div{display:flex;gap:.3rem}.tg p{color:#b9bccb;font-size:.78rem}
.feed{display:grid;gap:.5rem}.post{background:var(--p1);border:1px solid var(--ln);border-radius:14px;padding:.8rem}.post .hd{font-size:.75rem;color:var(--mu)}.post .hd b{color:#fff}.post p{font-size:.9rem;margin:.2rem 0}
.fab{position:fixed;left:1rem;right:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));z-index:30;min-height:54px;border:0;border-radius:99px;background:var(--ac);color:var(--bg);font-weight:800;box-shadow:0 10px 30px #0009}
.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:.4rem;margin:1rem 0}.stats div{background:var(--p1);border:1px solid var(--ln);border-radius:12px;padding:.55rem .2rem;text-align:center}.stats b{display:block;font-size:1.15rem}.stats span{font-size:.6rem;color:var(--mu);letter-spacing:.08em;text-transform:uppercase}
.card{background:var(--p1);border:1px solid var(--ln);border-radius:14px;padding:1rem}.how h2{font-size:1.05rem;margin:.4rem 0 .6rem}.how dl{display:grid;gap:.5rem;margin-bottom:1rem}.how dt{font-weight:800;color:var(--ac);font-size:.85rem}.how dd{color:#c3c6d3;font-size:.88rem}.how p{color:#c3c6d3;font-size:.88rem;margin-bottom:.6rem}
.h2{margin-top:1.4rem}.srcs{display:grid;gap:.5rem}.srcs p{color:var(--mu);font-size:.85rem}
.rg{margin-top:2rem;padding:1rem;border:1px solid #ff548044;border-radius:14px;font-size:.8rem;color:#c3c6d3}
footer{text-align:center;color:var(--mu);font-size:.75rem;padding:1.5rem 1rem 6rem}footer .by a{color:var(--mu)}
@media (max-width:420px){.wm{display:none}}
@media (min-width:900px){.layout{grid-template-columns:400px 1fr}.slip{position:sticky;top:4.5rem;align-self:start}.fab{display:none}.srcs{grid-template-columns:1fr 1fr}main{padding:1.5rem}footer{padding-bottom:2rem}}
.slipin .fab{opacity:0;pointer-events:none}.fab{transition:opacity .2s}
.list{display:grid;gap:.4rem}
.row{display:flex;justify-content:space-between;gap:.8rem;background:var(--p1);border:1px solid var(--ln);border-radius:12px;padding:.65rem .8rem}
.row p{color:var(--mu);font-size:.78rem;margin-top:.15rem}.row b{color:#fff}.row small{color:var(--mu);font-size:.72rem;text-align:right;white-space:nowrap}
.row.hot{border-color:#00e6b866;box-shadow:inset 3px 0 0 var(--ac)}
.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{background:var(--p1);border:1px solid var(--ln);border-radius:99px;padding:.4rem .75rem;font-size:.78rem;color:var(--mu)}.chip b{color:#fff;margin-right:.2rem}
.cols{display:grid;gap:1.2rem;margin-top:1.2rem}.cols>*{min-width:0}
.srcline{color:var(--mu);font-size:.8rem;margin-top:.8rem}
@media (min-width:900px){.cols{grid-template-columns:1fr 1fr}.cols .blk:nth-child(3){grid-row:span 3}}

.slate{margin:4px 0 10px;font-size:13px;color:#aab}.slate .gch{display:flex;gap:6px;overflow-x:auto;padding:6px 0 2px;scrollbar-width:none}.slate .chip{white-space:nowrap;font-size:12px}
.tfp{display:inline-block;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.03em;color:#07080c;background:#00e6b8;border-radius:4px;padding:1px 5px;margin:2px 4px 2px 0}
em.inj{display:inline-block;font-style:normal;font-size:10px;font-weight:700;color:#ffb648;margin:2px 0}
.grid tr.tfr th.pc,.grid tr.tfr td{background:rgba(0,230,184,.07)}.grid tr.tfr th.pc{box-shadow:inset 3px 0 0 #00e6b8}
.add.na{visibility:hidden}.grid td small{opacity:.6}
.pw .tfp,.pw em.inj{width:max-content;display:table}

/* Long Shot Bot — paper trades */
.botbox{margin:1rem 0 1.2rem;padding:1rem;border:1px solid #00e6b844;border-radius:14px;background:linear-gradient(180deg,#0d1514,#0a0c12)}
.bothead{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem;margin-bottom:.55rem}
.bothead h2{margin:0;font-size:1.05rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}
.botnote{color:var(--mu);font-size:.78rem;margin:0 0 .7rem;max-width:52rem}
.botbox .stats{margin:.4rem 0 .8rem}
.botbox .row small b{color:#fff;font-weight:700}

/* Share tonight's picks */
.sharebox{margin:0 0 1.2rem;padding:1rem;border:1px solid var(--ln);border-radius:14px;background:var(--p1)}
.shareprev{display:flex;justify-content:center;margin:.4rem 0 .8rem}
.shareprev canvas{width:min(100%,340px);height:auto;border-radius:16px;border:1px solid #ffffff18;box-shadow:0 16px 40px #0008;background:#07080c}
.shareacts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.shareacts button{min-height:48px;border-radius:99px;border:1px solid #ffffff22;background:#12141c;color:#fff;font-weight:700;font-size:.85rem}
.shareacts button#share-x{background:var(--ac);color:var(--bg);border-color:var(--ac)}
.shareflash{margin-top:.55rem;color:var(--ac);font-size:.8rem;font-weight:700}
@media (min-width:700px){.shareacts{grid-template-columns:repeat(4,1fr)}.shareprev canvas{width:380px}}