/* v15 polish: one outcome palette, chart, iPhone rhythm, live feel. */
:root{--win:#2bffa8;--loss:#ff4d79;--push:#ffc35c;--open:#5ab8ff;--rad:20px;--sl:env(safe-area-inset-left,0px);--sr:env(safe-area-inset-right,0px)}
html,body{overflow-x:hidden;max-width:100%}
/* outcome colors + subtle glow */
.rs-b.W,.bk-d.W{color:var(--win)}.rs-b.L,.bk-d.L{color:var(--loss)}.rs-b.P,.bk-d.P{color:var(--push)}
.rs-b{border:1px solid currentColor;background:transparent!important}
.rs-b.W{box-shadow:0 0 12px rgba(43,255,168,.28);background:rgba(43,255,168,.1)!important}
.rs-b.L{box-shadow:0 0 12px rgba(255,77,121,.25);background:rgba(255,77,121,.1)!important}
.rs-b.P{box-shadow:0 0 12px rgba(255,195,92,.22);background:rgba(255,195,92,.1)!important}
.num.up,.hv-v.up{color:var(--win)}.num.dn,.hv-v.dn{color:var(--loss)}
.rs-r .num.up{text-shadow:0 0 14px rgba(43,255,168,.35)}.rs-r .num.dn{text-shadow:0 0 14px rgba(255,77,121,.3)}
.st-live{color:var(--open)!important}.st-live i{background:var(--open)!important;box-shadow:0 0 8px var(--open)}
.st-live.is-live{color:#ff5d6c!important}.st-live.is-live i{background:#ff3b4f!important;box-shadow:0 0 0 0 rgba(255,59,79,.7);animation:lvdot 1.4s infinite}
.pk-st{font:700 12px JetBrains Mono,monospace;letter-spacing:.08em;padding:3px 8px;border-radius:6px;border:1px solid currentColor}
.pk-st.sup{color:var(--push)}.pk-st.skip{color:#8a94a6}
/* consistent radius */
.wrap .card,.lv,.readout,.bk{border-radius:var(--rad)!important}
.sig-r{border-radius:14px;overflow:hidden}
/* hero numbers */
.readout .r-v{font-size:28px!important;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.readout .r-v .up,.readout .r-v .dn{text-shadow:none}
/* bankroll chart */
.bk{margin-top:12px;padding:14px 14px 10px;background:linear-gradient(180deg,rgba(28,32,52,.55),rgba(14,16,28,.55));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);max-width:824px}
.bk.up{color:var(--win)}.bk.dn{color:var(--loss)}
.bk-h,.bk-f{display:flex;justify-content:space-between;align-items:baseline;font:500 11px JetBrains Mono,monospace;letter-spacing:.12em;text-transform:uppercase;color:rgba(238,241,246,.55)}
.bk-h b{font:700 15px JetBrains Mono,monospace;letter-spacing:0}.bk-h b.up{color:var(--win)}.bk-h b.dn{color:var(--loss)}
.bk svg{display:block;width:100%;height:92px;margin:8px 0 6px;overflow:visible}
.bk-0{stroke:rgba(238,241,246,.18);stroke-dasharray:3 4;stroke-width:1;vector-effect:non-scaling-stroke}
.bk-l{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px currentColor);stroke-dasharray:1;stroke-dashoffset:1;animation:bkdraw 1.6s .3s cubic-bezier(.4,0,.2,1) forwards}
.bk-a{opacity:0;animation:bkfade .8s 1.2s forwards}
.bk-d{fill:#0b0e18;stroke:currentColor;stroke-width:2;vector-effect:non-scaling-stroke;opacity:0;animation:bkfade .3s forwards;animation-delay:calc(.5s + var(--i)*.22s)}
.bk-d:last-of-type{fill:currentColor;filter:drop-shadow(0 0 5px currentColor)}
@keyframes bkdraw{to{stroke-dashoffset:0}}@keyframes bkfade{to{opacity:1}}
/* live feel */
@keyframes lvdot{0%{box-shadow:0 0 0 0 rgba(255,59,79,.7)}70%{box-shadow:0 0 0 8px rgba(255,59,79,0)}100%{box-shadow:0 0 0 0 rgba(255,59,79,0)}}
.lv-sc.flash b{animation:scflash 1.2s ease-out}
@keyframes scflash{0%{color:#fff;text-shadow:0 0 28px var(--win),0 0 60px var(--win);transform:scale(1.18)}100%{transform:none}}
.lv.goal{animation:goalp 2.4s ease-out}
@keyframes goalp{0%{box-shadow:0 0 0 0 rgba(43,255,168,.55)}40%{box-shadow:0 0 0 10px rgba(43,255,168,0)}100%{box-shadow:none}}
.lv-sc b{display:inline-block;font-variant-numeric:tabular-nums}
.lv-feed li.new.t-goal{animation:lvin .6s cubic-bezier(.2,1.4,.4,1) both,goalrow 2s .6s ease-out}
@keyframes goalrow{0%{background-color:rgba(43,255,168,.22)}100%{background-color:transparent}}
/* iPhone rhythm */
@media (max-width:760px){
 .stage{padding:calc(84px + env(safe-area-inset-top,0px)) 0 24px!important}
 .stage .hero-in,.sec .wrap,.lvs,.foot{padding-left:calc(18px + var(--sl))!important;padding-right:calc(18px + var(--sr))!important}
 .nav{padding-left:calc(14px + var(--sl))!important;padding-right:calc(14px + var(--sr))!important}
 .foot{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))!important}
 .readouts{gap:8px!important;margin-top:20px!important}.readout{padding:12px 14px!important}
 .readout .r-v{font-size:26px!important}
 .wrap .card{padding:16px!important}.lv{padding:16px!important}
 .grid2{gap:14px!important}
 .sig-t{font-size:20px!important;line-height:1.2}
 .rs-r{grid-template-columns:34px minmax(0,1fr) auto;gap:10px}.rs-r b{word-break:break-word}
 .rs-r>.num{font-size:15px;font-weight:700}
 .lv-sc{font-size:60px!important}
 .chip{font-size:11.5px;padding:6px 8px}
}
@media (prefers-reduced-motion:reduce){
 .bk-l{animation:none;stroke-dashoffset:0}.bk-a,.bk-d{animation:none;opacity:1}
 .lv-sc.flash b,.lv.goal,.lv-feed li.new.t-goal,.st-live.is-live i,.lv-badge i,.holo{animation:none!important}
 html{scroll-behavior:auto!important}
}
/* v16 wins-first hero */
#readouts{display:block!important;grid-template-columns:none!important}
.wl{padding:16px 18px;border:1px solid rgba(62,230,255,.22);border-radius:16px;background:linear-gradient(135deg,rgba(62,230,255,.07),rgba(155,107,255,.06));backdrop-filter:blur(10px);max-width:520px}
.wl-l,.wl-s{font-size:11px;letter-spacing:.14em;color:rgba(255,255,255,.55)}
.wl-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:4px 0 10px}
.wl-rec{font-family:Unbounded,sans-serif;font-weight:900;font-size:clamp(56px,17vw,96px);line-height:1;letter-spacing:-.03em;white-space:nowrap}
.wl-rec .w{color:#2bffa8;text-shadow:0 0 28px rgba(43,255,168,.45)}.wl-rec .l{color:#ff4d79;text-shadow:0 0 28px rgba(255,77,121,.35)}.wl-rec i{font-style:normal;color:rgba(255,255,255,.35);margin:0 .06em}
.wl-hr{text-align:right}.wl-hr b{display:block;font-family:Unbounded,sans-serif;font-weight:800;font-size:clamp(30px,9vw,48px);line-height:1;color:#3ee6ff}.wl-hr small{font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.55)}
.wl-bar{height:6px;border-radius:6px;background:rgba(255,77,121,.35);overflow:hidden;margin-bottom:8px}.wl-bar i{display:block;height:100%;background:#2bffa8;box-shadow:0 0 12px #2bffa8}
.wl-sec{display:flex;gap:16px;flex-wrap:wrap;margin-top:10px;max-width:520px}
.sec-i{display:flex;gap:6px;align-items:baseline;font-size:13px;color:rgba(255,255,255,.7)}.sec-i small{font-size:10px;letter-spacing:.12em;color:rgba(255,255,255,.45)}
.bk{max-width:520px;transform:none;opacity:.8;margin-top:10px!important}.bk svg{height:56px!important}.bk-h,.bk-f{font-size:11px!important}
.rs-r .rs-b{min-width:44px;height:44px;font-size:20px!important;font-weight:900;font-family:Unbounded,sans-serif;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}
.rs-r .rs-b.W{background:rgba(43,255,168,.16);color:#2bffa8;box-shadow:0 0 18px rgba(43,255,168,.3);border:1px solid rgba(43,255,168,.5)}
.rs-r .rs-b.L{background:rgba(255,77,121,.14);color:#ff4d79;border:1px solid rgba(255,77,121,.45)}
.rs-r>.num{font-size:11px!important;opacity:.5;font-weight:400!important}
.rs-r .rs-b.VOID,.rs-r .rs-b.P{font-size:10px!important;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.04)}