:root{--bg:#101927;--surface:#1b283b;--surface-2:#223249;--edge:#43546c;--text:#f1f7ff;--muted:#a7bad1;--cyan:#29c8ed;--green:#36df9b;--amber:#ffd071}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font-family:'Space Grotesk',sans-serif;background:radial-gradient(circle at 17% 0,rgba(41,200,237,.13),transparent 35%),linear-gradient(150deg,#101927,#121c2c 65%,#0e1725);min-height:100vh}
a{color:inherit}
button,input,select{font:inherit}
button{cursor:pointer}
.tss-nav{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px max(20px,calc((100vw - 1320px)/2));border-bottom:1px solid #334257;background:#121d2d;position:sticky;top:0;z-index:4}
.tss-brand{display:flex;align-items:center;max-width:185px}.tss-brand img{width:100%;max-height:53px;object-fit:contain;object-position:left}
.tss-nav nav{display:flex;gap:7px;flex-wrap:wrap}.tss-nav nav a{text-decoration:none;font-weight:600;font-size:.85rem;padding:10px 13px;border:1px solid var(--edge);border-radius:10px;background:#203048}.tss-nav nav a:hover{border-color:var(--cyan)}
.tss-shell{max-width:1320px;margin:auto;padding:34px 20px 80px}
.tss-hero{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:end;gap:28px;margin-bottom:28px}.tss-kicker,.tss-mini{color:var(--cyan);font-size:.72rem;font-weight:700;letter-spacing:.17em}.tss-kicker span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 10px var(--green)}
.tss-hero h1{font-size:clamp(3rem,7vw,6rem);line-height:.95;letter-spacing:-.07em;margin:12px 0 20px}.tss-hero h1 span{color:var(--cyan)}.tss-lead{font-size:1.08rem;line-height:1.65;color:#cad8e9;max-width:66ch;margin:0}
.tss-source{padding:19px;border:1px solid #4f6380;border-radius:19px;background:linear-gradient(145deg,#24364d,#162437);box-shadow:0 20px 48px rgba(0,0,0,.22)}.tss-source-top{display:flex;align-items:baseline;gap:10px}.tss-source-top strong{font-size:2.4rem;color:var(--green)}.tss-source-top span{color:var(--muted);font-size:.84rem}.tss-source p{font-size:.83rem;line-height:1.5;margin:10px 0;color:var(--text)}.tss-source small{display:block;color:#d6bd87;line-height:1.5}
.tss-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:26px}.tss-counts div{display:flex;flex-direction:column;gap:3px;background:#202e43;border:1px solid var(--edge);padding:17px 20px;border-radius:15px}.tss-counts strong{font-size:1.55rem}.tss-counts span{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.09em}
.tss-workspace{display:grid;grid-template-columns:275px minmax(0,1fr);align-items:start;gap:18px}.tss-filters,.tss-results{border:1px solid var(--edge);border-radius:21px;background:var(--surface);box-shadow:0 18px 45px rgba(0,0,0,.2)}.tss-filters{padding:20px;position:sticky;top:92px}.tss-filter-head span{color:var(--cyan);letter-spacing:.14em;font-size:.68rem;font-weight:700}.tss-filter-head h2{font-size:1.12rem;margin:7px 0 22px}.tss-filters label,.tss-filters legend{display:block;margin:18px 0 7px;color:var(--text);font-size:.84rem;font-weight:700}.tss-filters input[type=search],.tss-filters select{width:100%;height:44px;padding:0 12px;border:1px solid #617089;border-radius:10px;background:#172337;color:var(--text);outline:none}.tss-filters input:focus,.tss-filters select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(41,200,237,.15)}.tss-filters input::placeholder{color:#91a4bb}.tss-filters fieldset{border:0;padding:0;margin:0}.tss-role-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.tss-role-buttons button,.tss-view button{border:1px solid var(--edge);background:var(--surface-2);color:var(--text);font-size:.82rem;font-weight:700;border-radius:9px;padding:10px 6px}.tss-role-buttons button.active,.tss-view button.active{border-color:var(--cyan);background:rgba(41,200,237,.17);color:#89eaff}.tss-role-buttons button:hover,.tss-view button:hover{border-color:var(--cyan)}.tss-filters .tss-u-toggle{display:flex;gap:11px;align-items:flex-start;border:1px solid #4d6982;background:#1b3245;border-radius:12px;padding:12px;margin-top:21px;cursor:pointer}.tss-u-toggle input{accent-color:var(--cyan);width:19px;height:19px;margin:2px 0}.tss-u-toggle small{display:block;font-weight:400;color:var(--muted);margin-top:3px}.tss-reset{width:100%;border:1px solid var(--edge);border-radius:10px;background:transparent;color:var(--text);padding:11px;margin-top:17px;font-weight:600}
.tss-results{overflow:hidden}.tss-results-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 25px 10px}.tss-results-head h2{font-size:1.45rem;margin:5px 0}.tss-results-head strong{color:var(--green);white-space:nowrap}.tss-view{display:flex;align-items:center;gap:8px;padding:0 25px 19px;border-bottom:1px solid var(--edge);flex-wrap:wrap}.tss-view span{color:var(--muted);font-size:.82rem;margin-right:8px}.tss-view button{min-width:75px;padding:9px 13px}
.tss-group-title{display:flex;align-items:baseline;gap:12px;padding:16px 25px;background:#162438;border-bottom:1px solid #3c4f67}.tss-group-title h3{margin:0;font-size:1rem}.tss-group-title span{color:var(--muted);font-size:.77rem}.tss-player{display:grid;grid-template-columns:48px minmax(0,1fr) minmax(90px,180px) 87px;align-items:center;gap:13px;padding:12px 25px;border-bottom:1px solid #33455d}.tss-player:hover{background:#233750}.tss-role{display:inline-flex;align-items:center;justify-content:center;width:37px;height:37px;border-radius:10px;font-weight:700;color:#081a28;background:var(--amber)}.tss-role[data-role=P]{background:#4d9cff}.tss-role[data-role=D]{background:#40dda1}.tss-role[data-role=C]{background:#ffbf60}.tss-role[data-role=A]{background:#ff777e}.tss-player-name{font-weight:600;min-width:0;overflow-wrap:anywhere}.tss-team{color:var(--muted);font-size:.86rem}.tss-u{border-radius:7px;padding:4px 7px;color:#9debf9;background:#21475a;border:1px solid #3c849b;font-size:.73rem;font-weight:700;text-align:center}.tss-u-empty{color:var(--muted);font-size:.73rem;text-align:center}.tss-empty{padding:35px 25px;color:var(--muted)}.tss-more{display:block;width:calc(100% - 50px);margin:18px 25px;padding:12px;border:1px solid var(--cyan);border-radius:11px;color:#a5ecfb;background:#203e50;font-weight:700}.tss-more[hidden]{display:none}.tss-footnote{color:var(--muted);font-size:.83rem;line-height:1.6;margin:22px 2px}
@media(max-width:820px){.tss-nav{padding:10px 16px}.tss-shell{padding:24px 16px 90px}.tss-hero{grid-template-columns:1fr;gap:20px}.tss-counts{grid-template-columns:repeat(2,1fr)}.tss-workspace{grid-template-columns:1fr}.tss-filters{position:static}.tss-player{grid-template-columns:37px minmax(0,1fr) 70px;gap:8px;padding:13px 16px}.tss-team{grid-column:2;grid-row:2}.tss-u,.tss-u-empty{grid-column:3;grid-row:1/3}.tss-group-title{padding:13px 16px}.tss-results-head,.tss-view{padding-left:16px;padding-right:16px}}
@media(max-width:520px){.tss-nav{min-height:58px;padding:7px 13px}.tss-brand{max-width:112px}.tss-nav nav{gap:4px;justify-content:flex-end}.tss-nav nav a{font-size:.72rem;padding:7px 8px}.tss-shell{padding-top:14px}.tss-hero{gap:12px;margin-bottom:13px}.tss-kicker{margin:0;font-size:.65rem}.tss-hero h1{font-size:2.7rem;margin:6px 0 8px}.tss-lead{font-size:.82rem;line-height:1.42}.tss-source{padding:10px 12px;border-radius:12px}.tss-source-top strong{font-size:1.5rem}.tss-source-top span{font-size:.72rem}.tss-source p{font-size:.72rem;margin:2px 0}.tss-source small{font-size:.68rem}.tss-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-bottom:13px}.tss-counts div{padding:9px 7px;gap:0;border-radius:10px}.tss-counts strong{font-size:1.2rem}.tss-counts span{font-size:.55rem;letter-spacing:0;line-height:1.25}.tss-filters{padding:15px}.tss-filter-head h2{margin:4px 0 10px}.tss-filters label,.tss-filters legend{margin-top:11px}.tss-filters .tss-u-toggle{margin-top:13px}.tss-reset{margin-top:11px}.tss-view span{width:100%}.tss-results-head h2{font-size:1.22rem}}
.tss-live{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 17px;margin:-11px 0 25px;border:1px solid #326478;border-radius:13px;background:linear-gradient(105deg,#1b3444,#1b293b)}.tss-live>div{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.tss-live strong{font-size:.86rem}.tss-live small{color:var(--muted);font-size:.74rem}.tss-live-dot{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.tss-live button{flex:none;min-height:37px;border:1px solid #4e8092;border-radius:9px;padding:7px 11px;background:#203e50;color:#bef5ff;font-size:.75rem;font-weight:700}
.tss-player{grid-template-columns:37px minmax(0,1fr) minmax(85px,145px) 72px 155px 44px;gap:10px;padding:11px 20px}.tss-player-main{display:flex;flex-direction:column;min-width:0}.tss-player-main small{font-size:.7rem;color:#8fc9e2}.tss-player-live{display:flex;gap:6px}.tss-metric{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.tss-metric small{font-size:.64rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.tss-metric strong{font-size:.94rem;color:#a8efff}.tss-unlinked{font-size:.72rem;color:#efca8e}.tss-save{width:44px;height:44px;border:1px solid #536983;border-radius:11px;background:#24354b;color:#a7bad1;font-size:1.4rem}.tss-save.saved{color:#ffdc78;border-color:#bd9450;background:#433a2d}.tss-save:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}
@media(max-width:820px){.tss-player{grid-template-columns:37px minmax(0,1fr) 44px;gap:5px 9px;padding:12px 16px}.tss-role{grid-column:1;grid-row:1/3}.tss-player-main{grid-column:2;grid-row:1}.tss-save{grid-column:3;grid-row:1}.tss-team{grid-column:2;grid-row:2}.tss-u,.tss-u-empty{grid-column:3;grid-row:2}.tss-player-live{grid-column:2/4;grid-row:3;justify-content:flex-start;padding-top:3px}.tss-metric{flex:0 0 55px}}
@media(max-width:520px){.tss-live{margin:-2px 0 13px;align-items:flex-start;padding:10px}.tss-live>div{display:block}.tss-live strong,.tss-live small{display:block}.tss-live-dot{display:inline-block;margin-right:5px}.tss-live button{padding:6px 8px;min-height:33px}}
.tss-top{padding:22px;margin:0 0 25px;border:1px solid #50637d;border-radius:20px;background:linear-gradient(145deg,#20334a,#152338 55%,#172b38);box-shadow:0 18px 42px rgba(0,0,0,.18);scroll-margin-top:85px}
.tss-top-head{display:flex;align-items:end;justify-content:space-between;gap:16px}.tss-top-head h2{font-size:clamp(1.5rem,3vw,2rem);letter-spacing:-.035em;margin:5px 0}.tss-top-head>strong{flex:none;color:#a1ecbe;font-size:.85rem}.tss-top-intro{color:#c6d8eb;font-size:.82rem;line-height:1.55;max-width:100ch;margin:6px 0 18px}.tss-top-caveat{display:block;color:var(--muted);line-height:1.5;margin-top:15px}
.tss-top-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tss-top-panel{min-width:0;--top-accent:#56a5ff;border:1px solid #445c75;border-top:3px solid var(--top-accent);border-radius:15px;background:#19283c;overflow:hidden}.tss-top-panel[data-role=D]{--top-accent:#46dda8}.tss-top-panel[data-role=C]{--top-accent:#ffc86d}.tss-top-panel[data-role=A]{--top-accent:#ff848b}.tss-top-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:13px 13px 10px;background:#1d3048}.tss-top-panel-head h3{margin:0;font-size:.94rem}.tss-top-panel-head small{color:var(--muted);font-size:.64rem;white-space:nowrap}
.tss-top-player{display:grid;grid-template-columns:26px minmax(0,1fr) 44px;align-items:start;gap:3px 8px;padding:9px 11px;border-top:1px solid #33485f}.tss-top-player:first-of-type{border-top:0}.tss-top-position{grid-column:1;grid-row:1/3;color:var(--top-accent);font-size:.86rem;padding-top:3px}.tss-top-player-main{grid-column:2;grid-row:1;min-width:0;display:flex;flex-direction:column}.tss-top-player-main strong{font-size:.82rem;line-height:1.25;overflow-wrap:anywhere}.tss-top-player-main small{color:var(--muted);font-size:.69rem;margin-top:2px}.tss-top-player .tss-save{grid-column:3;grid-row:1/3;width:44px;height:44px}.tss-top-figures{grid-column:2;grid-row:2;color:#bde9f5;font-size:.68rem;line-height:1.35}.tss-top-empty,.tss-top-pending{color:var(--muted);padding:15px}.tss-top-pending{grid-column:1/-1}.tss-top-tabs{display:none}
@media(max-width:1100px){.tss-top-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.tss-top{padding:15px;margin-bottom:17px}.tss-top-grid{grid-template-columns:1fr}.tss-top-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:13px}.tss-top-tabs button{min-height:44px;border:1px solid #526985;border-radius:10px;background:#20344d;color:var(--text);font-size:.78rem;font-weight:700}.tss-top-tabs button.active{border-color:var(--cyan);background:#1a4a61;color:#b9f5ff}.tss-top-panel:not(.active){display:none}}
@media(max-width:520px){.tss-top-head{display:grid;grid-template-columns:minmax(0,1fr);gap:7px;align-items:start}.tss-top-head h2{font-size:1.45rem}.tss-top-head>strong{font-size:.72rem}.tss-top-intro{font-size:.8rem;margin:6px 0 12px}.tss-top-panel-head{padding:12px}.tss-top-player{padding:10px 12px}.tss-top-player-main strong{font-size:.9rem}.tss-top-figures{font-size:.78rem}.tss-top-caveat{font-size:.75rem}}