/* Public landing page: approved compact layout and dark palette.
 * The existing compact-preview scope is retained for stylesheet compatibility. */
body.compact-preview{--text:#f2f7f4;--muted:#9aad9f;--soft:#cfe0d6;--accent-panel:#112a1c;--accent-line:#245a3b;color-scheme:dark;color:var(--text);background:var(--ink);padding-bottom:0}
.compact-preview header{background:var(--ink);backdrop-filter:none}
.compact-preview .brand,.compact-preview .btn-line{color:var(--text)}
.compact-preview .brand{font-size:16px;letter-spacing:-.4px}
.compact-preview .btn-green{background:var(--green);color:var(--ink)}
.compact-preview .btn-line{border-color:var(--line)}
.compact-preview .btn{font-size:13px;border-radius:7px}
.compact-preview .search input{background:var(--panel);color:var(--text);border-color:var(--line);font-size:14px}
.compact-preview .search input::placeholder{color:var(--muted)}
.compact-preview .icon-button{display:none;width:38px;height:38px;background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--soft);align-items:center;justify-content:center;cursor:pointer}
.compact-preview svg{width:21px;height:21px}
.compact-preview .brand svg{width:24px;height:24px}
.compact-preview .subnav a{color:var(--muted);font-size:13px;border-radius:0;padding:8px 12px}
.compact-preview .subnav a.on{color:var(--green);background:transparent;border-color:transparent;border-bottom:2px solid var(--green)}
.compact-preview .compact-nav{padding-bottom:0;gap:4px}
.compact-preview .strip{padding:16px 0 10px;gap:8px}
.compact-preview .strip h1{font-size:21px;letter-spacing:-.5px;line-height:1.3}
.compact-preview .compact-intro p{font-size:13px;color:var(--muted);margin-top:3px}
.compact-preview .compact-intro p a{margin-left:5px;text-decoration:underline;text-underline-offset:3px}
.compact-preview .strip .kpis{display:none}
.compact-preview .compact-trial{display:flex;align-items:center;flex-wrap:wrap;gap:6px 16px;border:1px solid var(--accent-line);background:var(--accent-panel);border-radius:8px;padding:9px 12px;font-size:13px}
.compact-preview .compact-trial>a{font-weight:700;white-space:nowrap}
.compact-preview .compact-trial .price-link{margin-left:auto;color:var(--soft);font-weight:500;text-decoration:underline}
.compact-preview .main{grid-template-columns:190px minmax(0,1fr) 280px;gap:18px;padding-top:16px}
.compact-preview .side,.compact-preview .rc{top:120px}
.compact-preview .box{border-radius:10px;padding:14px;box-shadow:none}
.compact-preview .box h3,.compact-preview .lglist h3{color:var(--text);font-size:13px}
.compact-preview .rc .fpick{background:var(--panel);border-color:var(--accent-line)}
.compact-preview .fpick .teams img{width:28px;height:28px}
.compact-preview .fpick .bar{display:none}
.compact-preview .fpick .p{background:var(--ink);border-color:var(--line)}
.compact-preview .fpick .btn{font-size:12px;white-space:normal}
.compact-preview .app{display:none}
.compact-preview .trk .num{font-size:20px}.compact-preview .trk .l{font-size:10px;line-height:1.6}
.compact-preview .kzb{--b-green:var(--green);--b-ink:var(--ink);--b-panel:var(--panel);--b-card:var(--card);--b-line:var(--line);--b-muted:var(--muted);--b-loss:var(--loss);--b-live:var(--live);color:var(--text)}
.compact-preview #kzBoard[data-initial-load]{min-height:75vh}
.compact-preview .board-loading{padding:30px 12px;text-align:center;font-size:13px;color:var(--muted)}
.compact-preview .kzb .dates{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px}
.compact-preview .kzb .dates button{min-width:36px;height:36px;padding:0;border:0;background:transparent;color:var(--soft);font-size:25px;border-radius:6px;line-height:1}
.compact-preview .kzb .dates button:hover{background:var(--card)}.compact-preview .kzb .dates button:disabled{opacity:.25;cursor:default}
.compact-preview .date-select{display:flex;gap:8px;align-items:center;font-size:12px;color:var(--muted)}
.compact-preview .date-select input{font:inherit;font-size:13px;font-weight:600;border:0;background:transparent;color:var(--text);padding:5px;width:130px;cursor:pointer;min-width:0}
.compact-preview .kzb .chips{display:none!important}
.compact-preview .kzb .tabs{gap:0;flex-wrap:wrap;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:3px;margin-bottom:10px}
.compact-preview .kzb .tabs button{flex:1;font-size:12px;white-space:nowrap;padding:7px 4px;border:0;border-radius:5px;color:var(--muted)}
.compact-preview .kzb .tabs button.on{background:var(--accent-panel);color:var(--green)}
.compact-preview .kzb .tabs .flt{font-size:11px;flex-basis:100%;padding:2px 8px}.compact-preview .kzb .tabs .flt button{color:var(--green);min-height:34px;padding:4px 8px;text-decoration:underline}
.compact-preview .kzb .rec{display:none}
.compact-preview .kzb .grp{border-radius:8px;border-color:var(--line);margin-bottom:12px}
.compact-preview .kzb .gh{background:var(--card);border-color:var(--line);padding:10px 12px}
.compact-preview .kzb .gh .t{font-size:13px;font-weight:700}.compact-preview .kzb .gh .c{font-size:11px}
.compact-preview .kzb .row{grid-template-columns:42px minmax(0,1fr) 24px 112px;padding:10px 12px;border-bottom:1px solid var(--line);gap:6px}
.compact-preview .kzb .row:nth-child(odd){background:#101a14}.compact-preview .kzb .row:hover{background:#15251b}
.compact-preview .kzb .tm div{font-size:13px;line-height:1.4}.compact-preview .kzb .tm img{width:17px;height:17px;flex-basis:17px}
.compact-preview .kzb .st{font-size:11px}.compact-preview .kzb .st.ft{color:var(--muted)}
.compact-preview .kzb .pk{font-size:11px;border-radius:5px;padding:6px;line-height:1.35}
.compact-preview .kzb .pk .tag{font-size:9px;letter-spacing:0}
.compact-preview .kzb .pk.lock{background:var(--accent-panel);color:var(--green);border-color:var(--accent-line);font-weight:600;min-height:34px;display:flex;align-items:center;justify-content:center}
.compact-preview .kzb .pk.lock.vip{color:var(--gold);background:#2a2108;border-color:#806414}
.compact-preview .kzb .pk.win,.compact-preview .kzb .pk.free{background:var(--accent-panel);color:var(--soft);border-color:var(--accent-line)}
.compact-preview .kzb .pk.loss{background:#2b1619;color:#ff9ca5;border-color:#71343d}
.compact-preview .kzb .lglist button,.compact-preview .kzb .lglist details summary{color:var(--soft);padding:8px 5px;font-size:12px}
.compact-preview .kzb .lglist button.on,.compact-preview .kzb .lglist details[open] summary{color:var(--green)}
.compact-preview .kzb .more{color:var(--green);background:var(--panel);border-color:var(--accent-line);font-size:13px;min-height:42px}
.compact-preview .refresh-status{font-size:12px;color:#f5c579;margin-bottom:5px}
.compact-preview .refresh-status:empty{display:none}.compact-preview .refresh-status button{font:inherit;color:var(--green);border:0;background:none;text-decoration:underline;cursor:pointer;padding:6px}
.compact-preview .results,.compact-preview .plan{background:var(--card)}.compact-preview .plan .pr{color:var(--text)}
.compact-preview .plan.best{background:var(--accent-panel);border-color:var(--green)}.compact-preview .plan .tag{color:var(--ink)}
.compact-preview .wk th{color:var(--muted)}.compact-preview .lg{background:var(--card)}.compact-preview .lg .n{color:var(--text)}
.compact-preview section{padding:24px 0}.compact-preview section h2{font-size:20px}
.compact-preview .incl span{background:var(--card);color:var(--soft)}
.compact-preview .compact-bottom{display:none}
.compact-preview #authM .bx{background:#0d1410;border-color:#244130}.compact-preview #authM .x{background:#17241c;border-color:#344d3d;color:#fff}
.compact-preview :focus-visible{outline:2px solid var(--green);outline-offset:3px}
.compact-preview #board,.compact-preview #plans,.compact-preview #record{scroll-margin-top:115px}
/* Daily rollover — the headline box (top of the right column): the winning run, big. */
.compact-preview .box.km-ro{background:radial-gradient(120% 120% at 100% 0%,rgba(27,227,123,.22),transparent 60%),var(--panel);border-color:rgba(27,227,123,.45)}
.km-ro-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.km-ro .lbl{font-size:11px;font-weight:800;letter-spacing:1px;color:var(--green)}
.km-ro-live{font-size:10.5px;font-weight:700;color:var(--ink);background:var(--green);border-radius:999px;padding:2px 8px;white-space:nowrap}
.km-ro-days{display:flex;align-items:center;gap:12px;margin:10px 0 4px}.km-ro-days b{font-size:46px;line-height:1;font-weight:900;color:var(--green);letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.km-ro-days span{font-size:14px;font-weight:800;line-height:1.25;color:var(--text);text-transform:uppercase;letter-spacing:.3px}
.km-ro-sub{font-size:12.5px;color:var(--soft);margin-bottom:12px}
.compact-preview .km-ro-cta{display:block;text-align:center}
@media(max-width:1100px){.compact-preview .main{grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:820px){
 body.compact-preview{padding-bottom:calc(62px + env(safe-area-inset-bottom))}
 .compact-preview .wrap{padding:0 12px}.compact-preview .hd{height:56px;gap:8px}
 .compact-preview .brand span.w{display:inline}.compact-preview .brand{font-size:15px}
 .compact-preview .actions #signupBtn,.compact-preview .actions .hd-app,.compact-preview .compact-nav{display:none}
 .compact-preview .icon-button{display:inline-flex}.compact-preview .actions{gap:8px;align-items:center}
 .compact-preview .strip{padding:12px 0 8px}.compact-preview .strip h1{font-size:18px}
 .compact-preview .compact-intro p{font-size:12px}.compact-preview .compact-intro p a{margin-left:3px}
 .compact-preview .compact-trial{font-size:12px;padding:8px 10px;gap:5px 12px}
 .compact-preview .compact-trial>span{flex-basis:100%}.compact-preview .compact-trial .price-link{margin-left:0}
 .compact-preview .main{grid-template-columns:minmax(0,1fr);padding-top:10px;gap:12px}
 .compact-preview .msearch{display:none!important}.compact-preview .msearch.search-open{display:block!important}
 .compact-preview .fp-top{margin-bottom:10px}
 .compact-preview .compact-free{display:flex;align-items:center;gap:10px;padding:9px 10px;background:var(--panel);border:1px solid var(--accent-line);border-radius:8px;font-size:12px}
 .compact-preview .compact-free .free-label{flex:0 0 auto;color:var(--green);font-size:11px;font-weight:700}
 .compact-preview .compact-free>div{min-width:0}.compact-preview .compact-free b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .compact-preview .compact-free>div>span{display:block;color:var(--soft)}.compact-preview .muted{color:var(--muted)}
 .compact-preview .kzb .row{grid-template-columns:34px minmax(0,1fr) 20px 86px;padding:9px 8px;gap:5px}
 .compact-preview .kzb .tm div{font-size:12.5px;gap:5px}.compact-preview .kzb .pk{font-size:10.5px}
 .compact-preview .compact-bottom{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:100;gap:0;padding:5px 4px calc(5px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--line);overflow:visible}
 .compact-preview .compact-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;padding:5px 0;min-height:48px;color:var(--muted);font-size:10px;border:0;border-radius:6px}
 .compact-preview .compact-bottom a.on{color:var(--green);background:var(--accent-panel);border:0}
 .compact-preview .rc{position:static}.compact-preview .rc .fpick{display:none}
 .compact-preview #board,.compact-preview #plans,.compact-preview #record{scroll-margin-top:66px}
 .compact-preview #authM{z-index:200}
}
@media(prefers-reduced-motion:reduce){.compact-preview *{scroll-behavior:auto;animation:none;transition:none}}