:root{--of-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--of-bg:#f4f5f7;--of-surface:#fff;--of-surface-2:#f0f2f5;--of-text:#14171c;--of-muted:#5b6472;--of-border:#dfe3e8;--of-accent:#ffb800;--of-accent-text:#1b1b1b;--of-up:#0a8f55;--of-down:#c4261d;--of-radius:12px;--of-gap:10px;--of-row-h:56px}:root[data-theme=dark]{--of-bg:#0e1116;--of-surface:#171b22;--of-surface-2:#222833;--of-text:#eef1f5;--of-muted:#9aa4b2;--of-border:#2d3542;--of-up:#3ddc97;--of-down:#ff6b61}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--of-font);background:var(--of-bg);color:var(--of-text);font-size:15px;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--of-accent);outline-offset:2px}h2{font-size:1.15rem;margin:16px 0 8px}h3{font-size:.95rem;margin:12px 0 6px;color:var(--of-muted)}h4{margin:6px 0}.muted{color:var(--of-muted)}.center{display:grid;place-items:center;height:100%;text-align:center;padding:24px}.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:var(--of-gap);flex-wrap:wrap;padding:8px 12px;background:var(--of-surface);border-bottom:1px solid var(--of-border)}.logo{height:28px;max-width:140px;object-fit:contain}.brand{font-size:1.05rem}.top nav{display:flex;gap:4px;overflow-x:auto;flex:1}.tab{border:0;background:none;padding:8px 10px;border-radius:99px;color:var(--of-muted);white-space:nowrap}.tab.on{background:var(--of-accent);color:var(--of-accent-text);font-weight:700}.bal{font-size:.85rem;white-space:nowrap}.x{border:0;background:none;font-size:1.4rem;line-height:1;padding:4px 8px}.banner{background:var(--of-down);color:#fff;padding:8px 12px;text-align:center}.toast{position:fixed;left:50%;bottom:16px;transform:translate(-50%);padding:10px 16px;border-radius:99px;background:var(--of-text);color:var(--of-bg);z-index:20;animation:toast 3s forwards}.toast.ok{background:var(--of-up);color:#fff}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}.layout{display:grid;grid-template-columns:1fr;gap:var(--of-gap);padding:0 12px 96px;max-width:1100px;margin:0 auto}.slip{background:var(--of-surface);border:1px solid var(--of-border);border-radius:var(--of-radius);padding:12px;height:fit-content}.league{margin-bottom:12px}ul{list-style:none;margin:0;padding:0}.ev{display:grid;grid-template-columns:1fr;gap:8px;padding:8px 10px;margin-bottom:var(--of-gap);background:var(--of-surface);border:1px solid var(--of-border);border-radius:var(--of-radius)}.evinfo{display:flex;flex-direction:column;gap:2px;text-align:left;background:none;border:0;padding:0;min-height:44px}.teams{display:flex;flex-direction:column;font-weight:600}.meta{font-size:.78rem;color:var(--of-muted)}.livetag{background:var(--of-accent);color:var(--of-accent-text);border-radius:99px;padding:1px 7px;font-weight:700;font-size:.7rem}.paused{color:var(--of-down);font-weight:600}.odds{display:flex;gap:6px}.odds.wrap{flex-wrap:wrap}.odd{flex:1;min-width:64px;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:var(--of-surface-2);border:1px solid var(--of-border);border-radius:calc(var(--of-radius) - 2px)}.odd small{color:var(--of-muted);font-size:.68rem}.odd b{font-variant-numeric:tabular-nums}.odd.on{background:var(--of-accent);color:var(--of-accent-text);border-color:var(--of-accent)}.odd.on small{color:inherit}.odd.up b{color:var(--of-up)}.odd.down b{color:var(--of-down)}.odd:disabled{opacity:.45;cursor:not-allowed}.sportgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--of-gap)}.sportgrid button{width:100%;min-height:56px;background:var(--of-surface);border:1px solid var(--of-border);border-radius:var(--of-radius);font-weight:600}.crumb{display:flex;align-items:center;gap:10px}.crumb button,.link{background:none;border:0;color:var(--of-muted);padding:6px 0}.market{background:var(--of-surface);border:1px solid var(--of-border);border-radius:var(--of-radius);padding:8px 10px;margin-bottom:var(--of-gap)}.seg{display:flex;gap:4px;margin:8px 0}.seg button{flex:1;padding:8px;border:1px solid var(--of-border);background:var(--of-surface-2);border-radius:99px}.seg button.on{background:var(--of-accent);color:var(--of-accent-text);font-weight:700;border-color:var(--of-accent)}.slipitems li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-bottom:1px solid var(--of-border)}.slipitems .r{display:flex;align-items:center;gap:6px}.slipitems .r button{border:0;background:none;font-size:1.2rem}.field{display:block;margin:10px 0;font-size:.85rem;color:var(--of-muted)}.field input,.field select{display:block;width:100%;margin-top:4px;padding:10px;font:inherit;color:var(--of-text);background:var(--of-surface-2);border:1px solid var(--of-border);border-radius:8px}.primary{width:100%;min-height:48px;margin-top:6px;border:0;border-radius:var(--of-radius);background:var(--of-accent);color:var(--of-accent-text);font-weight:800}.primary:disabled{opacity:.5;cursor:not-allowed}.msg{padding:8px;border-radius:8px}.msg.err{background:color-mix(in srgb,var(--of-down) 15%,transparent);color:var(--of-down)}.msg.info{background:var(--of-surface-2)}.tk{background:var(--of-surface);border:1px solid var(--of-border);border-radius:var(--of-radius);padding:10px;margin-bottom:var(--of-gap)}.tkh,.tks,.tkf{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.tks{padding:4px 0;font-size:.9rem}.tkf{font-size:.8rem;color:var(--of-muted);margin-top:6px}.badge{padding:1px 8px;border-radius:99px;background:var(--of-surface-2);font-size:.75rem}.tk.won .badge{background:var(--of-up);color:#fff}.tk.lost .badge{background:var(--of-down);color:#fff}.rules li{margin:8px 0;padding-left:8px;border-left:3px solid var(--of-accent)}@media (min-width:900px){.layout{grid-template-columns:1fr 320px;align-items:start}.slip{position:sticky;top:64px}.ev{grid-template-columns:1fr auto}.odd{min-width:72px}}@media (max-width:899px){.slip{position:fixed;left:0;right:0;bottom:0;max-height:60vh;overflow:auto;border-radius:var(--of-radius) var(--of-radius) 0 0;z-index:10}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}