.trk{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:22px;margin:0 0 30px;box-shadow:0 1px 0 var(--border),0 18px 40px -28px rgba(0,0,0,.6)}
.trk__title{font:var(--display-weight,750) 22px/1.2 var(--font-display);font-style:var(--display-style,normal);text-transform:var(--display-transform,none);margin:0 0 16px}
.trk__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:22px 28px}
.trk__count{display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.trk__label{font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.trk__num{font:var(--display-weight,800) clamp(56px,10vw,88px)/1 var(--font-display);font-style:var(--display-style,normal);font-variant-numeric:tabular-nums;color:var(--ink)}
.trk__num.pop{animation:pop .25s ease-out}
@keyframes pop{0%{transform:scale(1)}40%{transform:scale(1.08);color:var(--accent)}100%{transform:scale(1)}}
@media (prefers-reduced-motion:reduce){.trk__num.pop{animation:none}}
.trk__btns{display:flex;gap:10px;align-items:stretch;width:100%}
.trk__plus{flex:1;min-height:64px;font:800 22px var(--font-body);background:var(--accent);color:var(--accent-ink);border:0;border-radius:14px;cursor:pointer;touch-action:manipulation}
.trk__plus:active{transform:translateY(1px)}
.trk__minor{font:700 15px var(--font-body);background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:10px;padding:10px 14px;cursor:pointer;min-height:44px}
.trk__minor:hover{border-color:var(--accent)}
.trk__danger{color:var(--warn)}
.trk__hint{margin:0;font-size:13px;color:var(--muted)}
.trk__hint kbd{font:600 12px var(--font-body);border:1px solid var(--border);border-radius:5px;padding:1px 5px;background:var(--bg)}
.trk__row{display:flex;align-items:center;gap:12px;font-size:15px}
.trk__today{color:var(--muted)}
.trk__odds{background:var(--accent-soft);border-radius:16px;padding:18px 20px}
.trk__squad{display:grid;gap:6px;font-weight:650;font-size:14px;max-width:200px;margin-bottom:14px}
.trk__squad select{font:600 16px var(--font-body);color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px;min-height:42px}
.trk__big{font:var(--display-weight,800) clamp(40px,7vw,60px)/1 var(--font-display);font-style:var(--display-style,normal);color:var(--accent);font-variant-numeric:tabular-nums}
.trk__sub{margin:6px 0 12px;font-size:15px}
.trk__stats{margin:0 0 10px;padding-left:18px;font-size:15px}
.trk__stats li{margin:4px 0}
.trk__stats span{font-weight:750;color:var(--ink)}
.trk__note{margin:0;font-size:13px;color:var(--muted)}
.trk__set{margin-top:16px}
.trk__set summary{cursor:pointer;color:var(--link);font-size:14.5px}
.trk__setrow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin-top:12px}
.trk__setrow label{display:grid;gap:6px;font-size:14px;font-weight:650}
.trk__setrow input{font:600 16px var(--font-body);color:var(--ink);background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:8px 10px;width:150px;min-height:42px}
.trk .tool__share{margin-top:16px}
@media (max-width:760px){.trk{padding:18px}.trk__grid{grid-template-columns:1fr}}
.trk .tool__share{display:flex;align-items:center;gap:12px}
.trk .tool__share button{font:700 15px var(--font-body);background:var(--bg);color:var(--ink);border:1px solid var(--border);border-radius:10px;padding:10px 16px;cursor:pointer}
.trk .tool__share button:hover{border-color:var(--accent)}
.trk .tool__share span{font-size:14px;color:var(--muted)}
