:root{--turf-900:#0c2e24;--turf-800:#0f3b2d;--turf-700:#15533f;--turf-600:#1d6b51;--brass:#e8b84b;--brass-2:#caa23e;--chalk:#f2f0e6;--chalk-dim:#9fb0a6;--slip:#f4efe2;--ink:#15201b;--rail:#c8453b;--rail-2:#9e3a33;--good:#5fbf7a;--gold-text:#f1cd6b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;margin:0}body{background:radial-gradient(120% 80% at 50% -10%, #1a6b4f 0%, var(--turf-800) 45%, var(--turf-900) 100%);color:var(--chalk);-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,sans-serif;overflow:hidden}.mono{font-family:Space Mono,monospace}.display{letter-spacing:.02em;font-family:Anton,sans-serif}.app{flex-direction:column;max-width:760px;height:100%;margin:0 auto;display:flex;position:relative}.topbar{z-index:5;background:linear-gradient(#00000047,#0000);border-bottom:1px solid #e8b84b40;flex:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.brand{flex-direction:column;line-height:.92;display:flex}.brand b{color:var(--brass);letter-spacing:.03em;font-family:Anton;font-size:19px}.brand span{letter-spacing:.32em;color:var(--chalk-dim);text-transform:uppercase;font-size:9px}.purse{text-align:right;margin-left:auto}.purse .lbl{letter-spacing:.2em;color:var(--chalk-dim);text-transform:uppercase;font-size:9px}.purse .val{color:var(--gold-text);font-family:Space Mono;font-size:20px;font-weight:700}.pill{color:var(--chalk);background:#0000004d;border:1px solid #f2f0e62e;border-radius:20px;padding:5px 9px;font-family:Space Mono;font-size:11px}.screen{-webkit-overflow-scrolling:touch;flex:auto;padding:14px;overflow:hidden auto}.screen::-webkit-scrollbar{width:8px}.screen::-webkit-scrollbar-thumb{background:#e8b84b4d;border-radius:8px}.hidden{display:none!important}h2.sec{letter-spacing:.22em;text-transform:uppercase;color:var(--brass);align-items:center;gap:8px;margin:4px 0 10px;font-family:Anton;font-size:13px;font-weight:400;display:flex}h2.sec:after{content:"";background:linear-gradient(90deg,#e8b84b80,#0000);flex:1;height:1px}.card{background:linear-gradient(#ffffff0d,#0000001f);border:1px solid #f2f0e61f;border-radius:14px;margin-bottom:12px;padding:14px}button{cursor:pointer;border:none;border-radius:11px;font-family:Outfit;font-weight:600}.btn{background:var(--brass);color:#23170a;width:100%;box-shadow:0 4px 0 var(--brass-2);padding:13px 16px;font-size:15px;transition:transform 50ms,box-shadow 50ms}.btn:active{box-shadow:0 1px 0 var(--brass-2);transform:translateY(3px)}.btn.ghost{color:var(--chalk);box-shadow:none;background:0 0;border:1px solid #f2f0e64d}.btn.ghost:active{background:#f2f0e614;transform:none}.btn.danger{background:var(--rail);color:#fff;box-shadow:0 4px 0 var(--rail-2)}.btn.sm{width:auto;box-shadow:none;border-radius:9px;padding:8px 11px;font-size:13px}.btn:disabled{opacity:.4;filter:grayscale(.5);cursor:not-allowed}.row{gap:8px;display:flex}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--chalk);background:#00000040;border:1px solid #f2f0e62e;border-radius:10px;padding:9px 13px;font-size:13px}.chip.on{background:var(--brass);color:#23170a;border-color:var(--brass)}.slider-row{align-items:center;gap:12px;margin-top:10px;display:flex}.slider-row input[type=range]{appearance:none;background:#f2f0e626;border-radius:4px;outline:none;flex:1;height:6px}.slider-row input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--brass);cursor:pointer;border:2px solid #23170a;border-radius:50%;width:20px;height:20px}.slider-row input[type=range]::-moz-range-thumb{background:var(--brass);cursor:pointer;border:2px solid #23170a;border-radius:50%;width:20px;height:20px}.slider-row .slider-val{color:var(--gold-text);text-align:right;flex-shrink:0;min-width:78px;font-family:Space Mono,monospace;font-size:13px;font-weight:700}.hero{text-align:center;padding:24px 8px 6px}.hero .big{color:var(--chalk);text-shadow:0 3px #0000004d;font-family:Anton;font-size:clamp(40px,11vw,68px);line-height:.86}.hero .big em{color:var(--brass);font-style:normal;display:block}.hero .tag{color:var(--chalk-dim);letter-spacing:.18em;text-transform:uppercase;margin-top:10px;font-size:11px}.cow-emoji{filter:drop-shadow(0 4px 6px #0006);font-size:46px}label.field{letter-spacing:.16em;text-transform:uppercase;color:var(--chalk-dim);margin:0 0 7px;font-size:11px;display:block}.runner{border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:9px 8px;transition:background .1s;display:flex}.runner+.runner{border-top:1px solid #f2f0e612}.runner.sel{background:#e8b84b1f;border-color:#e8b84b66}.silk{color:#fff;text-shadow:0 1px 2px #0009;border-radius:7px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;font-family:Space Mono;font-size:14px;font-weight:700;display:flex;box-shadow:inset 0 0 0 2px #00000026}.cow-thumb{object-fit:cover;border-radius:8px;width:72px;height:54px;display:block}.cow-thumb-lg{object-fit:cover;border-radius:16px;width:144px;height:108px;display:block}.cow-no{color:#fff;text-shadow:0 1px 2px #000000b3;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-family:Space Mono;font-size:10px;font-weight:700;display:flex;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 3px #00000080}.cow-no-lg{border-radius:7px;width:32px;height:32px;font-size:16px;bottom:6px;left:6px}.runner .nm{flex:1;min-width:0}.runner .nm b{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.runner .nm small{color:var(--chalk-dim);font-size:11px}.odds{color:var(--gold-text);text-align:right;min-width:46px;font-family:Space Mono;font-size:15px;font-weight:700}.yours{background:var(--good);color:#08210f;letter-spacing:.1em;vertical-align:middle;border-radius:5px;margin-left:5px;padding:2px 5px;font-size:8px;font-weight:700}.theirs{color:var(--chalk);letter-spacing:.05em;vertical-align:middle;white-space:nowrap;background:#f2f0e62e;border-radius:5px;margin-left:5px;padding:2px 5px;font-size:8px;font-weight:700}.form{color:var(--chalk-dim);letter-spacing:1px;font-family:Space Mono;font-size:11px}.share-suggest{flex-direction:column;gap:3px;width:100%;margin-top:4px;display:flex}.share-suggest .sug{cursor:pointer;background:#00000040;border:1px solid #f2f0e61f;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 9px;font-size:12px;display:flex}.share-suggest .sug:hover{border-color:var(--brass);background:#e8b84b26}.share-suggest .sug b{color:var(--chalk);font-weight:700}.share-suggest .sug span{color:var(--chalk-dim);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.statbars{gap:4px;margin-top:4px;display:flex}.sb{flex-direction:column;flex:1;align-items:center;gap:2px;display:flex}.sb-bar{background:#f2f0e626;border-radius:3px;width:100%;height:4px;overflow:hidden}.sb-bar i{height:100%;display:block}.sb-lbl{color:#f2f0e673;letter-spacing:.03em;font-family:Space Mono,monospace;font-size:8px;line-height:1}.stable-canvas-wrap{aspect-ratio:900/420;background:#0d1a14;border:1px solid #f2f0e61f;border-radius:10px;overflow:hidden}.stable-canvas-wrap canvas{width:100%;height:100%;display:block}#stall-actions{min-height:20px}#stall-actions .runner{background:#0000002e;border-radius:10px}.market-canvas-wrap{aspect-ratio:960/540;background:#8fc7e8;border:1px solid #f2f0e61f;border-radius:10px;overflow:hidden}.market-canvas-wrap canvas{cursor:pointer;width:100%;height:100%;display:block}#market-detail{min-height:20px}#market-detail .runner{background:#0000002e;border-radius:10px}#market-list .runner{cursor:pointer}.slip{background:var(--slip);color:var(--ink);border-radius:14px;margin-bottom:12px;padding:12px;box-shadow:0 8px 24px #0000004d}.slip h3{letter-spacing:.12em;text-transform:uppercase;border-bottom:2px dashed #0003;margin:0 0 8px;padding-bottom:8px;font-family:Anton;font-size:14px}.slip .ln{justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.slip .ln b{font-family:Space Mono}.stake-row{align-items:center;gap:8px;margin:10px 0;display:flex}.stake-row input{color:var(--ink);background:#fff;border:1px solid #0003;border-radius:9px;flex:1;width:100%;padding:9px;font-family:Space Mono;font-size:18px;font-weight:700}.bettype{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.bt{color:var(--ink);background:#00000012;border:1px solid #0000001f;border-radius:8px;padding:7px 10px;font-size:12px}.bt.on{background:var(--turf-700);color:#fff;border-color:var(--turf-700)}.bet-list .b{background:#0000000a;border-radius:8px;justify-content:space-between;align-items:center;margin-top:6px;padding:7px 9px;font-size:12px;display:flex}.bet-list .b button{color:var(--rail);background:0 0;padding:0 4px;font-size:16px;font-weight:700}#race-screen{z-index:20;background:#0a0f0d;flex-direction:column;display:flex;position:absolute;inset:0}#cv{flex:1;width:100%;display:block}.race-hud{pointer-events:none;align-items:flex-start;gap:10px;padding:10px 12px;display:flex;position:absolute;top:0;left:0;right:0}.leaderboard{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#08100cb8;border:1px solid #e8b84b40;border-radius:10px;min-width:150px;padding:8px 10px}.leaderboard .lr{align-items:center;gap:7px;padding:2px 0;font-size:12px;display:flex}.leaderboard .lr .pos{color:var(--brass);width:16px;font-family:Space Mono}.leaderboard .lr .dot{border-radius:3px;width:12px;height:12px}.commentary{letter-spacing:.04em;text-align:right;max-width:55%;color:var(--gold-text);background:#08100cb8;border:1px solid #e8b84b40;border-radius:10px;margin-left:auto;padding:8px 12px;font-family:Anton;font-size:14px}.race-meta{background:linear-gradient(#0000,#08100cd9);align-items:center;gap:8px;padding:10px 12px;display:flex;position:absolute;bottom:0;left:0;right:0}.race-meta .m{background:#0006;border:1px solid #f2f0e626;border-radius:7px;padding:5px 9px;font-family:Space Mono;font-size:11px}.race-meta .sp{pointer-events:auto;gap:8px;margin-left:auto;display:flex}.camtag{letter-spacing:.18em;color:#f2f0e6d9;text-transform:uppercase;pointer-events:none;white-space:nowrap;background:#08100c99;border:1px solid #e8b84b38;border-radius:20px;padding:4px 13px;font-family:Space Mono;font-size:11px;position:absolute;bottom:52px;left:50%;transform:translate(-50%)}#race-screen.intro-playing .camtag,#race-screen.intro-playing .race-hud,#race-screen.intro-playing .race-meta,#race-screen.intro-playing .minimap{display:none}.minimap{pointer-events:none;background:#08100cb8;border:1px solid #e8b84b40;border-radius:10px;position:absolute;bottom:56px;left:12px}.intro-nametag{text-align:center;z-index:9;pointer-events:none;opacity:0;transition:opacity .35s;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.intro-nametag.show{opacity:1}.intro-nametag .nm{color:var(--chalk);text-shadow:0 2px 14px #000000bf;letter-spacing:.02em;font-family:Anton;font-size:30px}.intro-nametag .no{letter-spacing:.24em;text-transform:uppercase;color:var(--brass);text-shadow:0 2px 10px #000000bf;margin-top:2px;font-family:Space Mono;font-size:12px}.gate-countdown{color:var(--chalk);text-shadow:0 4px 24px #000c;z-index:9;pointer-events:none;opacity:0;font-family:Anton;font-size:96px;transition:opacity .15s,transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.7)}.gate-countdown.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.podium{justify-content:center;align-items:flex-end;gap:8px;margin:8px 0 16px;display:flex}.pod{text-align:center;flex:1;max-width:120px}.pod .blk{color:#0006;border-radius:10px 10px 0 0;justify-content:center;align-items:flex-end;padding-bottom:8px;font-family:Anton;font-size:28px;display:flex}.pod .nm{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12px;font-weight:600;overflow:hidden}.toast{background:var(--ink);color:var(--chalk);border:1px solid var(--brass);z-index:40;text-align:center;border-radius:12px;max-width:90%;padding:12px 18px;font-size:13px;position:absolute;bottom:80px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.event{border-left:4px solid var(--rail);background:#c8453b1a}.event.good{border-color:var(--good);background:#5fbf7a1a}.standings .st{align-items:center;gap:10px;padding:8px 4px;font-size:13px;display:flex}.standings .st+.st{border-top:1px solid #f2f0e614}.standings .st .rk{color:var(--brass);width:22px;font-family:Anton}.standings .st .nw{color:var(--gold-text);margin-left:auto;font-family:Space Mono}.standings .cows-debug{color:var(--chalk-dim);border-top:1px solid #f2f0e614;padding:0 4px 8px 32px;font-family:Space Mono,monospace;font-size:10px}.you-tag{background:var(--brass);color:#23170a;letter-spacing:.08em;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:700}.muted{color:var(--chalk-dim);font-size:12px}.tiny{letter-spacing:.14em;text-transform:uppercase;color:var(--chalk-dim);font-size:10px}.weatherbadge{background:#00000040;border:1px solid #f2f0e624;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.divlink{color:var(--brass);cursor:pointer;font-size:12px;text-decoration:underline}.admin-search{width:100%;color:var(--chalk);background:#0000004d;border:1px solid #f2f0e62e;border-radius:10px;outline:none;margin-bottom:12px;padding:10px 14px;font-family:Outfit;font-size:14px;display:block}.admin-search::placeholder{color:var(--chalk-dim)}.a-row{align-items:center;gap:10px;padding:4px 0;display:flex}.a-lbl{width:86px;color:var(--chalk-dim);text-transform:capitalize;flex-shrink:0;font-size:12px}.a-slider{accent-color:var(--brass);flex:1;height:4px}.a-val{color:var(--gold-text);text-align:right;flex-shrink:0;width:36px;font-family:Space Mono;font-size:12px}.ae-inp{color:var(--chalk);background:#00000059;border:1px solid #f2f0e633;border-radius:8px;outline:none;flex:1;padding:6px 10px;font-family:Outfit;font-size:14px}.ae-sel{color:var(--chalk);background:#00000080;border:1px solid #f2f0e633;border-radius:8px;outline:none;padding:6px 10px;font-family:Outfit;font-size:14px}.ae-color{cursor:pointer;background:0 0;border:1px solid #f2f0e640;border-radius:7px;flex-shrink:0;width:40px;height:32px;padding:2px}.ae-color::-webkit-color-swatch-wrapper{border-radius:5px;padding:0}.ae-color::-webkit-color-swatch{border:none;border-radius:5px}@media (width<=420px){.hero .big{font-size:44px}}@media (width>=900px){.app{max-width:1200px}#race-screen,.toast{position:fixed}#hub-screen{grid-template-columns:1fr 300px;align-content:start;column-gap:16px;display:grid}#hub-screen>*{grid-column:1}#hub-standings{grid-area:1/2/10;margin-bottom:0}#bet-screen{grid-template-columns:1fr 1fr;align-content:start;column-gap:16px;display:grid}#bet-screen>*{grid-column:1}#bet-screen>div:nth-child(3){grid-area:1/2/5}#stable-screen{max-width:640px;margin:0 auto}#result-screen{grid-template-columns:1fr 1fr;align-content:start;column-gap:16px;display:grid}#result-screen>*{grid-column:2}#result-screen>div:first-child{grid-area:1/1/10}}