:root{--bg: #f4efe2;--panel: #fffdf6;--panel-2: #efe7d4;--line: #d9cfb5;--line-soft: #d9cfb559;--fg: #2c281f;--muted: #8a7f66;--accent: #1f6b3b;--accent-ink: #fffdf6;--blue: #1f6b8f;--win: #1f6b3b;--gold: #c8971f;--red: #a3302a;--amber: #b9721a;--chip: #efe7d4;--radius: 12px;--shadow: 0 1px 2px rgba(60,45,20,.1), 0 8px 24px rgba(60,45,20,.12)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font:14.5px/1.55 Inter,Segoe UI,system-ui,-apple-system,Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.muted{color:var(--muted)}header.top{position:relative;background:var(--accent);color:#fffdf6;border-bottom:2px solid var(--gold)}header.top .container{display:flex;align-items:center;gap:18px;padding:10px 20px}header.top h1{font-size:19px;margin:0;font-weight:800}header.top h1 a{display:inline-flex;align-items:center;gap:8px;color:#fffdf6}header.top h1 span{color:var(--gold)}.spacer{flex:1}.subnav{position:sticky;top:0;z-index:31;background:var(--panel);border-bottom:1px solid var(--line)}.subnav .container{display:flex;align-items:center;justify-content:center;gap:2px;padding:0 20px;overflow-x:auto}.subnav a{color:var(--muted);padding:12px 15px;font-weight:700;font-size:14px;white-space:nowrap;display:inline-flex;align-items:center;gap:7px;border-bottom:3px solid transparent}.subnav a:hover{color:var(--fg)}.subnav a.active{color:var(--fg);border-bottom-color:var(--accent)}.subnav .nshort{display:none}.subnav a .nic{font-size:15px}header.top .bal{color:var(--accent-ink);background:var(--accent);font-weight:800;font-size:13px;padding:5px 10px;border-radius:999px}.wallet-bal{font-size:28px;font-weight:800;color:var(--accent)}.link{color:var(--accent);cursor:pointer;font-weight:700}header.top .link{color:#fff}.connect-pill{background:var(--gold);color:#2c281f;font-weight:800;font-size:12.5px;letter-spacing:.3px;padding:9px 16px;border-radius:8px;cursor:pointer;white-space:nowrap}.connect-pill:hover{filter:brightness(1.05)}.usermenu{position:relative}.userbtn{background:#fffdf61f;border:1px solid rgba(240,194,74,.45);color:#fffdf6;font-weight:700;font-size:13.5px;border-radius:999px;padding:6px 13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.userbtn:hover{background:#fffdf633}.userbtn .chev{font-size:10px;opacity:.85}.menu-backdrop{position:fixed;inset:0;z-index:39}.drawer-backdrop{position:fixed;inset:0;background:#00000073;z-index:44}.acct-drawer{position:fixed;top:0;right:0;height:100%;width:290px;max-width:84vw;background:var(--panel);border-left:1px solid var(--line);box-shadow:-12px 0 40px #00000059;z-index:45;transform:translate(100%);transition:transform .18s ease-out;display:flex;flex-direction:column}.acct-drawer.open{transform:translate(0)}.acct-drawer .ad-head{display:flex;align-items:center;gap:10px;padding:16px 16px 12px;border-bottom:1px solid var(--line)}.acct-drawer .ad-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:inline-flex;align-items:center;justify-content:center;font-size:17px}.acct-drawer .ad-user{font-weight:800;font-size:15px;color:var(--fg);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acct-drawer .ad-x{background:transparent;border:none;color:var(--muted);font-size:16px;cursor:pointer}.acct-drawer .ad-bal{margin:12px 16px 4px;background:var(--accent);color:var(--accent-ink);font-weight:800;font-size:18px;border-radius:10px;padding:12px 14px;text-align:center}.acct-drawer .ad-nav{display:flex;flex-direction:column;padding:8px}.acct-drawer .ad-nav a{display:flex;align-items:center;gap:12px;padding:13px 12px;color:var(--fg);font-weight:700;font-size:14.5px;border-radius:9px;cursor:pointer}.acct-drawer .ad-nav a:hover{background:var(--panel-2)}.acct-drawer .ad-ic{width:20px;text-align:center}.acct-drawer .ad-logout{margin:auto 12px 16px;display:flex;align-items:center;gap:12px;padding:13px 12px;background:var(--panel-2);border:1px solid var(--line);color:var(--red);font-weight:800;font-size:14.5px;border-radius:9px;cursor:pointer}.acct-drawer .ad-logout:hover{filter:brightness(1.05)}.foot-admin{margin-top:10px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.foot-admin a{color:var(--muted);font-weight:700;font-size:12.5px}.foot-admin a:hover{color:var(--accent)}.admin-mode{--bg: #eceef1;--panel: #ffffff;--panel-2: #f4f5f7;--line: #e2e5ea;--line-soft: #e2e5ea80;--fg: #14171a;--muted: #6b7280;--accent: #14171a;--accent-ink: #ffffff;--gold: #4b5563;--shadow: 0 1px 2px rgba(20,23,26,.06), 0 6px 20px -8px rgba(20,23,26,.12);background:var(--bg);min-height:100vh}.admin-mode header.top{display:none}.admin-mode .foot{display:none}.admin-mode .subnav{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0}.admin-mode .subnav .container{justify-content:flex-start}.admin-mode .subnav a{color:var(--muted)}.admin-mode .subnav a:hover{color:var(--fg)}.admin-mode .subnav a.active{color:var(--fg);border-bottom-color:var(--fg)}.admin-mode .subnav .back-site{color:var(--fg);font-weight:800}.admin-mode .foot-admin{display:none}.container{max-width:1360px;margin:0 auto;padding:16px 20px}.app-grid{display:grid;grid-template-columns:240px minmax(0,1fr) 300px;gap:16px;align-items:start}.app-grid.left{grid-template-columns:240px minmax(0,1fr)}.app-grid.solo{grid-template-columns:minmax(0,1fr)}.side-left,.side-right{align-self:start}.nav-sp{flex:1}.admin-link{border:1px solid var(--line);border-radius:7px;padding:3px 9px;font-weight:700;color:var(--muted)}.admin-link:hover{color:var(--fg);border-color:var(--accent)}.logo{display:inline-flex;align-items:center}.logo svg{display:block}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 1100px){.app-grid{grid-template-columns:240px minmax(0,1fr)}.side-right{display:none}}@media (max-width: 820px){.app-grid,.app-grid.left,.app-grid.solo{grid-template-columns:1fr}.app-grid main{order:-1;min-width:0}.side-left{position:static}}.card,.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px}.card{padding:16px 18px}.panel-h{font-weight:800;font-size:12.5px;letter-spacing:.04em;text-transform:uppercase;color:#fff;padding:11px 14px;border-bottom:1px solid var(--line);background:var(--panel-2);border-radius:var(--radius) var(--radius) 0 0}.track-name{font-weight:800;font-size:15px;margin-bottom:10px}h2{font-size:20px;font-weight:800}.mnav .cal{display:flex;gap:6px;padding:10px}.mnav .cal button{flex:1;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);border-radius:8px;padding:6px 4px;font-weight:700;font-size:12px;cursor:pointer}.mnav .cal button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.mnav-country{display:flex;align-items:center;gap:8px;padding:9px 12px;cursor:pointer;font-weight:700;font-size:13px;border-top:1px solid var(--line-soft)}.mnav-country:hover{background:var(--panel-2)}.mnav-country .cc{flex:1}.mnav-country .n{color:var(--muted);font-weight:600;font-size:12px}.mnav-track{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 26px;border-top:1px solid var(--line-soft);font-size:13px;cursor:pointer}.mnav-track:hover{background:var(--panel-2)}.mnav-track .disc{width:16px;text-align:center}.mnav-track .tname{flex:1;font-weight:600}.mnav-track .noff{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.mnav-track .noff.soon{color:var(--accent);font-weight:800}.nrow{display:flex;align-items:center;gap:12px;padding:11px 14px;border-top:1px solid var(--line-soft);cursor:pointer}.nrow:hover{background:var(--panel-2)}.nrow .time{font-weight:800;font-variant-numeric:tabular-nums;min-width:48px;background:var(--panel-2);color:#fff;padding:4px 7px;border-radius:7px;text-align:center}.nrow .meet{flex:1}.nrow .meet b{font-weight:700}.nrow .cd{color:var(--muted);font-size:12.5px;font-variant-numeric:tabular-nums}.nrow .cd.soon{color:var(--accent);font-weight:800}.chip{font-size:12px;padding:3px 9px;border-radius:999px;font-weight:700;background:var(--chip);color:var(--muted);white-space:nowrap}.st-finished{color:#93291f;background:#f1ddd9}.st-upcoming{color:#1a5e34;background:#d9eddd}.st-running{color:#8a5a10;background:#f8e6c0}.chip.sim{color:#2f4dab;background:#e3e6fb}.live{color:var(--red);font-weight:800;font-size:12px;margin-left:6px;animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.4}}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line-soft)}th{color:var(--muted);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.04em}tbody tr:hover{background:var(--panel-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.num{font-weight:700}.pos1{color:var(--win);font-weight:800}.tbl-wrap{overflow-x:auto}.sc-cell{width:44px}.saddle{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 7px;border-radius:7px;background:var(--panel-2);color:#fff;font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;border:1px solid var(--line)}.horse-cell{min-width:150px}.horse-cell .exp{background:none;border:none;color:var(--muted);cursor:pointer;padding:0 6px 0 0}.horse-cell .hname{font-weight:700}.horse-cell .sub{font-size:12px;color:var(--muted);margin-top:2px}.scr-tag{font-size:11px;font-weight:800;color:#93291f;background:#f1ddd9;border-radius:4px;padding:1px 5px;margin-left:8px}tr.scr{opacity:.5}.form{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--muted)}.col-x{display:none}.dtl-top{margin-bottom:6px}.fav{color:var(--gold)}.hlink{color:var(--accent);font-weight:600}.markets{display:flex;flex-wrap:wrap;gap:8px}.mkt-btn,button.mini{background:var(--panel-2);color:var(--fg);border:1px solid var(--line);padding:8px 14px;border-radius:999px;font-weight:700;font-size:14px;cursor:pointer}.mkt-btn:hover{border-color:var(--accent)}.mkt-btn.active{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pick{background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:8px;min-width:34px;height:32px;cursor:pointer;font-weight:800}.pick:hover{border-color:var(--accent);color:var(--accent)}.pick.picked{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.num.shorten{color:var(--win);font-weight:800}.result-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line-soft)}.result-row:last-child{border-bottom:0}.result-row .pos{min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:var(--chip);font-weight:800;font-size:13px}.result-row .pos.pos1{background:var(--gold);color:#241a00}.back{color:var(--accent);display:inline-block;margin-bottom:12px;font-weight:700}.meta-grid{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--muted);font-size:14px;margin-top:8px}.loading,.state-msg{color:var(--muted);padding:24px 0;text-align:center}select,input,textarea{background:var(--panel-2);color:var(--fg);border:1px solid var(--line);border-radius:8px;padding:8px 10px;font:inherit}select option{background:var(--panel);color:var(--fg)}button{font-family:inherit}.primary{background:var(--accent);color:var(--accent-ink);border:none;border-radius:8px;padding:12px 18px;font-weight:800;font-size:14.5px;letter-spacing:.2px;cursor:pointer;transition:filter .12s ease,transform .04s ease;box-shadow:0 4px 14px #1f6b3b33}.primary:hover:not(:disabled){filter:brightness(1.08)}.primary:active:not(:disabled){transform:translateY(1px)}.primary:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.foot{margin-top:28px;padding:16px 20px 40px;color:var(--muted);font-size:12px;text-align:center}.foot .brand{color:var(--fg);font-weight:800}@media (max-width: 820px){th.hide-sm,td.hide-sm{display:none}.container{padding:12px}header.top .container{flex-wrap:wrap;gap:8px 10px;padding:8px 12px}header.top h1 svg{height:32px}header.top .bal{font-size:13px;padding:5px 9px}header.top .link{font-size:13px}.subnav{position:sticky;top:0}.subnav .container{justify-content:space-between;gap:0;padding:0 6px;overflow-x:visible}.subnav a{flex:1 1 0;justify-content:center;padding:11px 4px;font-size:13px;gap:5px;min-width:0}.subnav .nlbl{display:none}.subnav .nshort{display:inline}input,select,textarea{font-size:16px}th,td{padding:8px}h2{font-size:18px}}@media (max-width: 430px){header.top h1 svg{height:30px}header.top .bal{font-size:12px;padding:4px 8px}.subnav a{padding:11px 3px;font-size:12px;gap:4px}.subnav a .nic{font-size:14px}.connect-pill{font-size:11px;padding:8px 11px}.card{padding:13px}}
