:root{--bg: #0a1628;--card: #ffffff;--card-alt: #f7f9fc;--border: rgba(255,255,255,.08);--border-card: #e2e8f0;--text-dark: #0f172a;--text-mid: #475569;--text-light: #94a3b8;--text-white: #f1f5f9;--text-dim: rgba(241,245,249,.6);--accent: #10b981;--accent2: #059669;--primary: #3b82f6;--primary2: #2563eb;--danger: #ef4444;--danger-bg: #fef2f2;--warning: #f59e0b;--r: 16px;--r-sm: 10px;--font-d: "Outfit", sans-serif;--font-b: "DM Sans", sans-serif;--fs: 16px;--fs-sm: 13px;--fs-xs: 11.5px;--h1: 2.1rem;--h2: 1.45rem;--h3: 1.1rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-b);font-size:var(--fs);line-height:1.6;color:var(--text-white);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}.bgGlow{position:fixed;inset:0;z-index:0;pointer-events:none;contain:strict;background:radial-gradient(ellipse 800px 500px at 15% 0%,rgba(59,130,246,.12),transparent 60%),radial-gradient(ellipse 700px 450px at 85% 5%,rgba(16,185,129,.1),transparent 55%)}.skipLink{position:absolute;left:-9999px}.skipLink:focus{position:fixed;top:10px;left:10px;width:auto;height:auto;padding:12px 20px;background:var(--accent);color:#fff;border-radius:8px;font-weight:700;text-decoration:none;z-index:999}.siteHeader{position:sticky;top:0;z-index:100;background:#0a1628eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);will-change:transform;contain:layout style}.headerInner{max-width:1120px;margin:0 auto;padding:11px 20px;display:flex;align-items:center;justify-content:space-between;gap:10px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none}.brandIcon{width:36px;height:36px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--accent));border-radius:9px;display:flex;align-items:center;justify-content:center}.brandIcon svg{width:20px;height:20px}.brandTitle{display:flex;flex-direction:column;gap:1px}.brandTitle strong{font-family:var(--font-d);font-size:1rem;font-weight:800;color:var(--text-white);letter-spacing:-.3px;line-height:1.2}.brandTitle span{font-size:var(--fs-xs);color:var(--text-dim)}.topNav{display:flex;gap:3px}.topNav a{color:var(--text-dim);font-family:var(--font-d);font-size:var(--fs-sm);font-weight:600;text-decoration:none;padding:6px 12px;border-radius:999px;transition:all .2s}.topNav a:hover{color:#fff;background:#ffffff14}.breadcrumb{max-width:1120px;margin:0 auto;padding:8px 20px 0;font-size:var(--fs-xs);color:var(--text-dim)}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb span{margin:0 6px;opacity:.5}.adSlot{max-width:1120px;margin:8px auto;min-height:0;display:flex;align-items:center;justify-content:center;border-radius:var(--r-sm)}.adSlot--hz{min-height:0}.adSlot--article{margin:12px 0;min-height:0}.adSlot--side{min-height:0;width:100%}.page{position:relative;z-index:1;padding:14px 14px 26px}.containerNarrow{max-width:1120px;margin:0 auto}.calcCard{background:var(--card);border-radius:var(--r);box-shadow:0 20px 60px #00000040;overflow:hidden;color:var(--text-dark)}.calcHeader{background:linear-gradient(135deg,#0f172a,#1e293b);padding:24px 22px 18px;text-align:center;position:relative;overflow:hidden}.calcHeader:before{content:"";position:absolute;top:-40%;right:-10%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.15),transparent 70%);pointer-events:none}.calcHeader h1{font-family:var(--font-d);font-size:var(--h1);font-weight:900;color:#fff;letter-spacing:-.5px;line-height:1.15;position:relative}.badge{display:inline-block;vertical-align:middle;background:linear-gradient(135deg,var(--accent),#34d399);color:#fff;font-size:.38em;padding:3px 10px;border-radius:999px;letter-spacing:.5px;font-weight:700;position:relative;top:-2px;margin-left:6px}.calcSub{color:#ffffff8c;font-size:var(--fs-xs);margin-top:5px;font-weight:500;position:relative;letter-spacing:.3px}.calcBody{padding:18px}.leagueFormatRow{display:flex;flex-wrap:nowrap;gap:10px;margin-bottom:14px}.lfBox{flex:1 1 0;min-width:0;display:flex;flex-direction:column;gap:3px}.lfBox label{font-family:var(--font-d);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mid);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lfBox select{width:100%;min-width:0}select,input[type=number],input[type=text]{padding:10px 12px;border:2px solid var(--border-card);border-radius:var(--r-sm);font-family:var(--font-b);font-size:calc(var(--fs) - 1px);color:var(--text-dark);background:#fff;transition:border-color .2s,box-shadow .2s;width:100%}select:focus,input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.customInput{display:none;margin-top:4px}select#format.autoSet{background:#f8fafc;color:var(--text-light)}.teamsRow{display:flex;flex-wrap:nowrap;align-items:stretch;gap:0;border:1px solid var(--border-card);border-radius:var(--r);overflow:hidden;margin-bottom:14px}.teamBox{flex:1 1 0;min-width:0;padding:18px 16px;background:var(--card-alt)}.vsDivider{flex:0 0 auto;width:3px;background:linear-gradient(180deg,var(--border-card),#cbd5e1,var(--border-card));display:flex;align-items:center;justify-content:center;position:relative}.vsCircle{position:absolute;width:34px;height:34px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;font-family:var(--font-d);font-weight:900;font-size:10px;letter-spacing:.5px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 12px #0000002e;z-index:2}.teamHead{text-align:center;margin-bottom:12px}.teamLabel{font-family:var(--font-d);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.7px;color:var(--text-light)}.teamTitle{font-family:var(--font-d);font-weight:800;font-size:1.15rem;margin-top:5px;color:var(--text-dark);letter-spacing:-.3px}.fld{margin-bottom:10px}.fld label{display:block;font-family:var(--font-d);font-size:var(--fs-xs);font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-mid);margin-bottom:3px}.teamBox select,.teamBox input{width:100%;max-width:100%}.noteSmall{font-size:var(--fs-xs);color:var(--text-light);margin-top:2px;line-height:1.4}.checkRow{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:calc(var(--fs) - 2px);color:var(--text-mid);font-weight:600;cursor:pointer}.checkRow input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.customTeamInput{padding:10px 12px;border:2px solid var(--border-card);border-radius:var(--r-sm);font-family:var(--font-b);font-size:calc(var(--fs) - 1px);color:var(--text-dark);background:#fff;width:100%;transition:border-color .2s,box-shadow .2s}.customTeamInput:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f626}.btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:var(--r-sm);font-family:var(--font-d);font-weight:800;font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 4px 20px #10b9814d;margin-bottom:14px;will-change:transform}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #10b98166}.btn:active{transform:translateY(0);box-shadow:0 2px 12px #10b98140}.result{padding:18px 20px;background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--r-sm);color:#fff;font-weight:700;line-height:1.7;font-size:calc(var(--fs) - 1px);position:relative;overflow:hidden;margin-bottom:14px}.result:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--primary),var(--accent))}.result b{color:var(--accent)}.dlsBox{padding:14px 16px;background:#f0fdf4;border-left:4px solid var(--accent);border-radius:0 var(--r-sm) var(--r-sm) 0;color:#14532d}.dlsBox h2{font-family:var(--font-d);font-size:var(--h3);font-weight:800;margin-bottom:6px;color:#166534}.dlsBox ul{margin:0 0 0 16px;font-size:calc(var(--fs) - 2px);font-weight:600;line-height:1.8}.contentGrid{max-width:1120px;margin:20px auto 0;display:grid;grid-template-columns:1fr 260px;gap:20px}.mainContent{background:var(--card);border-radius:var(--r);padding:28px 26px;color:var(--text-dark)}.sidebar{display:flex;flex-direction:column;gap:16px}.sideCard{background:var(--card);border-radius:var(--r);padding:20px;color:var(--text-dark)}.sideCard h3{font-family:var(--font-d);font-size:.92rem;font-weight:800;margin-bottom:8px;padding-bottom:7px;border-bottom:2px solid #e2e8f0}.sideCard ul{list-style:none;padding:0}.sideCard ul li{padding:5px 0;font-size:var(--fs-sm);font-weight:600;color:var(--text-mid);border-bottom:1px solid #f1f5f9}.sideCard ul li:last-child{border:none}.sideCard ul li strong{color:var(--text-dark);display:block}.mainContent h2{font-family:var(--font-d);font-size:var(--h2);font-weight:800;color:var(--text-dark);margin:24px 0 8px;letter-spacing:-.3px;line-height:1.25}.mainContent h2:first-child{margin-top:0}.mainContent h3{font-family:var(--font-d);font-size:var(--h3);font-weight:700;color:var(--text-dark);margin:18px 0 5px}.mainContent p{color:#334155;font-weight:500;line-height:1.8;margin-bottom:10px;font-size:calc(var(--fs) - 1px)}.mainContent ul,.mainContent ol{margin:6px 0 12px 18px;color:#334155;font-weight:500;line-height:1.85;font-size:calc(var(--fs) - 1px)}.formulaBox{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:18px 20px;border-radius:var(--r-sm);margin:14px 0;text-align:center;font-family:var(--font-d)}.formula{font-size:.95rem;font-weight:700;line-height:1.6}.formulaCap{font-size:var(--fs-xs);color:#ffffff80;margin-top:4px}.dataTable{width:100%;border-collapse:collapse;margin:12px 0;font-size:calc(var(--fs) - 2px);border-radius:var(--r-sm);overflow:hidden}.dataTable th{background:#0f172a;color:#fff;padding:9px 10px;font-family:var(--font-d);font-weight:700;text-align:left;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.5px}.dataTable td{padding:8px 10px;border-bottom:1px solid #e2e8f0;color:var(--text-mid);font-weight:600}.dataTable tr:nth-child(2n) td{background:#f8fafc}.tipBox{border-left:4px solid var(--accent);padding:11px 14px;background:#f0fdf4;border-radius:0 var(--r-sm) var(--r-sm) 0;color:#166534;font-weight:700;font-size:calc(var(--fs) - 1px);margin:12px 0}.tipBox strong{color:#059669}.warnBox{border-left:4px solid var(--warning);padding:11px 14px;background:#fffbeb;border-radius:0 var(--r-sm) var(--r-sm) 0;color:#92400e;font-weight:700;font-size:calc(var(--fs) - 1px);margin:12px 0}.faqSection{margin-top:20px}.faqSection h2{margin-bottom:12px}details{border:1px solid #e2e8f0;border-radius:var(--r-sm);margin:6px 0;overflow:hidden}details[open]{box-shadow:0 1px 3px #0000000f}summary{cursor:pointer;font-family:var(--font-d);font-weight:700;color:var(--text-dark);font-size:calc(var(--fs) - 1px);padding:11px 14px;list-style:none;display:flex;align-items:center;gap:8px;transition:background .2s}summary::-webkit-details-marker{display:none}summary:before{content:"+";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:.85rem;font-weight:800;flex-shrink:0}details[open] summary:before{content:"\2212"}summary:hover{background:#f8fafc}details p{padding:0 14px 12px;margin:0}.siteFooter{margin-top:24px;background:#0a1628f2;border-top:1px solid var(--border);padding:16px 20px}.footerInner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.footerLinks{display:flex;gap:4px;flex-wrap:wrap}.footerLinks a{color:var(--text-dim);font-family:var(--font-d);font-size:var(--fs-xs);font-weight:600;text-decoration:none;padding:5px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);transition:all .2s}.footerLinks a:hover{color:#fff;border-color:#10b9814d;background:#10b98114}.footerCredit{font-size:var(--fs-xs);color:var(--text-dim);font-weight:600}.footerCredit b{color:#fff}@media(max-width:900px){.contentGrid{grid-template-columns:1fr}.sidebar{flex-direction:row;flex-wrap:wrap}.sideCard{flex:1 1 200px}}@media(max-width:768px){:root{--h1: 1.5rem;--h2: 1.2rem;--h3: .95rem;--fs: 14.5px;--fs-sm: 12px;--fs-xs: 10.5px}.headerInner{padding:9px 14px}.brandTitle strong{font-size:.9rem}.topNav a{padding:5px 9px;font-size:var(--fs-xs)}.calcHeader{padding:18px 14px 14px}.calcBody{padding:12px}.leagueFormatRow{gap:8px}.teamBox{padding:14px 10px}.teamTitle{font-size:1rem}.vsCircle{width:28px;height:28px;font-size:9px}.mainContent{padding:20px 16px}.footerInner{flex-direction:column;text-align:center}}@media(max-width:600px){:root{--h1: 1.3rem;--h2: 1.1rem;--h3: .9rem;--fs: 13.5px;--fs-sm: 11px;--fs-xs: 10px}.page{padding:10px 8px 18px}.calcHeader{padding:14px 10px 12px}.calcSub{font-size:9.5px}.calcBody{padding:9px}.leagueFormatRow{gap:5px}.lfBox label{font-size:8px;letter-spacing:.3px}.teamBox{padding:10px 8px}.teamHead{margin-bottom:8px}.teamTitle{font-size:.9rem;margin-top:3px}.teamLabel{font-size:9px}.fld{margin-bottom:7px}.fld label{font-size:9px;margin-bottom:2px}select,input[type=number],input[type=text],.customTeamInput{padding:8px;font-size:12.5px;border-radius:8px}.noteSmall{font-size:9px}.checkRow{font-size:10.5px;gap:5px}.checkRow input[type=checkbox]{width:14px;height:14px}.vsCircle{width:24px;height:24px;font-size:8px}.btn{padding:11px;font-size:.88rem}.result{padding:12px 10px;font-size:12px}.dlsBox{padding:10px}.dlsBox h2{font-size:.85rem}.dlsBox ul{font-size:11px;margin-left:12px}}@media(max-width:400px){:root{--h1: 1.1rem;--h2: .95rem;--fs: 12.5px;--fs-sm: 10.5px;--fs-xs: 9.5px}.headerInner{padding:7px 8px}.brandIcon{width:28px;height:28px;border-radius:7px}.brandIcon svg{width:16px;height:16px}.brandTitle strong{font-size:.78rem}.brandTitle span{font-size:8.5px}.topNav a{padding:3px 6px;font-size:9px}.calcHeader{padding:10px 8px}.calcSub{font-size:8.5px}.calcBody{padding:7px}.leagueFormatRow{gap:4px}.lfBox label{font-size:7px;letter-spacing:.2px}.teamBox{padding:8px 6px}.teamTitle{font-size:.8rem}.teamLabel{font-size:8px}.fld{margin-bottom:5px}.fld label{font-size:8px}select,input[type=number],input[type=text],.customTeamInput{padding:6px;font-size:11.5px;border-width:1.5px;border-radius:6px}.noteSmall{font-size:8px}.checkRow{font-size:9.5px}.checkRow input[type=checkbox]{width:13px;height:13px}.vsCircle{width:20px;height:20px;font-size:7px}.vsDivider{width:2px}.btn{padding:9px;font-size:.78rem;border-radius:7px}.result{padding:9px 8px;font-size:10.5px;line-height:1.5}.dlsBox{padding:8px 7px}.dlsBox h2{font-size:.78rem}.dlsBox ul{font-size:9.5px;margin-left:10px}.footerLinks a{padding:3px 6px;font-size:8.5px}}@media(min-width:1400px){:root{--h1: 2.5rem;--h2: 1.6rem;--fs: 17px}}@media(min-width:1800px){:root{--h1: 2.8rem;--h2: 1.8rem;--fs: 18px}}@media print{.siteHeader,.siteFooter,.adSlot,.sidebar,.bgGlow,.btn{display:none!important}body{background:#fff;color:#000}.calcCard,.mainContent{box-shadow:none;border:1px solid #ccc}}