:root{--or:#315dd7;--or-d:#2347ad;--bg:#f3f5f8;--ln:#dfe5ee;--hdrH:76px;--navH:62px;--kzs-nav:218px}body.kzs-design{padding-left:var(--kzs-nav)}.kzs-design button,.kzs-design select{min-height:44px}.kzs-design button{font-family:Inter,sans-serif}.kzs-design button:focus-visible,.kzs-design a:focus-visible,.kzs-design input:focus-visible,.kzs-design select:focus-visible{outline:3px solid #7797f4;outline-offset:2px}.kzs-sidebar{position:fixed;inset:0 auto 0 0;width:218px;z-index:240;background:#16243b;color:#c2cede;display:flex;flex-direction:column;overflow:auto;padding:28px 18px}.kzs-brand{font-size:22px;font-weight:700;color:white;white-space:nowrap;letter-spacing:-.7px}.kzs-brand small{display:block;font-size:10px;letter-spacing:0;color:#9aabc3;margin:8px 0 34px}.kzs-sidebar #viewTabs{display:flex;flex-direction:column;gap:6px;overflow:visible}.kzs-sidebar .view-btn{border:0;border-radius:9px;text-align:left;justify-content:flex-start;padding:13px;color:#c2cede;background:transparent;font-size:13px;white-space:nowrap}.kzs-sidebar .view-btn.active{background:#29466c;color:white}.kzs-sidebar .view-btn:hover{background:#233b5b}.kzs-sidebar-foot{margin-top:auto;padding-top:45px;display:grid;gap:8px}.kzs-sidebar-foot button{width:100%!important;height:auto!important;min-height:44px!important;border:1px solid #3b506d!important;background:transparent!important;border-radius:9px!important;color:#cad6e6!important;text-align:left;padding:10px!important;font-size:12px!important}.kzs-design header{background:var(--wh);border-bottom:1px solid var(--ln)}.kzs-design .hdr{height:76px;max-width:none;padding:12px 28px;gap:14px}.kzs-design .hdr .logo{flex:1;min-width:0}.kzs-design .hdr .logo-name{font:600 16px Inter,sans-serif;color:var(--nv);letter-spacing:-.3px}.kzs-design .hdr .logo-ball{display:none}.kzs-design .hdr button{height:44px!important;min-width:44px!important;border-radius:9px!important;border:1px solid var(--ln)!important;background:var(--wh)!important;color:var(--nv)!important}.kzs-design .hdr-badge{display:none}.kzs-design .kzs-account{background:#315dd7!important;color:white!important;font-size:12px;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:10px 14px;flex-shrink:0}.kzs-design .nav-bar{background:var(--wh);top:76px;z-index:190}.kzs-design .nav-row{max-width:none;padding:8px 28px;min-height:62px}.kzs-design .cat-tabs{gap:5px}.kzs-design .cat-btn{border:0;border-radius:8px;background:var(--bg);min-width:65px}.kzs-design .cat-btn.active{background:var(--or);color:white}.kzs-design .main{max-width:none;padding:25px 28px;min-width:0}.kzs-heading{margin-bottom:20px}.kzs-heading h1{font:700 30px Inter,sans-serif;letter-spacing:-1px;margin-bottom:7px}.kzs-heading p{font-size:12px;color:var(--mu);line-height:1.6}.kzs-design .kzs-metrics{margin:0 0 22px;display:grid;grid-template-columns:repeat(3,1fr);gap:15px;overflow:visible}.kzs-design .kzs-metrics .pill{display:flex!important;flex-direction:column;align-items:flex-start;background:var(--wh);border:1px solid var(--ln);border-radius:12px;padding:17px 20px;animation:none!important}.kzs-design .kzs-metrics .pill-n{font:700 28px Inter,sans-serif;color:var(--nv)}.kzs-design .kzs-metrics .pill-l{font-size:12px;color:var(--mu);margin-top:5px}.kzs-design .fbar{background:var(--wh);padding:18px;border:1px solid var(--ln);border-radius:12px;gap:14px}.kzs-design .fg select,.kzs-design .fg input,.kzs-design #fYearBtn{min-height:44px!important;height:44px!important;border-radius:8px!important}.kzs-design .sort-ps{height:auto}.kzs-design .sp{font-size:11px;padding:10px}.kzs-points-note{font-size:12px;line-height:1.7;color:var(--mu);margin:12px 0}.kzs-design .twrap{border:1px solid var(--ln);border-radius:12px;overflow:auto;max-width:100%}.kzs-design #twrap table{min-width:740px}.kzs-design thead tr,.kzs-design #twrap thead th{background:var(--wh);color:var(--mu)}.kzs-design #twrap thead th{border-bottom:1px solid var(--ln);padding:15px 12px}.kzs-design #twrap td{padding:13px 12px}.kzs-design .ys-wrap{border:1px solid var(--ln);background:var(--wh)}.kzs-design .ys-title{color:var(--or)}.kzs-design .modal,.kzs-design .match-modal{border-radius:16px}.kzs-design .modal-hdr{background:#16243b}.kzs-design .modal-close{min-width:44px;min-height:44px}.kzs-design .pn:hover{text-decoration:underline}.kzs-dim{display:none}.kzs-closed{--kzs-nav:0px}.kzs-closed .kzs-sidebar{display:none}.kzs-design #accessGate{z-index:1000!important}.kzs-design #standingsNavBar{position:relative;z-index:180}.kzs-design #standingsNavBar>div{max-width:none!important}.kzs-design .hdr>div:last-of-type{gap:7px!important}
html[data-theme=dark] .kzs-design header,html[data-theme=dark] .kzs-design thead tr,html[data-theme=dark] .kzs-design #twrap thead th{background:var(--wh)}
@media(max-width:1050px){body.kzs-design{padding-left:0}.kzs-sidebar{box-shadow:8px 0 40px #101d3544}.kzs-open .kzs-dim{display:block;position:fixed;inset:0;background:#10203677;border:0;z-index:230}.kzs-design .hdr{padding:12px 16px}.kzs-design .hdr .logo-name{font-size:13px}.kzs-design .main{padding:20px 16px}.kzs-design .hdr .kzs-account{max-width:155px}}
@media(max-width:680px){.kzs-design .hdr{height:68px;gap:7px;padding:10px}.kzs-design .hdr .logo-name{font-size:12px}.kzs-design .hdr>div:last-of-type{display:none!important}.kzs-design .hdr .kzs-account{max-width:135px;font-size:11px}.kzs-design .nav-bar{top:68px}.kzs-design .nav-row{padding:8px 12px}.kzs-design .main{padding:18px 12px}.kzs-design .kzs-metrics{gap:8px}.kzs-design .kzs-metrics .pill{padding:14px 10px}.kzs-design .kzs-metrics .pill-n{font-size:23px}.kzs-design .fbar{padding:14px}.kzs-design .fg input,.kzs-design .fg select{font-size:16px!important}.kzs-heading h1{font-size:27px}.kzs-design #twrap th,.kzs-design #twrap td{display:table-cell!important}.kzs-design #twrap table{min-width:740px}:root{--hdrH:68px}}
.kzs-design .twrap{max-height:65vh}.kzs-design #twrap thead th,.kzs-design #shortlistWrap thead th,.kzs-design #recordsWrap .twrap thead th{top:0;background:var(--wh)}.kzs-design thead th:hover{color:var(--or)}.kzs-design .hdr button.kzs-account{background:#315dd7!important;color:#fff!important}.kzs-design .sort-ps{display:flex;flex-wrap:nowrap}.kzs-design .fg:has(.sort-ps){min-width:280px!important}
.kzs-design .modal-av{object-fit:contain;object-position:center top;border-radius:12px;background:#263951;padding:3px}.kzs-design .modal-av-fb{border-radius:12px}.kzs-design .kzs-sidebar .kzs-metrics{display:flex;flex-direction:column;gap:0;margin:25px 0 15px;border-top:1px solid #354963;border-bottom:1px solid #354963;padding:8px 0}.kzs-design .kzs-sidebar .kzs-metrics .pill{background:transparent;border:0;border-radius:0;display:flex!important;flex-direction:row-reverse;align-items:center;justify-content:space-between;padding:12px 9px}.kzs-design .kzs-sidebar .kzs-metrics .pill-n{color:#edf3fc;font-size:17px}.kzs-design .kzs-sidebar .kzs-metrics .pill-l{color:#b6c6db;font-size:12px;margin:0}.kzs-design .view-panel>.fbar{position:sticky;top:var(--kzs-filter-top,138px);z-index:170;background:var(--wh);box-shadow:0 5px 12px #172c4110}.kzs-design #standingsNavBar{position:sticky;top:var(--kzs-filter-top,138px);z-index:175;background:var(--wh)!important}.kzs-percentile-row{display:flex;align-items:center;gap:14px;margin:15px 0;flex-wrap:wrap}.kzs-percentile-track{flex:1;min-width:120px;height:14px;border-radius:7px;background:var(--ln);position:relative;overflow:hidden}.kzs-percentile-track i{display:block;height:100%;background:#315dd7;border-radius:7px}.kzs-percentile-track span{position:absolute;left:50%;top:0;bottom:0;border-left:2px solid #91a7ca}.kzs-percentile-help{font:11px/1.7 Inter,sans-serif;color:var(--mu);margin:12px 0 0}.kzs-design #googleAuthBtn{display:none!important}
@media(max-width:680px){.kzs-design .view-panel>.fbar{flex-wrap:nowrap;overflow-x:auto;align-items:flex-end;padding:12px;gap:12px}.kzs-design .view-panel>.fbar>.fg{flex:0 0 170px!important;min-width:170px!important}.kzs-design .view-panel>.fbar>.fg:first-child{min-width:190px!important;flex:0 0 190px!important}.kzs-design .view-panel>.fbar>.fg:has(.sort-ps){flex-basis:290px!important;min-width:290px!important}.kzs-design .view-panel>.fbar>button{flex-shrink:0}.kzs-percentile-row>span:first-child{width:100%;min-width:0!important}.kzs-percentile-row>span:last-child{font-size:11px!important;min-width:125px!important}}
.kzs-design .view-panel>.fbar{position:relative;top:auto}.kzs-design .view-panel>.fbar.kzs-docked{position:fixed;z-index:180}
.kzs-design img.av,.kzs-design img.scorer-av,.kzs-design img[src*="/public/images/"]{object-fit:contain!important;object-position:center top!important;background:var(--wh);border-radius:8px!important}.kzs-design .scorer-av{width:34px;height:38px}.kzs-load-box{margin:15px 0;padding:14px 10px;border:1px solid #354963;border-radius:10px;color:#b6c6db;font-size:11px;line-height:1.7}.kzs-load-box strong{display:block;color:#e6eef9;margin-bottom:9px;font-size:12px}.kzs-load-box div{padding:4px 0}.kzs-heading .kzs-load-top{margin-top:10px;font-size:12px;color:var(--or)}.kzs-design .kzs-transfer-switch{height:auto!important;min-height:48px;padding:3px;gap:3px;background:var(--bg);border:1px solid var(--ln)!important;border-radius:10px!important}.kzs-design .kzs-transfer-switch button{flex:1;min-width:85px;min-height:40px!important;border-radius:7px;padding:10px 16px!important;font-size:12px!important;background:transparent!important;color:var(--mu)!important}.kzs-design .kzs-transfer-switch button[aria-pressed=true]{background:var(--or)!important;color:white!important;box-shadow:0 1px 4px #162e481a}
/* Wider branding area, compact vertical rhythm; scrolling remains available on short screens. */
:root{--kzs-nav:252px}.kzs-sidebar{width:252px;padding:20px 16px;overflow-x:hidden;scrollbar-width:thin}.kzs-closed{--kzs-nav:0px}.kzs-brand{font-size:21px;letter-spacing:-.6px}.kzs-brand small{margin:7px 0 20px}.kzs-sidebar #viewTabs{gap:3px}.kzs-sidebar .view-btn{padding:10px 12px;min-height:44px}.kzs-design .kzs-sidebar .kzs-metrics{margin:15px 0 8px;padding:3px 0}.kzs-design .kzs-sidebar .kzs-metrics .pill{padding:8px}.kzs-load-box{margin:8px 0;padding:10px;font-size:11px}.kzs-load-box div{padding:2px 0}.kzs-load-box strong{white-space:nowrap;font-size:11px;margin-bottom:5px}.kzs-sidebar-foot{padding-top:12px;gap:5px}.kzs-sidebar-foot button{min-height:40px!important;padding:8px!important}.kzs-season-note{font:12px/1.7 Inter,sans-serif;color:var(--mu);padding:12px 14px;background:var(--wh);border:1px solid var(--ln);border-radius:10px;margin-bottom:16px}
@media(max-height:850px) and (min-width:1051px){.kzs-sidebar{padding-top:14px;padding-bottom:12px}.kzs-brand small{margin-bottom:12px}.kzs-sidebar #viewTabs{gap:1px}.kzs-sidebar .view-btn{padding:8px 12px}.kzs-design .kzs-sidebar .kzs-metrics{margin:8px 0 4px}.kzs-design .kzs-sidebar .kzs-metrics .pill{padding:5px 8px}.kzs-load-box{margin:5px 0;padding:8px}.kzs-sidebar-foot{padding-top:6px}}
.kzs-design #modalHdr{padding-right:72px;align-items:center}.kzs-profile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.kzs-profile-name-actions{display:flex;align-items:center;gap:4px}.kzs-design #modalHdr .kzs-profile-name-actions button{position:static;flex:none;min-width:44px;min-height:44px;padding:7px!important;border:1px solid #64768e!important;border-radius:8px;background:#263a54!important;color:#f1f5fb!important;line-height:1.2}.kzs-design #modalHdr #profileStarBtn{font-size:25px!important;color:#efbb61!important}.kzs-design #modalHdr #hubAddBtn{font-size:11px!important;padding:9px 12px!important;white-space:nowrap}.kzs-design #modalHdr .modal-close{position:absolute;top:18px;right:16px;width:44px;height:44px}.kzs-design #modalFilters{flex-wrap:nowrap;overflow-x:auto;gap:8px;align-items:center}.kzs-design #modalFilters>*{flex-shrink:0}.kzs-design #modalFilters select{min-width:105px;max-width:155px;font-size:12px}.kzs-design #modalFilters label{font-size:9px;white-space:nowrap}.kzs-design #modalFilters #devBtn{margin-left:auto!important}.kzs-design #modalFilters button{padding:8px 10px!important;white-space:nowrap}.kzs-design #starMenu{max-width:calc(100vw - 20px)!important;max-height:65dvh;overflow:auto}.kzs-design #starMenu>div{min-height:40px}
@media(max-width:680px){.kzs-design #modalHdr{padding-right:66px}.kzs-profile-name-row{gap:6px}.kzs-profile-name-actions{flex-wrap:wrap}.kzs-design #modalFilters select{font-size:16px}.kzs-design #modalFilters{padding:10px;overscroll-behavior-x:contain}}

/* v34: calendar dates belong to their game group, never to the viewport. */
body.kzs-design #calWrap .comp-section-hdr{position:static;top:auto}
/* One vertical scroll surface lets the player introduction leave the screen. */
@media(max-width:1100px),(pointer:coarse){
 body.kzs-design #twrap{max-height:none;height:auto}
 body.kzs-design #twrap td{padding:6px 8px}
 body.kzs-design #twrap thead th{padding:9px 8px}
 body.kzs-design #twrap .av,body.kzs-design #twrap .av-fb{width:30px!important;height:30px!important}
}