@import url("https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&display=swap"); :root{--fs-bg:#031333;--fs-card:#071b42;--fs-card2:#0b2450;--fs-border:rgba(255,255,255,.12);--fs-text:#f7f9ff;--fs-muted:#9fb0cf;--fs-red:#e31e24;--fs-blue:#3b82f6;--fs-green:#35d07f;--fs-gold:#d8ad4b;--fs-bad:#ff6974}*{box-sizing:border-box}.fs-page{margin:0;background:linear-gradient(180deg,#02112f,#04183c 44%,#020d25);color:var(--fs-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh}.fs-top{max-width:1240px;margin:auto;padding:28px 22px 0}.fs-back{color:#dbe7ff;text-decoration:none;font-size:13px;font-weight:700}.fs-hero{padding:40px 0 24px}.fs-kicker{color:#67a8ff;font-size:12px;letter-spacing:.12em;font-weight:900}.fs-hero h1{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(42px,5vw,66px);font-weight:800;letter-spacing:-.02em;line-height:.92;margin:10px 0 12px}.fs-hero p{max-width:760px;color:var(--fs-muted);font-size:16px;line-height:1.6;margin:0}.fs-data-note{margin-top:18px;padding:12px 16px;border-left:3px solid var(--fs-blue);background:rgba(59,130,246,.08);font-size:12px;color:#cbd8ef}.fs-tool-nav{display:flex;gap:8px;overflow:auto;padding:14px 0 2px;scrollbar-width:none}.fs-tool-nav::-webkit-scrollbar{display:none}.fs-tool-nav a{white-space:nowrap;padding:10px 13px;border:1px solid var(--fs-border);border-radius:999px;color:#d7e2f6;text-decoration:none;font-size:12px;font-weight:800}.fs-tool-nav a.active{background:var(--fs-red);border-color:var(--fs-red);color:white}.fs-main{max-width:1240px;margin:auto;padding:18px 22px 80px}.fs-setup-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(135deg,#0b2859,#071a3d);border:1px solid rgba(89,153,255,.28);border-radius:16px;padding:15px 18px;margin-bottom:16px}.fs-setup-bar div{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}.fs-setup-bar span{font-size:10px;color:#77a9f7;font-weight:900;letter-spacing:.1em}.fs-setup-bar strong{font-size:16px}.fs-setup-bar small{color:var(--fs-muted)}.fs-setup-bar a,.fs-link{color:white;font-weight:800;font-size:12px}.fs-card{background:rgba(7,27,66,.94);border:1px solid var(--fs-border);border-radius:18px;padding:20px;margin:0 0 16px;box-shadow:0 18px 50px rgba(0,0,0,.13)}.fs-card header h2{margin:0;color:white;font-size:21px}.fs-card header p{margin:6px 0 16px;color:var(--fs-muted);font-size:13px;line-height:1.5}.fs-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.fs-form-grid label,.fs-roto-grid label{font-size:11px;color:#c6d2e8;font-weight:800}.fs-input{display:block;width:100%;margin-top:6px;padding:11px 12px;background:#041435;color:white;border:1px solid rgba(255,255,255,.16);border-radius:10px;outline:none}.fs-input:focus{border-color:#5796ff}.fs-primary,.fs-ghost{border:0;border-radius:10px;padding:11px 16px;font-weight:900;cursor:pointer}.fs-primary{background:var(--fs-red);color:white}.fs-primary.inline{display:inline-block;text-decoration:none;margin-top:14px}.fs-ghost{background:#132951;color:#d9e5fb;border:1px solid var(--fs-border);margin-top:10px}.fs-ghost:disabled{opacity:.4}.fs-note,.fs-insight{padding:14px 16px;background:#071633;border:1px solid var(--fs-border);border-radius:12px;color:#cbd7eb;font-size:13px;line-height:1.6;margin:12px 0}.fs-scoring{margin:12px 0;display:flex;gap:10px;align-items:end;flex-wrap:wrap}.fs-scoring h3,.fs-scoring p{width:100%;margin:0}.fs-scoring p{color:var(--fs-muted);font-size:12px}.fs-scoring label{width:100px;color:#c8d6ee;font-size:11px}.fs-player-picker{position:relative;margin:12px 0}.fs-search-results{position:absolute;z-index:30;top:100%;left:0;right:0;background:#061736;border:1px solid #2e4e7e;border-radius:12px;overflow:hidden;box-shadow:0 18px 30px rgba(0,0,0,.35)}.fs-search-row{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:11px 13px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:white;cursor:pointer}.fs-search-row:hover{background:#0c2858}.fs-search-row span{display:flex;flex-direction:column}.fs-search-row small,.fs-search-row em{font-size:10px;color:var(--fs-muted);font-style:normal;margin-top:2px}.fs-player-pills{display:flex;gap:8px;flex-wrap:wrap}.fs-player-pills button{display:flex;gap:10px;align-items:center;background:#0d2a58;color:white;border:1px solid #24497e;border-radius:11px;padding:8px 10px;cursor:pointer}.fs-player-pills span{display:flex;flex-direction:column;text-align:left;font-weight:800}.fs-player-pills small{font-size:9px;color:#9fb1cf}.fs-empty-mini,.fs-empty{color:var(--fs-muted);padding:12px 0;font-size:13px}.fs-punts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:12px 0}.fs-punts span{font-size:11px;color:#c6d2e8;font-weight:900;margin-right:4px}.fs-punts button{background:#0b214a;color:#c9d6eb;border:1px solid var(--fs-border);border-radius:999px;padding:7px 10px;cursor:pointer}.fs-punts button.active{background:#8a6b20;border-color:var(--fs-gold);color:#fff4cb}.fs-ranked,.fs-table{display:flex;flex-direction:column}.fs-ranked>div,.fs-table>div{display:grid;grid-template-columns:36px minmax(150px,1fr) 150px auto;gap:12px;align-items:center;padding:12px 4px;border-bottom:1px solid rgba(255,255,255,.08)}.fs-ranked .rank{font-size:18px;font-weight:900;color:#6ea9ff}.fs-ranked span,.fs-table div{display:flex;flex-direction:column}.fs-ranked small,.fs-table small{font-size:10px;color:var(--fs-muted);margin-top:3px}.fs-ranked button{background:var(--fs-red);border:0;color:white;border-radius:8px;padding:8px 10px;font-size:11px;font-weight:900;cursor:pointer}.fs-table>div{grid-template-columns:1fr 120px 210px}.fs-cat-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px}.fs-cat-grid.compact{grid-template-columns:repeat(9,1fr)}.fs-cat-grid>div,.fs-delta-grid>div{padding:12px 8px;border-radius:12px;background:#0a234b;border:1px solid var(--fs-border);display:flex;flex-direction:column;text-align:center;gap:4px}.fs-cat-grid span,.fs-delta-grid span{font-size:10px;color:#bed0eb;font-weight:900}.fs-cat-grid strong{font-size:17px}.fs-cat-grid small{font-size:9px;color:var(--fs-muted)}.fs-cat-grid .good{border-color:rgba(53,208,127,.45);background:rgba(53,208,127,.08)}.fs-cat-grid .bad{border-color:rgba(255,105,116,.4);background:rgba(255,105,116,.07)}.fs-cat-grid .punt{border-color:rgba(216,173,75,.5);background:rgba(216,173,75,.1);color:#f6d77d}.fs-big-metric{display:flex;flex-direction:column;gap:4px;padding:16px;background:#0a234b;border-radius:14px}.fs-big-metric strong{font-size:42px}.fs-big-metric span,.fs-big-metric small{color:var(--fs-muted)}.fs-verdict{border-radius:14px;padding:18px;border:1px solid var(--fs-border)}.fs-verdict strong{font-size:27px}.fs-verdict p{color:#d5def0;line-height:1.5}.fs-verdict.good{border-color:rgba(53,208,127,.5);background:rgba(53,208,127,.08)}.fs-verdict.bad{border-color:rgba(255,105,116,.5);background:rgba(255,105,116,.08)}.fs-verdict.mid{border-color:rgba(216,173,75,.5);background:rgba(216,173,75,.08)}.fs-verdict>div{display:flex;gap:20px;color:#cbd7eb}.fs-delta-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:7px;margin-top:10px}.goodtext{color:var(--fs-green)}.badtext{color:var(--fs-bad)}.fs-match-score{display:grid;grid-template-columns:1fr 60px 1fr;align-items:center;text-align:center}.fs-match-score div{padding:18px;background:#0a234b;border-radius:14px;display:flex;flex-direction:column}.fs-match-score strong{font-size:38px}.fs-match-score span{color:var(--fs-muted);font-size:10px;font-weight:900}.fs-match-head{font-size:22px;margin-bottom:12px}.fs-roto-grid{display:grid;grid-template-columns:repeat(9,1fr);gap:8px;margin:12px 0}.fs-roto-grid small{display:block;color:var(--fs-muted);font-size:8px}.fs-loading,.fs-error{padding:50px 20px;text-align:center;color:#bdcbe2}.fs-error strong{color:#ff7882}.fs-footer{max-width:1240px;margin:auto;padding:0 22px 50px;color:#7e91b1;font-size:11px}.fs-footer a{color:#aebed9}@media(max-width:900px){.fs-form-grid{grid-template-columns:1fr 1fr}.fs-cat-grid,.fs-cat-grid.compact,.fs-delta-grid,.fs-roto-grid{grid-template-columns:repeat(3,1fr)}.fs-ranked>div{grid-template-columns:30px 1fr 95px}.fs-ranked button{grid-column:2/4}.fs-table>div{grid-template-columns:1fr 100px}.fs-table>div small{grid-column:1/3}.fs-scoring label{width:calc(33.333% - 8px)}}@media(max-width:600px){.fs-top,.fs-main{padding-left:14px;padding-right:14px}.fs-hero{padding-top:28px}.fs-hero h1{font-size:38px}.fs-form-grid{grid-template-columns:1fr}.fs-setup-bar{align-items:flex-start}.fs-setup-bar div{display:flex;flex-direction:column;gap:2px}.fs-card{padding:15px;border-radius:14px}.fs-cat-grid,.fs-cat-grid.compact,.fs-delta-grid,.fs-roto-grid{grid-template-columns:repeat(3,1fr)}.fs-ranked>div{padding:12px 0}.fs-ranked button{width:100%}.fs-scoring label{width:calc(50% - 5px)}.fs-match-score{grid-template-columns:1fr 30px 1fr}.fs-match-score strong{font-size:28px}.fs-tool-nav{margin-right:-14px;padding-right:14px}} /* Draft Assistant beginner-first flow */ .fs-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:6px}.fs-how-grid>div{display:flex;gap:12px;align-items:flex-start;padding:14px;background:#0a234b;border:1px solid var(--fs-border);border-radius:12px}.fs-how-grid>div>b{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 28px;background:#173b75;color:#fff}.fs-how-grid span{display:flex;flex-direction:column;gap:4px}.fs-how-grid strong{font-size:13px}.fs-how-grid small{font-size:11px;color:var(--fs-muted);line-height:1.45}.fs-strategy{margin-top:8px}.fs-strategy h3{margin:0 0 4px;font-size:15px}.fs-strategy>p{margin:0 0 12px;color:var(--fs-muted);font-size:12px}.fs-strategy-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fs-strategy-options button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:4px;padding:15px;border:1px solid var(--fs-border);border-radius:13px;background:#081d43;color:#fff;cursor:pointer}.fs-strategy-options button.active{border-color:#5796ff;background:rgba(59,130,246,.14);box-shadow:inset 0 0 0 1px rgba(87,150,255,.25)}.fs-strategy-options button strong{font-size:15px}.fs-strategy-options button small{font-size:10px;font-weight:900;color:#79adff;text-transform:uppercase;letter-spacing:.05em}.fs-strategy-options button span{font-size:11px;color:var(--fs-muted);line-height:1.4}.fs-punt-picker{margin-top:12px;padding:14px;border:1px solid rgba(216,173,75,.35);background:rgba(216,173,75,.06);border-radius:12px}.fs-punt-picker>div:first-child{display:flex;flex-direction:column;gap:3px}.fs-punt-picker>div:first-child small{color:var(--fs-muted);font-size:11px}.fs-punt-explain{margin-top:10px;color:#d8e2f3;font-size:11px;line-height:1.5}.fs-advanced{margin-top:14px;border-top:1px solid rgba(255,255,255,.08);padding-top:10px}.fs-advanced summary{cursor:pointer;color:#b8c8e3;font-size:11px;font-weight:800}.fs-advanced label>small{display:block;color:var(--fs-muted);font-size:9px;line-height:1.35;margin-top:5px}.fs-cat-grid.compact strong{font-size:14px}.fs-ranked>div:last-child{border-bottom:0} @media(max-width:700px){.fs-how-grid,.fs-strategy-options{grid-template-columns:1fr}.fs-how-grid>div{padding:12px}.fs-punts{gap:7px}.fs-punts button{min-width:48px}.fs-cat-grid.compact{grid-template-columns:repeat(3,1fr)}} /* Draft Assistant desktop pairing */ .fs-draft-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:stretch} .fs-draft-overview>.fs-card{margin-bottom:16px;height:calc(100% - 0px)} @media(max-width:900px){.fs-draft-overview{grid-template-columns:1fr}} /* Full Lean Edge fantasy footer */ .fantasy-site-footer{width:100%;margin-top:42px;border-top:1px solid rgba(107,133,184,.18);background:#081326} .fantasy-footer-inner{max-width:1280px;margin:0 auto;padding:28px 24px 24px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px} .fantasy-footer-brand{display:flex;flex-direction:column;gap:3px} .fantasy-footer-brand strong{color:#eef3fb;font-size:14px;letter-spacing:.8px} .fantasy-footer-brand span{color:#ef6975;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.8px} .fantasy-footer-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap} .fantasy-footer-links a{color:#a9b5c8;font-size:12px;font-weight:700;text-decoration:none} .fantasy-footer-links a:hover{color:#fff} .fantasy-footer-copy{color:#71819b;font-size:10px;text-align:right} @media(max-width:900px){.fantasy-footer-inner{grid-template-columns:1fr;text-align:center}.fantasy-footer-brand{align-items:center}.fantasy-footer-copy{text-align:center}} /* Draft Assistant: 3 x 3 category contribution dashboard */ .fs-team-cat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} .fs-team-cat-card{min-height:150px;padding:14px;border-radius:13px;background:#0a234b;border:1px solid var(--fs-border);display:flex;flex-direction:column} .fs-team-cat-card.good{border-color:rgba(53,208,127,.82);background:linear-gradient(180deg,rgba(53,208,127,.18),rgba(53,208,127,.08));box-shadow:inset 0 3px 0 rgba(53,208,127,.72)} .fs-team-cat-card.bad{border-color:rgba(255,105,116,.82);background:linear-gradient(180deg,rgba(255,105,116,.18),rgba(255,105,116,.08));box-shadow:inset 0 3px 0 rgba(255,105,116,.75)} .fs-team-cat-card.punt{border-color:rgba(216,173,75,.5);background:rgba(216,173,75,.1)} .fs-team-cat-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px} .fs-team-cat-head span{font-size:11px;color:#bed0eb;font-weight:900} .fs-team-cat-head strong{font-size:14px;color:#fff;text-align:right;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.07)} .fs-team-cat-card.good .fs-team-cat-head strong{color:#77efad;background:rgba(53,208,127,.18)} .fs-team-cat-card.bad .fs-team-cat-head strong{color:#ff9099;background:rgba(255,105,116,.18)} .fs-team-cat-card.punt .fs-team-cat-head strong{color:#f6d77d} .fs-team-cat-note{display:block;margin-top:4px;color:var(--fs-muted);font-size:9px;line-height:1.35} .fs-cat-contributors{margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;gap:5px} .fs-cat-contributors small{font-size:8px;color:#7890b5;font-weight:900;letter-spacing:.07em} .fs-cat-contributors span{font-size:11px;color:#eef4ff;font-weight:800;line-height:1.25} .fs-cat-contributors.empty span{color:var(--fs-muted);font-weight:600} @media(max-width:600px){.fs-team-cat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fs-team-cat-card{min-height:140px}} /* Fantasy Draft Assistant hero */ .fs-draft-hero{position:relative;overflow:hidden;margin-top:18px;padding:34px 38px 30px;border:1px solid rgba(92,151,255,.44);border-radius:22px;background:linear-gradient(112deg,#102c61 0%,#091f49 52%,#071a3d 100%);box-shadow:0 18px 48px rgba(0,0,0,.18)} .fs-draft-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#e33a32 0 48%,#5b8df0 48% 100%)} .fs-draft-hero:after{content:"";position:absolute;right:-70px;top:-150px;width:430px;height:430px;border:1px solid rgba(91,153,255,.14);border-radius:50%;box-shadow:0 0 0 40px rgba(75,133,235,.036),0 0 0 80px rgba(75,133,235,.022);pointer-events:none} .fs-draft-hero-glow{position:absolute;inset:auto auto -110px -30px;width:390px;height:220px;background:radial-gradient(ellipse,rgba(36,105,221,.14),transparent 68%);pointer-events:none} .fs-draft-hero-content{position:relative;z-index:2;max-width:790px} .fs-draft-hero-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap} .fs-draft-hero .fs-kicker{color:#8ab9ff} .fs-live-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid rgba(53,208,127,.34);border-radius:999px;background:rgba(53,208,127,.08);color:#8ce8b6;font-size:9px;font-weight:900;letter-spacing:.1em} .fs-live-pill i{width:6px;height:6px;border-radius:50%;background:#35d07f;box-shadow:0 0 0 3px rgba(53,208,127,.12)} .fs-draft-hero h1{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(48px,5.6vw,74px);font-weight:800;line-height:.9;letter-spacing:-.02em;margin:12px 0 13px;max-width:760px} .fs-draft-hero p{font-size:16px;line-height:1.55;max-width:720px;color:#b9c8e3} .fs-draft-format-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px} .fs-draft-format-row button{appearance:none;padding:7px 13px;border:1px solid rgba(114,164,245,.34);border-radius:999px;background:rgba(4,20,53,.56);color:#dce8fb;font:900 10px/1 'Barlow',sans-serif;letter-spacing:.08em;cursor:pointer;transition:.16s ease} .fs-draft-format-row button:hover{border-color:rgba(126,181,255,.7);background:rgba(36,85,160,.24)} .fs-draft-format-row button.active{border-color:#f05a50;background:linear-gradient(180deg,#ec5046,#d73a33);color:#fff;box-shadow:0 4px 12px rgba(227,55,48,.16)} .fs-draft-hero .fs-data-note{max-width:760px;margin-top:18px;border-left-color:#e33a32;background:rgba(3,15,42,.5);border-radius:0 10px 10px 0} .fs-draft-hero-mark{position:absolute;z-index:1;right:22px;top:50%;transform:translateY(-50%);width:340px;height:340px;display:flex;align-items:center;justify-content:center;user-select:none;pointer-events:none} .fs-draft-hero-mark:before{content:"";position:absolute;inset:7px;border-radius:50%;border:2px solid rgba(84,146,244,.22);box-shadow:inset 0 0 38px rgba(36,96,190,.10)} .fs-mark-logo{display:none!important} .fs-mark-format{position:relative;z-index:2;width:250px;height:150px;display:flex;align-items:center;justify-content:center;color:#f5f7fb;text-transform:uppercase;text-shadow:0 3px 10px rgba(19,55,112,.24)} .fs-mark-format[data-mode="ninecat"]{gap:6px;transform:translateX(4px)} .fs-format-nine{font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Barlow Condensed",sans-serif;font-size:118px;font-weight:900;line-height:.8;letter-spacing:-.055em;transform:scaleX(.86);transform-origin:center;color:#f7f8fb} .fs-format-cat{align-self:flex-start;margin-top:35px;margin-left:-5px;font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Barlow Condensed",sans-serif;font-size:42px;font-weight:900;line-height:.9;letter-spacing:.025em;color:#e7edf8} .fs-format-word{font-family:Impact,Haettenschweiler,"Arial Narrow Bold","Barlow Condensed",sans-serif;font-size:58px;font-weight:900;line-height:.9;letter-spacing:.025em;color:#f3f6fb;transform:scaleX(.92)} .fs-mark-format[data-mode="roto"] .fs-format-word{font-size:72px} @media(max-width:900px){.fs-draft-hero-mark{opacity:.28;right:-18px;width:285px;height:285px}.fs-mark-logo{display:none!important}.fs-mark-format{width:210px;height:130px}.fs-format-nine{font-size:96px}.fs-format-cat{font-size:34px;margin-top:31px}.fs-format-word{font-size:46px}.fs-mark-format[data-mode="roto"] .fs-format-word{font-size:60px}.fs-draft-hero-content{max-width:100%}} @media(max-width:600px){.fs-draft-hero{margin-top:14px;padding:25px 20px 22px;border-radius:17px}.fs-draft-hero h1{font-size:39px;line-height:.98}.fs-draft-hero p{font-size:14px}.fs-draft-hero-mark{right:-48px;width:205px;height:205px;opacity:.22}.fs-mark-logo{display:none!important}.fs-mark-format{width:155px;height:100px}.fs-format-nine{font-size:72px}.fs-format-cat{font-size:25px;margin-top:24px;margin-left:-4px}.fs-format-word{font-size:34px}.fs-mark-format[data-mode="roto"] .fs-format-word{font-size:45px}.fs-draft-format-row{margin-top:15px}.fs-draft-format-row button{padding:6px 10px}.fs-draft-hero .fs-data-note{font-size:11px;padding:10px 12px}} /* Shared Fantasy V1 hero treatment for all tool pages except Draft */ .fs-suite-hero{position:relative;overflow:hidden;margin-top:18px;padding:34px 38px 30px;border:1px solid rgba(92,151,255,.36);border-radius:22px;background:linear-gradient(112deg,#102c61 0%,#091f49 54%,#071a3d 100%);box-shadow:0 18px 48px rgba(0,0,0,.16)} .fs-suite-hero:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#e33a32 0 48%,#5b8df0 48% 100%)} .fs-suite-hero:after{content:"";position:absolute;right:-75px;top:-145px;width:420px;height:420px;border:1px solid rgba(91,153,255,.12);border-radius:50%;box-shadow:0 0 0 38px rgba(75,133,235,.03),0 0 0 78px rgba(75,133,235,.018);pointer-events:none} .fs-suite-hero-content{position:relative;z-index:2;max-width:790px} .fs-suite-hero .fs-kicker{color:#8ab9ff} .fs-suite-hero h1{font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:clamp(48px,5.4vw,72px);font-weight:800;line-height:.9;letter-spacing:-.02em;margin:12px 0 13px;max-width:790px} .fs-suite-hero p{font-size:16px;line-height:1.55;max-width:730px;color:#b9c8e3} .fs-suite-hero .fs-data-note{max-width:760px;margin-top:18px;border-left-color:#e33a32;background:rgba(3,15,42,.5);border-radius:0 10px 10px 0} .fs-suite-hero-mark{position:absolute;z-index:1;right:28px;top:50%;transform:translateY(-50%);width:315px;height:315px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid rgba(84,146,244,.18);box-shadow:inset 0 0 34px rgba(36,96,190,.08);pointer-events:none;user-select:none} .fs-suite-hero-mark span{display:block;max-width:245px;text-align:center;color:rgba(239,246,255,.88);font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:48px;font-weight:900;line-height:.88;letter-spacing:.015em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.22)} .fs-suite-hero-mark.small span{font-size:41px} .fs-suite-hero-mark.tiny span{font-size:36px} @media(max-width:900px){.fs-suite-hero-mark{opacity:.22;right:-24px;width:270px;height:270px}.fs-suite-hero-content{max-width:100%}} @media(max-width:600px){.fs-suite-hero{margin-top:14px;padding:25px 20px 22px;border-radius:17px}.fs-suite-hero h1{font-size:39px;line-height:.98}.fs-suite-hero p{font-size:14px}.fs-suite-hero-mark{right:-52px;width:205px;height:205px;opacity:.16}.fs-suite-hero-mark span{font-size:34px;max-width:150px}.fs-suite-hero .fs-data-note{font-size:11px;padding:10px 12px}} /* Fantasy Trade Analyser: Free verdict + Pro personalised impact */ .fs-trade-actions{display:flex;justify-content:flex-end;gap:8px;margin:0 0 12px} .fs-secondary{appearance:none;border:1px solid rgba(120,157,219,.34);background:#0a234b;color:#dce7f8;border-radius:10px;padding:9px 13px;font-weight:800;cursor:pointer} .fs-secondary:hover{background:#102f63;border-color:rgba(125,174,255,.55)} .fs-secondary:disabled{opacity:.4;cursor:default} .fs-trade-player-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px} .fs-trade-player-card{position:relative;padding:15px;border:1px solid rgba(102,145,215,.34);border-radius:13px;background:linear-gradient(180deg,#102956,#0b2149)} .fs-trade-remove{position:absolute;right:10px;top:9px;width:28px;height:28px;border:0;border-radius:50%;background:rgba(255,255,255,.07);color:#dce7f8;font-size:18px;cursor:pointer} .fs-trade-remove:hover{background:rgba(255,100,112,.18);color:#ff9ba4} .fs-trade-player-head{display:flex;justify-content:space-between;gap:18px;padding-right:30px} .fs-trade-player-head>div{min-width:0} .fs-trade-player-head strong{display:block;color:#f7f9fd;font-size:15px;line-height:1.15} .fs-trade-player-head small{display:block;color:#91a6c7;font-size:10px;margin-top:3px} .fs-trade-player-head>b{font-size:22px;color:#fff;text-align:right;white-space:nowrap} .fs-trade-player-head>b small{font-size:8px;letter-spacing:.08em;color:#8fa8cf} .fs-trade-stat-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px;margin-top:12px} .fs-trade-stat-row span{padding:7px 4px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(0,0,0,.08);text-align:center} .fs-trade-stat-row small{display:block;font-size:8px;color:#7f97bb;font-weight:900;letter-spacing:.04em} .fs-trade-stat-row b{display:block;margin-top:2px;font-size:12px;color:#edf3fd} .fs-trade-player-meta{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:10px;padding-top:9px;border-top:1px solid rgba(255,255,255,.07);font-size:9px;color:#8fa4c4} .fs-trade-player-meta em{font-style:normal;color:#f2c96e;font-weight:800} .fs-trade-verdict-card{overflow:hidden} .fs-trade-verdict{display:grid;grid-template-columns:1fr minmax(240px,.75fr);gap:14px;padding:18px;border-radius:14px;border:1px solid rgba(112,151,211,.35);background:#0e274f} .fs-trade-verdict.good{border-color:rgba(53,208,127,.64);background:linear-gradient(135deg,rgba(53,208,127,.12),#0d274d 58%)} .fs-trade-verdict.bad{border-color:rgba(255,105,116,.62);background:linear-gradient(135deg,rgba(255,105,116,.12),#0d274d 58%)} .fs-trade-verdict.mid{border-color:rgba(230,186,88,.55);background:linear-gradient(135deg,rgba(230,186,88,.1),#0d274d 58%)} .fs-trade-verdict-main span,.fs-trade-balance small{display:block;color:#8da6cb;font-size:9px;font-weight:900;letter-spacing:.1em} .fs-trade-verdict-main strong{display:block;margin-top:4px;font-family:"Barlow Condensed","Arial Narrow",sans-serif;font-size:46px;line-height:.92;color:#fff} .fs-trade-verdict.good .fs-trade-verdict-main strong{color:#7defb1} .fs-trade-verdict.bad .fs-trade-verdict-main strong{color:#ff9099} .fs-trade-verdict.mid .fs-trade-verdict-main strong{color:#f5d67d} .fs-trade-verdict-main>b{display:block;margin-top:9px;color:#dbe8fb;font-size:14px} .fs-trade-balance{align-self:center;padding:13px 14px;border-radius:11px;background:rgba(2,14,39,.32);border:1px solid rgba(255,255,255,.06)} .fs-trade-balance>strong{display:block;margin-top:4px;color:#edf4ff;font-size:15px} .fs-balance-track{position:relative;height:7px;margin-top:12px;border-radius:999px;background:linear-gradient(90deg,rgba(255,105,116,.62),rgba(230,186,88,.55) 50%,rgba(53,208,127,.62));overflow:visible} .fs-balance-track:after{content:"";position:absolute;left:50%;top:-3px;width:1px;height:13px;background:rgba(255,255,255,.35)} .fs-balance-track i{position:absolute;left:var(--trade-pos);top:50%;width:14px;height:14px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:#0b2149;box-shadow:0 2px 7px rgba(0,0,0,.28)} .fs-trade-side-summary{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:12px} .fs-trade-side-summary>div{padding:12px 14px;border:1px solid rgba(103,144,208,.22);border-radius:11px;background:rgba(8,30,67,.72)} .fs-trade-side-summary span{display:block;font-size:8px;letter-spacing:.09em;color:#7f97bb;font-weight:900} .fs-trade-side-summary strong{display:block;margin-top:3px;color:#edf4ff;font-size:16px} .fs-trade-side-summary>b{color:#7993bb;font-size:19px} .fs-trade-context,.fs-trade-warning{margin-top:10px;padding:10px 12px;border-radius:10px;background:rgba(75,125,204,.09);border:1px solid rgba(91,145,227,.18);color:#aebfda;font-size:10px} .fs-trade-warning{display:flex;flex-direction:column;gap:3px;background:rgba(219,171,68,.08);border-color:rgba(219,171,68,.24)} .fs-trade-warning b{color:#f3d477} .fs-pro-trade-card{border-color:rgba(216,173,75,.42)!important;background:linear-gradient(180deg,rgba(216,173,75,.045),rgba(13,34,74,.88))!important} .fs-pro-card-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px} .fs-pro-badge{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:22px;padding:0 8px;border-radius:999px;background:linear-gradient(180deg,#f3d57d,#c99b31);color:#17213a;font-size:9px;font-weight:1000;letter-spacing:.08em} .fs-pro-card-head h2{margin:0;color:#fff;font-size:20px} .fs-pro-card-head p{margin:3px 0 0;color:#91a4c2;font-size:11px} .fs-pro-trade-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:10px} .fs-pro-analysis-block{padding:13px;border:1px solid rgba(216,173,75,.18);border-radius:11px;background:rgba(8,27,61,.72)} .fs-pro-analysis-block h3,.fs-trade-category-impact h3{margin:0 0 7px;color:#f1f5fb;font-size:12px} .fs-pro-analysis-block p{margin:0;color:#b9c8dd;font-size:11px;line-height:1.5} .fs-trade-chip-row{display:flex;gap:6px;flex-wrap:wrap} .fs-trade-chip-row span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.05);font-size:9px;font-weight:900} .fs-trade-chip-row.good span{color:#77efad;border:1px solid rgba(53,208,127,.24)} .fs-trade-chip-row.bad span{color:#ff969f;border:1px solid rgba(255,105,116,.24)} .fs-trade-none{color:#8ba0c0!important;border-color:rgba(255,255,255,.08)!important} .fs-roster-impact{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:10px} .fs-roster-impact>div{padding:13px;border-radius:11px;background:#0a234b;border:1px solid rgba(216,173,75,.15)} .fs-roster-impact span{display:block;color:#8299bb;font-size:8px;font-weight:900;letter-spacing:.08em} .fs-roster-impact strong{display:block;margin-top:3px;color:#fff;font-size:22px} .fs-roster-impact small{display:block;margin-top:2px;color:#9fb0ca;font-size:9px} .fs-roster-impact>b{color:#d9b75c;font-size:18px} .fs-trade-category-impact{margin-top:10px;padding:13px;border:1px solid rgba(216,173,75,.15);border-radius:11px;background:rgba(8,27,61,.72)} .fs-trade-category-impact .fs-delta-grid>div{min-height:74px} .fs-trade-category-impact .fs-delta-grid small{display:block;margin-top:3px;color:#8299bb;font-size:8px} .fs-trade-category-impact .fs-delta-grid .punt{border-color:rgba(216,173,75,.35);background:rgba(216,173,75,.08)} .fs-trade-bottom-line{margin-top:10px;padding:13px 14px;border-left:3px solid #d9b75c;border-radius:0 10px 10px 0;background:rgba(216,173,75,.08)} .fs-trade-bottom-line b{font-size:8px;letter-spacing:.1em;color:#e5c975} .fs-trade-bottom-line p{margin:5px 0 0;color:#d9e2f0;font-size:11px;line-height:1.5} @media(max-width:850px){.fs-trade-player-grid{grid-template-columns:1fr}.fs-pro-trade-grid{grid-template-columns:1fr}.fs-trade-verdict{grid-template-columns:1fr}.fs-trade-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}} @media(max-width:560px){.fs-trade-actions{justify-content:stretch}.fs-trade-actions button{flex:1}.fs-trade-verdict-main strong{font-size:38px}.fs-trade-side-summary,.fs-roster-impact{grid-template-columns:1fr}.fs-trade-side-summary>b,.fs-roster-impact>b{transform:rotate(90deg);justify-self:center}.fs-trade-player-head{flex-direction:column;gap:5px}.fs-trade-player-head>b{text-align:left}.fs-trade-player-meta{flex-direction:column}.fs-trade-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}} /* Trade Analyser readability pass: larger type throughout this page only */ .fs-page[data-fantasy-tool="trade"] .fs-setup-bar span{font-size:12px} .fs-page[data-fantasy-tool="trade"] .fs-setup-bar strong{font-size:18px} .fs-page[data-fantasy-tool="trade"] .fs-setup-bar small{font-size:14px} .fs-page[data-fantasy-tool="trade"] .fs-setup-bar a{font-size:14px} .fs-page[data-fantasy-tool="trade"] .fs-card header h2{font-size:25px} .fs-page[data-fantasy-tool="trade"] .fs-card header p{font-size:15px;line-height:1.6} .fs-page[data-fantasy-tool="trade"] .fs-input{font-size:15px;padding:13px 14px} .fs-page[data-fantasy-tool="trade"] .fs-secondary{font-size:14px;padding:10px 15px} .fs-page[data-fantasy-tool="trade"] .fs-search-row{font-size:15px;padding:13px 14px} .fs-page[data-fantasy-tool="trade"] .fs-search-row small,.fs-page[data-fantasy-tool="trade"] .fs-search-row em{font-size:12px} .fs-page[data-fantasy-tool="trade"] .fs-empty-mini,.fs-page[data-fantasy-tool="trade"] .fs-empty{font-size:15px} .fs-page[data-fantasy-tool="trade"] .fs-trade-player-head strong{font-size:18px} .fs-page[data-fantasy-tool="trade"] .fs-trade-player-head small{font-size:12px} .fs-page[data-fantasy-tool="trade"] .fs-trade-player-head>b{font-size:26px} .fs-page[data-fantasy-tool="trade"] .fs-trade-player-head>b small{font-size:10px} .fs-page[data-fantasy-tool="trade"] .fs-trade-stat-row small{font-size:10px} .fs-page[data-fantasy-tool="trade"] .fs-trade-stat-row b{font-size:14px} .fs-page[data-fantasy-tool="trade"] .fs-trade-player-meta{font-size:11px} .fs-page[data-fantasy-tool="trade"] .fs-trade-verdict-main span,.fs-page[data-fantasy-tool="trade"] .fs-trade-balance small{font-size:11px} .fs-page[data-fantasy-tool="trade"] .fs-trade-verdict-main strong{font-size:52px} .fs-page[data-fantasy-tool="trade"] .fs-trade-verdict-main>b{font-size:17px;line-height:1.45} .fs-page[data-fantasy-tool="trade"] .fs-trade-balance>strong{font-size:18px} .fs-page[data-fantasy-tool="trade"] .fs-trade-side-summary span{font-size:10px} .fs-page[data-fantasy-tool="trade"] .fs-trade-side-summary strong{font-size:19px} .fs-page[data-fantasy-tool="trade"] .fs-trade-side-summary>b{font-size:22px} .fs-page[data-fantasy-tool="trade"] .fs-trade-context,.fs-page[data-fantasy-tool="trade"] .fs-trade-warning{font-size:13px;line-height:1.5} .fs-page[data-fantasy-tool="trade"] .fs-pro-badge{font-size:11px;min-width:44px;height:25px} .fs-page[data-fantasy-tool="trade"] .fs-pro-card-head h2{font-size:24px} .fs-page[data-fantasy-tool="trade"] .fs-pro-card-head p{font-size:14px;line-height:1.5} .fs-page[data-fantasy-tool="trade"] .fs-pro-analysis-block h3,.fs-page[data-fantasy-tool="trade"] .fs-trade-category-impact h3{font-size:15px} .fs-page[data-fantasy-tool="trade"] .fs-pro-analysis-block p{font-size:14px;line-height:1.6} .fs-page[data-fantasy-tool="trade"] .fs-trade-chip-row span{font-size:11px;padding:6px 10px} .fs-page[data-fantasy-tool="trade"] .fs-roster-impact span{font-size:10px} .fs-page[data-fantasy-tool="trade"] .fs-roster-impact strong{font-size:26px} .fs-page[data-fantasy-tool="trade"] .fs-roster-impact small{font-size:11px} .fs-page[data-fantasy-tool="trade"] .fs-roster-impact>b{font-size:21px} .fs-page[data-fantasy-tool="trade"] .fs-trade-category-impact .fs-delta-grid span{font-size:12px} .fs-page[data-fantasy-tool="trade"] .fs-trade-category-impact .fs-delta-grid strong{font-size:19px} .fs-page[data-fantasy-tool="trade"] .fs-trade-category-impact .fs-delta-grid small{font-size:10px} .fs-page[data-fantasy-tool="trade"] .fs-trade-bottom-line b{font-size:10px} .fs-page[data-fantasy-tool="trade"] .fs-trade-bottom-line p{font-size:14px;line-height:1.6} @media(max-width:560px){.fs-page[data-fantasy-tool="trade"] .fs-trade-verdict-main strong{font-size:44px}.fs-page[data-fantasy-tool="trade"] .fs-card header h2{font-size:23px}} /* Draft Assistant: pick-history actions */ .fs-draft-pick-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px} .fs-draft-pick-actions .fs-ghost{margin-top:0} .fs-draft-pick-actions .fs-clear-draft{color:#ffd7da;border-color:rgba(255,105,116,.42);background:rgba(255,105,116,.08)} .fs-draft-pick-actions .fs-clear-draft:not(:disabled):hover{background:rgba(255,105,116,.16);border-color:rgba(255,105,116,.7)} @media(max-width:600px){.fs-draft-pick-actions{align-items:stretch}.fs-draft-pick-actions .fs-ghost{flex:1 1 140px}} /* Draft Assistant: Points "Your team so far" */ .fs-points-team-empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;padding:24px;border:1px dashed rgba(255,255,255,.13);border-radius:14px;color:var(--fs-muted)} .fs-points-team-empty b{color:#fff;font-size:16px}.fs-points-team-empty span{max-width:420px;font-size:12px;line-height:1.5} .fs-points-team-summary{display:flex;flex-direction:column;gap:14px} .fs-points-team-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px} .fs-points-team-metrics>div{padding:13px 12px;border:1px solid rgba(89,153,255,.22);border-radius:12px;background:#091f48;display:flex;flex-direction:column;gap:3px} .fs-points-team-metrics span,.fs-points-draft-read span{font-size:9px;font-weight:900;letter-spacing:.08em;color:#78aaff} .fs-points-team-metrics strong{font-size:24px;line-height:1.05;color:#fff}.fs-points-team-metrics small{font-size:9px;color:var(--fs-muted)} .fs-points-team-block{padding-top:2px}.fs-points-team-block h3{margin:0 0 8px;font-size:13px;color:#fff} .fs-points-top{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.09);border-radius:12px;overflow:hidden} .fs-points-top>div{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:8px;align-items:center;padding:9px 11px;background:#081b3e;border-bottom:1px solid rgba(255,255,255,.07)} .fs-points-top>div:last-child{border-bottom:0}.fs-points-top span{font-size:11px;font-weight:900;color:#6ea9ff}.fs-points-top b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fs-points-top strong{font-size:12px;color:#fff} .fs-position-coverage{display:grid;grid-template-columns:repeat(3,1fr);gap:8px} .fs-position-coverage>div{padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:#081b3e;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px} .fs-position-coverage span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#15386f;color:#fff;font-size:11px;font-weight:900;grid-row:1/3} .fs-position-coverage strong{font-size:17px}.fs-position-coverage small{font-size:8px;color:var(--fs-muted)} .fs-points-draft-read{padding:12px 13px;border:1px solid rgba(53,208,127,.24);border-radius:12px;background:rgba(53,208,127,.055)} .fs-points-draft-read>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.fs-points-draft-read strong{font-size:14px;color:#fff} .fs-points-draft-read p{margin:7px 0 0;color:#cbd7eb;font-size:11px;line-height:1.45} @media(max-width:600px){.fs-points-team-metrics{grid-template-columns:1fr}.fs-points-team-metrics>div{display:grid;grid-template-columns:1fr auto;align-items:center}.fs-points-team-metrics span,.fs-points-team-metrics small{grid-column:1}.fs-points-team-metrics strong{grid-column:2;grid-row:1/3}.fs-position-coverage{grid-template-columns:repeat(3,1fr)}.fs-position-coverage small{display:none}} /* Draft Assistant: full available-player pool */ .fs-top25-label{margin:2px 0 10px;color:#79aaff;font-size:10px;font-weight:900;letter-spacing:.1em} .fs-all-players-wrap{padding:18px 0 2px;text-align:center} .fs-view-all{min-width:260px;border:1px solid #3e68a8;background:#102a58;color:#fff;border-radius:11px;padding:12px 18px;font:800 13px inherit;cursor:pointer} .fs-view-all:hover,.fs-view-all.open{background:#17386f}.fs-view-all span{display:inline-grid;place-items:center;min-width:25px;height:20px;margin-left:7px;padding:0 6px;border-radius:999px;background:#23477f;color:#bcd3ff;font-size:10px} .fs-all-player-tools{margin-top:16px;text-align:left;border-top:1px solid rgba(255,255,255,.09);padding-top:16px} .fs-all-player-filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 180px;gap:10px;margin-bottom:8px} .fs-all-player-filters label{display:flex;flex-direction:column;gap:5px;color:#9db7df;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .fs-all-player-count{margin:8px 0 10px;color:#8fa9d0;font-size:11px} .fs-all-ranked{max-height:720px;overflow:auto;padding-right:3px} @media(max-width:700px){.fs-all-player-filters{grid-template-columns:1fr}.fs-view-all{width:100%;min-width:0}.fs-all-ranked{max-height:none}} /* Fantasy Draft Assistant: consistent select chevrons */ .fs-all-player-filters select.fs-input{ -webkit-appearance:none; appearance:none; background-image: linear-gradient(45deg,transparent 50%,#9fc2ff 50%), linear-gradient(135deg,#9fc2ff 50%,transparent 50%); background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; padding-right:38px; } .fs-all-player-filters select.fs-input::-ms-expand{display:none} /* Draft Assistant: Advanced settings select chevron */ .fs-advanced select.fs-input{ -webkit-appearance:none; appearance:none; background-image: linear-gradient(45deg,transparent 50%,#9fc2ff 50%), linear-gradient(135deg,#9fc2ff 50%,transparent 50%); background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; padding-right:38px; } .fs-advanced select.fs-input::-ms-expand{display:none} /* My Fantasy Team: consistent League setup select chevrons */ .fs-page[data-fantasy-tool="myteam"] .fs-form-grid select.fs-input{ -webkit-appearance:none; appearance:none; background-image: linear-gradient(45deg,transparent 50%,#9fc2ff 50%), linear-gradient(135deg,#9fc2ff 50%,transparent 50%); background-position: calc(100% - 17px) 50%, calc(100% - 12px) 50%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; padding-right:38px; } .fs-page[data-fantasy-tool="myteam"] .fs-form-grid select.fs-input::-ms-expand{display:none} /* Draft Assistant: live sticky Draft Tracker */ .fs-draft-tracker{ position:sticky; top:10px; z-index:60; width:min(100% - 24px,1276px); margin:0 auto 12px; min-height:54px; display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:14px; padding:8px 10px 8px 14px; border:1px solid rgba(100,155,244,.45); border-radius:14px; background:rgba(7,24,56,.96); box-shadow:0 12px 32px rgba(0,0,0,.26); backdrop-filter:blur(12px); } .fs-draft-tracker-title{display:flex;align-items:center;gap:8px;white-space:nowrap} .fs-draft-tracker-title span{font-size:10px;font-weight:900;letter-spacing:.1em;color:#8db7ff} .fs-draft-tracker-title strong{display:grid;place-items:center;min-width:27px;height:27px;padding:0 7px;border-radius:999px;background:#1f4a86;color:#fff;font-size:12px} .fs-draft-tracker-players{display:flex;align-items:center;gap:5px;min-width:0;flex-wrap:wrap;max-height:66px;overflow-y:auto;scrollbar-width:thin} .fs-draft-tracker-players>span{flex:0 0 auto;max-width:175px;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#102a58;color:#fff;font-size:10px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .fs-draft-tracker-actions{display:flex;gap:7px} .fs-draft-tracker-actions button{border:1px solid #3b639d;border-radius:9px;background:#102a58;color:#fff;padding:8px 11px;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap} .fs-draft-tracker-actions button:hover{background:#193b72} #draft-roster-detail{scroll-margin-top:78px} /* Preserve a comfortable working board while the full player pool stays open */ .fs-all-player-tools:not([hidden]){display:block} .fs-all-ranked{scrollbar-gutter:stable} @media(max-width:760px){ .fs-draft-tracker{width:calc(100% - 16px);top:6px;grid-template-columns:auto 1fr;padding:8px 9px} .fs-draft-tracker-players{grid-column:1 / -1;grid-row:2;order:3} .fs-draft-tracker-actions{justify-self:end} .fs-draft-tracker-players>span{max-width:120px} } @media(max-width:430px){ .fs-draft-tracker-actions button{padding:7px 9px} .fs-draft-tracker-players{max-height:86px} .fs-draft-tracker-players>span{max-width:145px} } /* Waiver Wire: full available-player pool */ .fs-waiver-all-wrap{padding:18px 0 2px;text-align:center} .fs-waiver-all-tools{margin-top:16px;text-align:left;border-top:1px solid rgba(255,255,255,.09);padding-top:16px} .fs-waiver-all-tools:not([hidden]){display:block} .fs-waiver-all-tools select.fs-input{ -webkit-appearance:none; appearance:none; background-image: linear-gradient(45deg,transparent 50%,#9fc2ff 50%), linear-gradient(135deg,#9fc2ff 50%,transparent 50%); background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%; background-size:5px 5px,5px 5px; background-repeat:no-repeat; padding-right:38px; } .fs-waiver-all-tools select.fs-input::-ms-expand{display:none} /* Waiver Wire Assistant: recommendation UX */ .fs-waiver-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px} .fs-waiver-mode-tabs button{border:1px solid #334d7b;background:#0d2148;color:#c9d8ee;border-radius:10px;padding:10px 13px;font-weight:900;cursor:pointer} .fs-waiver-mode-tabs button.active{background:#18396f;border-color:#6e9ef0;color:#fff;box-shadow:inset 0 -2px 0 #e64536} .fs-mini-pro{display:inline-flex;margin-left:5px;padding:2px 5px;border-radius:999px;background:#d7ad4d;color:#17213a;font-size:8px;font-weight:1000;vertical-align:1px} .fs-waiver-view-note{color:#9fb3d3;font-size:13px;line-height:1.5;margin:0 0 13px} .fs-waiver-ranked .fs-waiver-row{display:grid;grid-template-columns:42px minmax(0,1fr) minmax(220px,auto);align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.08)} .fs-waiver-player{display:flex;flex-direction:column;min-width:0} .fs-waiver-player b{font-size:16px;color:#fff} .fs-waiver-player small{font-size:11px;color:#91a8cc;margin-top:2px} .fs-waiver-player em{font-style:normal;font-size:11px;color:#a9c3ea;margin-top:4px} .fs-waiver-grade{display:flex;flex-direction:column;align-items:flex-start;min-width:220px} .fs-waiver-grade strong{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;letter-spacing:.01em} .fs-waiver-grade strong.elite,.fs-waiver-grade strong.good{background:rgba(52,166,111,.14);border:1px solid rgba(76,196,132,.45);color:#8ee0b4} .fs-waiver-grade strong.mid{background:rgba(92,139,213,.14);border:1px solid rgba(105,157,238,.4);color:#a9c9ff} .fs-waiver-grade strong.low{background:rgba(203,151,58,.12);border:1px solid rgba(218,173,75,.35);color:#e7c978} .fs-waiver-grade small{margin-top:5px;color:#8fa6c8;font-size:10px} .fs-pro-waiver-card{border-color:rgba(216,173,75,.42)!important;background:linear-gradient(180deg,rgba(216,173,75,.05),rgba(13,34,74,.9))!important} .fs-waiver-swap{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;margin-top:12px} .fs-waiver-swap>div:not(.fs-waiver-swap-arrow){padding:14px;border:1px solid #35517e;border-radius:12px;background:#0c2149;display:flex;flex-direction:column} .fs-waiver-swap small{font-size:9px;font-weight:1000;letter-spacing:.12em;color:#7fa9ed} .fs-waiver-swap strong{font-size:18px;color:#fff;margin-top:3px} .fs-waiver-swap span{font-size:11px;color:#9fb3d3;margin-top:3px} .fs-waiver-swap.good>div:first-child{border-color:rgba(76,196,132,.5)} .fs-waiver-swap-arrow{font-size:24px;color:#d7ad4d;font-weight:900} .fs-waiver-swap-reason{margin:12px 0 0;color:#bdcbe0;line-height:1.55;font-size:13px} @media(max-width:700px){ .fs-waiver-ranked .fs-waiver-row{grid-template-columns:32px 1fr} .fs-waiver-grade{grid-column:2;min-width:0} .fs-waiver-swap{grid-template-columns:1fr} .fs-waiver-swap-arrow{transform:rotate(90deg);text-align:center} .fs-waiver-mode-tabs{display:grid;grid-template-columns:1fr 1fr} } /* Waiver Wire: keep Top 30 recommendation label on one line */ .fs-waiver-ranked .fs-top25-label{ display:block; width:auto; max-width:none; white-space:nowrap; word-break:normal; overflow-wrap:normal; } /* Start / Sit: explainable recommendation */ .fs-ss-verdict{border:1px solid rgba(76,196,132,.48);background:linear-gradient(135deg,rgba(49,145,101,.11),rgba(27,55,94,.78));border-radius:14px;padding:18px 20px} .fs-ss-kicker{font-size:10px;font-weight:1000;letter-spacing:.12em;color:#8ee0b4;margin-bottom:5px} .fs-ss-verdict>strong{display:block;font-size:28px;line-height:1.1;color:#fff} .fs-ss-verdict>p{margin:10px 0 0;color:#c6d5e9;line-height:1.55} .fs-ss-free-reason{margin-top:14px;padding:18px;border:1px solid #304b78;border-radius:14px;background:#0f234a} .fs-ss-free-reason h3{margin:0 0 13px;color:#fff;font-size:19px} .fs-ss-reason-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px} .fs-ss-reason-grid>div{padding:13px;border:1px solid rgba(117,151,205,.25);border-radius:11px;background:rgba(7,24,54,.5);display:flex;flex-direction:column;min-width:0} .fs-ss-reason-grid small{font-size:9px;font-weight:1000;letter-spacing:.1em;color:#7fa9ed} .fs-ss-reason-grid b{font-size:15px;color:#fff;margin-top:5px;overflow-wrap:anywhere} .fs-ss-reason-grid span{font-size:11px;color:#98adca;margin-top:5px;line-height:1.4} .fs-ss-bottomline{margin:14px 0 0;color:#c4d3e7;line-height:1.55} .fs-ss-pro{margin-top:14px;padding:16px;border:1px solid rgba(216,173,75,.4);border-radius:14px;background:linear-gradient(180deg,rgba(216,173,75,.055),rgba(13,34,74,.75))} .fs-ss-pro .fs-pro-card-head{display:flex;gap:10px;align-items:flex-start} .fs-ss-pro h3{margin:0;color:#fff;font-size:17px} .fs-ss-pro p{margin:4px 0 0;color:#aebed4;font-size:12px;line-height:1.5} .fs-ss-pro-line{display:flex;justify-content:space-between;gap:14px;border-top:1px solid rgba(255,255,255,.08);margin-top:12px;padding-top:12px;color:#9fb3d3;font-size:12px} .fs-ss-pro-line strong{color:#e4c26f;text-align:right} .fs-ss-method{margin-top:14px;border:1px solid #2e4770;border-radius:12px;background:#0b1e42;overflow:hidden} .fs-ss-method summary{cursor:pointer;padding:13px 15px;color:#c8d8ef;font-weight:900} .fs-ss-method>p,.fs-ss-method>small{display:block;margin:0;padding:0 15px 14px;color:#9fb3d3;line-height:1.55;font-size:12px} .fs-ss-math{display:grid;grid-template-columns:1fr auto;gap:7px 15px;margin:0 15px 10px;padding:12px;border-radius:9px;background:rgba(255,255,255,.035);font-size:11px;color:#9fb3d3} .fs-ss-math b{color:#fff} @media(max-width:700px){ .fs-ss-reason-grid{grid-template-columns:1fr} .fs-ss-verdict>strong{font-size:23px} .fs-ss-pro-line{flex-direction:column} .fs-ss-pro-line strong{text-align:left} } /* Draft tracker: Clear all between Undo and View roster */ .fs-draft-tracker-actions .fs-tracker-clear{ border-color:rgba(224,74,68,.58); color:#ffd7d4; background:rgba(125,35,43,.30); } .fs-draft-tracker-actions .fs-tracker-clear:hover{ background:rgba(155,42,49,.48); border-color:rgba(234,91,84,.78); } @media(max-width:430px){ .fs-draft-tracker-actions{gap:5px} .fs-draft-tracker-actions button{padding:7px 8px;font-size:10px} } /* Draft board filters: sit above the ranking, never between #25 and #26 */ .fs-draft-board-filters{margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid rgba(255,255,255,.09)} .fs-rest-player-tools{margin-top:0!important;border-top:0!important;padding-top:10px!important} .fs-all-players-wrap .fs-view-all{margin-bottom:10px} /* Draft Assistant mobile: move the actual background format circle upward */ @media (max-width: 600px){ .fs-draft-hero .fs-draft-hero-mark{ top: 34% !important; right: -48px !important; transform: translateY(-50%) !important; } } /* Shared Fantasy tool heroes: mobile watermark cleanup Keep the decorative circle, remove the large background word so it never competes with titles, subtitles or the data note on small screens. */ @media (max-width: 600px){ .fs-suite-hero-mark{ right:-36px !important; top:50% !important; width:170px !important; height:170px !important; opacity:.11 !important; } .fs-suite-hero-mark span{ display:none !important; } } /* Shared Fantasy tool heroes: desktop identifier wording pure white */ @media (min-width: 601px){ .fs-suite-hero-mark span{ color:#fff !important; opacity:1 !important; } } /* Fantasy pages: keep shared site navbar typography consistent */ .fs-page{ font-family:'Barlow',sans-serif; } /* Draft Assistant desktop hero: prevent the format mark colliding with the title */ @media (min-width: 901px){ .fs-draft-hero-content{ max-width:68%; } .fs-draft-hero h1{ max-width:100%; font-size:clamp(48px,4.7vw,68px); } .fs-draft-hero-mark{ right:10px; width:285px; height:285px; opacity:.34; } .fs-mark-format{ width:190px; height:120px; } .fs-format-nine{ font-size:82px; } .fs-format-cat{ font-size:29px; margin-top:27px; } .fs-format-word{ font-size:40px; } .fs-mark-format[data-mode="roto"] .fs-format-word{ font-size:52px; } } /* Fantasy desktop: top section matches the full content width below */ @media (min-width: 901px){ .fs-page .fs-top{ width:100%!important; max-width:1240px!important; } .fs-page .fs-draft-hero, .fs-page .fs-suite-hero{ width:100%!important; max-width:none!important; } } /* Draft Assistant mobile: fit hero cleanly inside viewport + add spacing before rankings */ @media (max-width: 700px){ .fs-page[data-fantasy-tool="draft"] .fs-top, .fs-page[data-fantasy-tool="draft"] .fs-draft-hero, .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-wrap{ width:calc(100% - 24px)!important; max-width:calc(100% - 24px)!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-hero{ overflow:hidden!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-content{ width:100%!important; max-width:100%!important; min-width:0!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-hero h1, .fs-page[data-fantasy-tool="draft"] .fs-draft-hero p{ max-width:100%!important; overflow-wrap:anywhere; } .fs-page[data-fantasy-tool="draft"] .fs-draft-overview{ margin-bottom:18px!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-overview + .fs-card, .fs-page[data-fantasy-tool="draft"] #draft-roster-detail + .fs-card{ margin-top:18px!important; } } /* Draft Assistant mobile: correct the actual hero overflow without narrowing the page */ @media (max-width: 700px){ .fs-page[data-fantasy-tool="draft"] .fs-top, .fs-page[data-fantasy-tool="draft"] .fs-draft-hero, .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-wrap{ width:100%!important; max-width:100%!important; margin-left:0!important; margin-right:0!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-hero{ box-sizing:border-box!important; overflow:hidden!important; padding-left:36px!important; padding-right:24px!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-content{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-hero h1{ max-width:100%!important; width:auto!important; font-size:clamp(42px,11vw,62px)!important; line-height:.98!important; overflow-wrap:break-word!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-subtitle, .fs-page[data-fantasy-tool="draft"] .fs-draft-hero p{ max-width:100%!important; width:auto!important; overflow-wrap:break-word!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-modes{ max-width:100%!important; flex-wrap:wrap!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-overview{ margin-bottom:18px!important; } .fs-page[data-fantasy-tool="draft"] .fs-draft-overview + .fs-card, .fs-page[data-fantasy-tool="draft"] #draft-roster-detail + .fs-card{ margin-top:18px!important; } } /* Mobile Draft hero: remove the decorative POINTS / 9-CAT / ROTO background identifier */ @media (max-width:700px){ .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-mark{ display:none!important; } /* Keep Fantasy tool navigation above decorative page layers and fully tappable */ .fs-page #fs-tool-nav, .fs-page .fs-tool-nav{ position:relative!important; z-index:50!important; pointer-events:auto!important; } .fs-page .fs-tool-nav a{ position:relative!important; z-index:51!important; pointer-events:auto!important; touch-action:manipulation; } } /* Fantasy tool navigation: keep every tab tappable/clickable above decorative layers */ .fs-page #fs-tool-nav, .fs-page .fs-tool-nav{ position:relative!important; z-index:80!important; pointer-events:auto!important; } .fs-page .fs-tool-nav a{ position:relative!important; z-index:81!important; pointer-events:auto!important; touch-action:manipulation; } /* Start / Sit: use the same full content width as the hero and other Fantasy pages */ .fs-page[data-fantasy-tool="startsit"] .fs-top, .fs-page[data-fantasy-tool="startsit"] .fs-main{ width:100%!important; max-width:1240px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } .fs-page[data-fantasy-tool="startsit"] #fantasy-suite{ width:100%!important; max-width:none!important; margin:0!important; } .fs-page[data-fantasy-tool="startsit"] .fs-setup-bar, .fs-page[data-fantasy-tool="startsit"] .fs-card{ width:100%!important; max-width:none!important; box-sizing:border-box!important; } /* Desktop: line up Start / Sit body with the hero edges */ @media (min-width:901px){ .fs-page[data-fantasy-tool="startsit"] .fs-main{ padding-left:22px!important; padding-right:22px!important; } } /* Mobile: keep Start / Sit inside the viewport with the standard Fantasy gutters */ @media (max-width:700px){ .fs-page[data-fantasy-tool="startsit"] .fs-top, .fs-page[data-fantasy-tool="startsit"] .fs-main{ width:100%!important; max-width:100%!important; padding-left:14px!important; padding-right:14px!important; } .fs-page[data-fantasy-tool="startsit"] .fs-suite-hero, .fs-page[data-fantasy-tool="startsit"] .fs-setup-bar, .fs-page[data-fantasy-tool="startsit"] .fs-card{ width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden; } } /* Draft: Advanced settings must remain tappable above decorative layers */ .fs-page[data-fantasy-tool="draft"] .fs-advanced, .fs-page[data-fantasy-tool="draft"] .fs-advanced summary{ position:relative!important; z-index:20!important; pointer-events:auto!important; } .fs-page[data-fantasy-tool="draft"] .fs-advanced summary{ cursor:pointer!important; touch-action:manipulation; } /* Draft: Clear All should read as a destructive action */ .fs-page[data-fantasy-tool="draft"] .fs-clear-draft, .fs-page[data-fantasy-tool="draft"] .fs-tracker-clear{ background:#8f1d2c!important; border-color:#e65361!important; color:#fff!important; } .fs-page[data-fantasy-tool="draft"] .fs-clear-draft:hover, .fs-page[data-fantasy-tool="draft"] .fs-tracker-clear:hover{ background:#b42435!important; border-color:#ff6976!important; } .fs-page[data-fantasy-tool="draft"] .fs-clear-draft:disabled{ opacity:.42!important; background:#4d2430!important; } /* Draft: filters belong above the whole ranking, never between #25 and #26 */ .fs-page[data-fantasy-tool="draft"] .fs-draft-ranking-tools{ margin:0 0 18px!important; padding:0 0 18px!important; border-bottom:1px solid rgba(255,255,255,.08); } .fs-page[data-fantasy-tool="draft"] .fs-all-players-wrap{ margin-top:18px!important; } .fs-page[data-fantasy-tool="draft"] #all-ranked[hidden]{ display:none!important; } .fs-page[data-fantasy-tool="draft"] #all-ranked:not([hidden]){ display:block!important; margin-top:14px!important; } /* Final Draft ranking layout: controls above Top 25, never between #25 and #26 */ .fs-page[data-fantasy-tool="draft"] .fs-draft-ranking-tools{ margin:0 0 18px!important; padding:0 0 18px!important; border-bottom:1px solid rgba(255,255,255,.08); } .fs-page[data-fantasy-tool="draft"] #all-ranked[hidden]{display:none!important} .fs-page[data-fantasy-tool="draft"] #all-ranked:not([hidden]){ display:block!important; margin-top:12px!important; } \n\n/* Draft hero mode identifier: outlined mode + contextual label */\n@media (min-width:701px){\n .fs-page[data-fantasy-tool="draft"] .fs-mark-format{\n flex-direction:column!important;\n gap:10px!important;\n height:auto!important;\n overflow:visible!important;\n }\n .fs-page[data-fantasy-tool="draft"] .fs-format-main{\n display:flex;\n align-items:center;\n justify-content:center;\n min-height:62px;\n filter:drop-shadow(0 0 12px rgba(118,174,255,.16));\n }\n .fs-page[data-fantasy-tool="draft"] .fs-format-main.fs-format-ninecat{gap:5px}\n .fs-page[data-fantasy-tool="draft"] .fs-format-word,\n .fs-page[data-fantasy-tool="draft"] .fs-format-nine,\n .fs-page[data-fantasy-tool="draft"] .fs-format-cat{\n color:transparent!important;\n -webkit-text-fill-color:transparent!important;\n -webkit-text-stroke:1.35px rgba(225,238,255,.88);\n text-shadow:0 0 18px rgba(87,153,255,.16)!important;\n }\n .fs-page[data-fantasy-tool="draft"] .fs-format-word{\n font-size:46px!important;\n letter-spacing:.045em!important;\n }\n .fs-page[data-fantasy-tool="draft"] .fs-mark-format[data-mode="roto"] .fs-format-word{font-size:54px!important}\n .fs-page[data-fantasy-tool="draft"] .fs-format-nine{font-size:86px!important}\n .fs-page[data-fantasy-tool="draft"] .fs-format-cat{font-size:30px!important;margin-top:27px!important}\n .fs-page[data-fantasy-tool="draft"] .fs-format-mode-label{\n display:inline-flex;\n align-items:center;\n justify-content:center;\n padding:5px 11px;\n border:1px solid rgba(116,169,255,.32);\n border-radius:999px;\n background:rgba(7,25,61,.48);\n color:rgba(222,235,255,.86);\n font:800 9px/1 'Barlow',sans-serif;\n letter-spacing:.18em;\n white-space:nowrap;\n text-shadow:none;\n box-shadow:0 0 16px rgba(61,125,231,.08);\n }\n .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-mark{opacity:.58!important}\n}\n /* My Fantasy Team: editable Points scoring settings on desktop and mobile */ .fs-scoring-panel{ margin:14px 0 16px; padding:16px; border:1px solid rgba(89,153,255,.3); border-radius:14px; background:linear-gradient(180deg,rgba(13,42,88,.78),rgba(6,24,56,.82)); } .fs-scoring-panel-head{ display:flex; align-items:flex-start; justify-content:space-between; gap:14px; margin-bottom:8px; } .fs-scoring-panel-head span{ display:block; color:#79aaff; font-size:9px; font-weight:900; letter-spacing:.1em; } .fs-scoring-panel-head h3{ margin:3px 0 0; color:#fff; font-size:18px; } .fs-scoring-panel-head strong{ padding:5px 9px; border:1px solid rgba(89,153,255,.32); border-radius:999px; background:#0b2450; color:#dce9ff; font-size:10px; } .fs-scoring-panel>p{ margin:0 0 13px; color:#aebfda; font-size:12px; line-height:1.5; } .fs-scoring-grid{ display:grid; grid-template-columns:repeat(7,minmax(88px,1fr)); gap:9px; } .fs-scoring-grid label{ min-width:0; } .fs-scoring-grid label>span{ display:block; margin-bottom:5px; color:#c8d6ee; font-size:10px; font-weight:900; } .fs-scoring-grid .fs-input{ margin-top:0; text-align:center; } .fs-scoring-help{ display:block; margin-top:10px; color:#879dbc; font-size:10px; line-height:1.45; } @media(max-width:900px){ .fs-scoring-grid{grid-template-columns:repeat(4,minmax(0,1fr))} } @media(max-width:600px){ .fs-scoring-panel{padding:14px;margin-top:14px} .fs-scoring-panel-head{align-items:center} .fs-scoring-panel-head h3{font-size:17px} .fs-scoring-grid{grid-template-columns:repeat(2,minmax(0,1fr))} .fs-scoring-grid label:last-child{grid-column:1 / -1} .fs-scoring-grid .fs-input{font-size:16px;padding:12px 10px} } /* My Fantasy Team: keep the page/card width consistent on desktop and mobile */ .fs-page[data-fantasy-tool="myteam"] .fs-main, .fs-page[data-fantasy-tool="myteam"] .fs-top{ width:100%!important; max-width:1240px!important; margin-left:auto!important; margin-right:auto!important; box-sizing:border-box!important; } .fs-page[data-fantasy-tool="myteam"] #fantasy-suite, .fs-page[data-fantasy-tool="myteam"] .fs-setup-bar, .fs-page[data-fantasy-tool="myteam"] .fs-card{ width:100%!important; max-width:none!important; box-sizing:border-box!important; } .fs-page[data-fantasy-tool="myteam"] #scoring-box{ display:block!important; width:100%!important; max-width:none!important; visibility:visible!important; } .fs-page[data-fantasy-tool="myteam"] #points-scoring-panel{ display:block!important; width:100%!important; max-width:none!important; visibility:visible!important; } @media(max-width:600px){ .fs-page[data-fantasy-tool="myteam"] .fs-main, .fs-page[data-fantasy-tool="myteam"] .fs-top{ width:100%!important; max-width:100%!important; padding-left:14px!important; padding-right:14px!important; } .fs-page[data-fantasy-tool="myteam"] .fs-card{ margin-left:0!important; margin-right:0!important; } .fs-page[data-fantasy-tool="myteam"] .fs-scoring-panel{ display:block!important; width:100%!important; max-width:100%!important; margin:14px 0 16px!important; } } /* Fantasy hero identifiers: restored improved high-contrast treatment */ @media (min-width:701px){ .fs-page[data-fantasy-tool="draft"] .fs-mark-format{flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:auto!important;overflow:visible!important} .fs-page[data-fantasy-tool="draft"] .fs-format-main{display:flex!important;align-items:center!important;justify-content:center!important;min-height:64px!important} .fs-page[data-fantasy-tool="draft"] .fs-format-main.fs-format-ninecat{gap:6px!important} .fs-page[data-fantasy-tool="draft"] .fs-format-word,.fs-page[data-fantasy-tool="draft"] .fs-format-nine,.fs-page[data-fantasy-tool="draft"] .fs-format-cat{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;-webkit-text-stroke:0!important;text-shadow:0 3px 18px rgba(64,137,255,.24)!important} .fs-page[data-fantasy-tool="draft"] .fs-format-word{font-size:48px!important;line-height:.95!important;letter-spacing:.025em!important} .fs-page[data-fantasy-tool="draft"] .fs-mark-format[data-mode="roto"] .fs-format-word{font-size:54px!important} .fs-page[data-fantasy-tool="draft"] .fs-format-nine{font-size:82px!important;line-height:.8!important} .fs-page[data-fantasy-tool="draft"] .fs-format-cat{font-size:28px!important;margin-top:22px!important} .fs-page[data-fantasy-tool="draft"] .fs-format-mode-label{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;color:#9fc2ff!important;font:800 10px/1 'Barlow',sans-serif!important;letter-spacing:.22em!important;white-space:nowrap!important;text-shadow:none!important} .fs-page[data-fantasy-tool="draft"] .fs-format-mode-label::before{content:'';width:28px;height:3px;border-radius:999px;background:#ef4b43;box-shadow:0 0 10px rgba(239,75,67,.28)} .fs-page[data-fantasy-tool="draft"] .fs-draft-hero-mark{opacity:.88!important} } @media (min-width:901px){ .fs-page:not([data-fantasy-tool="draft"]) .fs-suite-hero-mark{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:10px!important;opacity:1!important} .fs-page:not([data-fantasy-tool="draft"]) .fs-suite-hero-mark span{color:#fff!important;opacity:1!important;text-shadow:0 0 22px rgba(103,168,255,.22),0 2px 12px rgba(0,0,0,.28)!important} .fs-page:not([data-fantasy-tool="draft"]) .fs-suite-hero-mark::after{display:block;padding-left:13px;border-left:3px solid #ef493f;color:#a9c8fb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;font-size:11px;font-weight:900;line-height:1;letter-spacing:.16em;text-transform:uppercase;text-shadow:none} .fs-page[data-fantasy-tool="myteam"] .fs-suite-hero-mark::after{content:"ROSTER HUB"} .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero-mark::after{content:"TEAM INSIGHT"} .fs-page[data-fantasy-tool="waivers"] .fs-suite-hero-mark::after{content:"PICKUP FINDER"} .fs-page[data-fantasy-tool="startsit"] .fs-suite-hero-mark::after{content:"LINEUP CALL"} .fs-page[data-fantasy-tool="trade"] .fs-suite-hero-mark::after{content:"TRADE VERDICT"} .fs-page[data-fantasy-tool="matchup"] .fs-suite-hero-mark::after{content:"WEEKLY EDGE"} .fs-page[data-fantasy-tool="roto"] .fs-suite-hero-mark::after{content:"SEASON LONG"} } /* Mobile Fantasy tool navigation: visible horizontal scrollbar */ @media (max-width:700px){ .fs-page #fs-tool-nav, .fs-page .fs-tool-nav{ overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch; scrollbar-width:thin!important; scrollbar-color:#5f8fd8 rgba(255,255,255,.08)!important; padding-bottom:10px!important; } .fs-page #fs-tool-nav::-webkit-scrollbar, .fs-page .fs-tool-nav::-webkit-scrollbar{ display:block!important; height:5px!important; } .fs-page #fs-tool-nav::-webkit-scrollbar-track, .fs-page .fs-tool-nav::-webkit-scrollbar-track{ background:rgba(255,255,255,.07)!important; border-radius:999px!important; } .fs-page #fs-tool-nav::-webkit-scrollbar-thumb, .fs-page .fs-tool-nav::-webkit-scrollbar-thumb{ background:#5f8fd8!important; border-radius:999px!important; } } /* Mobile Fantasy suite: consistent hero width + genuinely scrollable tool navigation */ @media (max-width:700px){ /* Team Analyser hero must stay inside the phone viewport */ .fs-page[data-fantasy-tool="analyser"] .fs-top, .fs-page[data-fantasy-tool="analyser"] .fs-main{ width:100%!important; max-width:100%!important; min-width:0!important; padding-left:14px!important; padding-right:14px!important; box-sizing:border-box!important; overflow:visible!important; } .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero, .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero-wrap, .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero-content{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero{ overflow:hidden!important; } .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero-content{ padding-left:0!important; padding-right:0!important; } .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero h1, .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero p, .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero .fs-data-note{ max-width:100%!important; min-width:0!important; overflow-wrap:anywhere!important; } .fs-page[data-fantasy-tool="analyser"] .fs-suite-hero-mark{ display:none!important; } /* Every Fantasy page: swipeable nav with a permanent visible scrollbar */ .fs-page .fs-tool-nav, .fs-page #fs-tool-nav{ display:flex!important; flex-wrap:nowrap!important; width:100%!important; max-width:100%!important; min-width:0!important; gap:8px!important; overflow-x:scroll!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important; touch-action:pan-x!important; overscroll-behavior-x:contain!important; scrollbar-width:auto!important; scrollbar-color:#ef3340 rgba(96,143,216,.22)!important; padding-bottom:12px!important; } .fs-page .fs-tool-nav a, .fs-page #fs-tool-nav a{ flex:0 0 auto!important; white-space:nowrap!important; touch-action:pan-x manipulation!important; } .fs-page .fs-tool-nav::-webkit-scrollbar, .fs-page #fs-tool-nav::-webkit-scrollbar{ display:block!important; -webkit-appearance:none!important; height:6px!important; } .fs-page .fs-tool-nav::-webkit-scrollbar-track, .fs-page #fs-tool-nav::-webkit-scrollbar-track{ background:rgba(96,143,216,.18)!important; border-radius:999px!important; } .fs-page .fs-tool-nav::-webkit-scrollbar-thumb, .fs-page #fs-tool-nav::-webkit-scrollbar-thumb{ background:#ef3340!important; border-radius:999px!important; } } /* Fantasy mobile nav: one scroll container only. Prevent nested/double scrolling. */ @media (max-width:700px){ .fs-page #fs-tool-nav{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:visible!important; padding:0!important; margin:0!important; scrollbar-width:none!important; } .fs-page #fs-tool-nav::-webkit-scrollbar{ display:none!important; width:0!important; height:0!important; } .fs-page #fs-tool-nav > .fs-tool-nav, .fs-page .fs-tool-nav{ display:flex!important; flex-wrap:nowrap!important; width:100%!important; max-width:100%!important; min-width:0!important; gap:8px!important; overflow-x:auto!important; overflow-y:hidden!important; -webkit-overflow-scrolling:touch!important; touch-action:pan-x!important; overscroll-behavior-x:contain!important; scroll-behavior:smooth!important; scrollbar-width:thin!important; scrollbar-color:#ef3340 rgba(96,143,216,.22)!important; padding:0 0 12px!important; margin:0!important; } .fs-page #fs-tool-nav > .fs-tool-nav a, .fs-page .fs-tool-nav a{ flex:0 0 auto!important; white-space:nowrap!important; } .fs-page #fs-tool-nav > .fs-tool-nav::-webkit-scrollbar, .fs-page .fs-tool-nav::-webkit-scrollbar{ display:block!important; height:6px!important; } .fs-page #fs-tool-nav > .fs-tool-nav::-webkit-scrollbar-track, .fs-page .fs-tool-nav::-webkit-scrollbar-track{ background:rgba(96,143,216,.18)!important; border-radius:999px!important; } .fs-page #fs-tool-nav > .fs-tool-nav::-webkit-scrollbar-thumb, .fs-page .fs-tool-nav::-webkit-scrollbar-thumb{ background:#ef3340!important; border-radius:999px!important; min-width:44px!important; } } /* ========================================================= FINAL MOBILE FANTASY NAV + WIDTH REPAIR One scroll container only. Applies to every Fantasy V1 page. ========================================================= */ @media (max-width:700px){ /* Never let the tool row widen the whole page */ .fs-page, .fs-page .fs-top, .fs-page .fs-main{ width:100%!important; max-width:100%!important; min-width:0!important; box-sizing:border-box!important; } .fs-page .fs-top, .fs-page .fs-main{ padding-left:14px!important; padding-right:14px!important; overflow-x:hidden!important; } /* All Fantasy heroes fit the mobile viewport */ .fs-page .fs-suite-hero, .fs-page .fs-draft-hero{ width:100%!important; max-width:100%!important; min-width:0!important; margin-left:0!important; margin-right:0!important; box-sizing:border-box!important; overflow:hidden!important; } .fs-page .fs-suite-hero-content, .fs-page .fs-draft-hero-content{ width:100%!important; max-width:100%!important; min-width:0!important; } .fs-page .fs-suite-hero h1, .fs-page .fs-suite-hero p, .fs-page .fs-suite-hero .fs-data-note, .fs-page .fs-draft-hero h1, .fs-page .fs-draft-hero p, .fs-page .fs-draft-hero .fs-data-note{ max-width:100%!important; min-width:0!important; overflow-wrap:break-word!important; } /* Outer mount must NOT scroll */ .fs-page #fs-tool-nav{ display:block!important; width:100%!important; max-width:100%!important; min-width:0!important; overflow:hidden!important; margin:0!important; padding:0!important; position:relative!important; z-index:80!important; } /* The actual