:root{--ice:#e8f0f7;--rink:#0a0e1a;--rink2:#111a2e;--steel:#1c2945;--red:#c8102e;--red2:#e01b3c;--blue:#2563ff;--blue2:#4d82ff;--gold:#f5c542;--silver:#c4cdd9;--line:#ffffff14;--crease:#3a6fd8;--grass:#1f9d6b}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--rink);color:var(--ice);font-family:Oswald,sans-serif;overflow-x:hidden}body{background:radial-gradient(ellipse 80% 50% at 50% -10%, #2563ff26, transparent 60%), radial-gradient(ellipse 60% 40% at 50% 110%, #f5c5421a, transparent 60%), repeating-linear-gradient(180deg, transparent, transparent 38px, #ffffff03 38px, #ffffff03 39px), var(--rink);min-height:100vh}.wrap{max-width:760px;margin:0 auto;padding:0 16px 80px}::-webkit-scrollbar{width:0}header{justify-content:space-between;align-items:center;padding:18px 4px 10px;display:flex}.brand{cursor:pointer;align-items:center;gap:10px;display:flex}.fbicon{background:linear-gradient(145deg,#c8102e,#7a0a1c);border-radius:8px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:relative;transform:rotate(0);box-shadow:0 0 0 1.5px #ffffff24,0 6px 16px #c8102e80}.fbtext{letter-spacing:.3px;color:#fff;text-shadow:0 1px 1px #000000e6;font-family:Anton;font-size:10px;line-height:1}.fbtext b{color:#ffe07a}.fbtext i{color:#ffb3bd;font-style:normal}.logo{letter-spacing:1px;font-family:Anton;font-size:26px;line-height:1}.logo b{color:#ffe07a}.logo i{color:var(--red2);font-style:normal}.navlink{letter-spacing:.5px;color:var(--silver);text-transform:uppercase;opacity:.8;cursor:pointer;background:0 0;border:none;font-family:Barlow Condensed;font-size:15px;font-weight:600;text-decoration:none}.navlink:hover{opacity:1;color:#fff}.hero{text-align:center;padding:26px 0 10px}.kicker{text-transform:uppercase;letter-spacing:4px;color:var(--gold);font-family:Barlow Condensed;font-size:13px;font-weight:600}h1{letter-spacing:1px;background:linear-gradient(#fff 30%,#9fb4d6);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #f5c54233;-webkit-background-clip:text;background-clip:text;margin:8px 0 6px;font-family:Anton;font-size:clamp(46px,13vw,88px);line-height:.9}h1 .score{color:#0000;-webkit-text-fill-color:initial;background:linear-gradient(180deg,#ffe07a,var(--gold) 45%,#b8820a);-webkit-background-clip:text;background-clip:text}.sub{color:var(--silver);letter-spacing:.3px;max-width:440px;margin:0 auto;font-size:18px;font-weight:300}.inspired{letter-spacing:1px;color:#5d6b85;margin-top:10px;font-family:Barlow Condensed;font-size:13px}.inspired a{color:#8aa0c8;text-decoration:none}.modecard{background:linear-gradient(160deg,var(--rink2),#1c294580);border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:18px;margin-top:24px;padding:22px}.modecard h3{text-transform:uppercase;letter-spacing:2px;color:var(--silver);margin-bottom:16px;font-family:Barlow Condensed;font-size:15px;font-weight:600}.toggle-row{gap:10px;display:flex}.toggle-desc{color:#5d6b85;letter-spacing:.5px;min-height:18px;margin-top:7px;font-family:Barlow Condensed;font-size:12.5px}.tog{border:1px solid var(--line);cursor:pointer;text-align:center;letter-spacing:.5px;color:var(--silver);text-transform:uppercase;background:#ffffff08;border-radius:12px;flex:1;padding:12px;font-family:Barlow Condensed;font-size:15px;font-weight:600;transition:all .2s}.tog.on{border-color:var(--gold);color:#ffe07a;background:linear-gradient(160deg,#8c6010,#4a320a);box-shadow:0 6px 18px #f5c54240}.gamebar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:8px 0 14px;display:flex}.round-ind{letter-spacing:1px;text-transform:uppercase;color:var(--silver);font-family:Barlow Condensed;font-size:15px;font-weight:600}.round-ind b{color:#fff;font-family:Anton;font-size:20px}.rerolls{flex-wrap:wrap;gap:6px;display:flex}.chip{letter-spacing:.5px;text-transform:uppercase;border:1px solid var(--line);color:var(--silver);background:#ffffff08;border-radius:20px;padding:5px 10px;font-family:Barlow Condensed;font-size:12px}.chip.dim{opacity:.35;text-decoration:line-through}.slot{border:1px solid var(--line);text-align:center;background:linear-gradient(160deg,#16223c,#0c1424);border-radius:18px;padding:20px 18px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 12px 30px #0006}.slot:before{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#f5c54214,#0000 55%);position:absolute;inset:0}.reel{background:linear-gradient(#0000008c,#0c142440 22% 78%,#0000008c);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;height:108px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 12px 18px -10px #000000e6,inset 0 -12px 18px -10px #000000e6,inset 0 0 0 1px #ffffff0d}.reel:before,.reel:after{content:"";z-index:3;background:linear-gradient(90deg,#0000,#f5c54273,#0000);height:1px;position:absolute;left:8px;right:8px}.reel:before{top:34px}.reel:after{bottom:34px}.reel .rollbox{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:relative}.reel .team{letter-spacing:.5px;background:linear-gradient(#fff,#a9bbdc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Anton;font-size:clamp(28px,7vw,44px);line-height:1}.reel .era{letter-spacing:3px;color:var(--gold);text-transform:uppercase;font-family:Barlow Condensed;font-size:18px;font-weight:600}.reel.spinning .rollbox{animation:90ms linear infinite reelroll}.reel.spinning .team{filter:blur(2px)brightness(1.1)}.reel.spinning .era{filter:blur(1.5px);opacity:.85}@keyframes reelroll{0%{transform:translateY(-7px)}50%{transform:translateY(7px)}to{transform:translateY(-7px)}}.reel.landed .rollbox{animation:.4s cubic-bezier(.2,1.5,.4,1) reelland}@keyframes reelland{0%{transform:translateY(10px)scale(.96)}60%{transform:translateY(-3px)scale(1.02)}to{transform:none}}.legendtag{letter-spacing:1.5px;text-transform:uppercase;color:#0a0e1a;background:linear-gradient(90deg,var(--gold),#e0a82a);border-radius:20px;margin-top:10px;padding:3px 10px;font-family:Barlow Condensed;font-size:11px;font-weight:700;display:inline-block}.spinbtn{letter-spacing:2px;text-transform:uppercase;cursor:pointer;color:#0a0e1a;background:linear-gradient(160deg,#ffe07a,var(--gold),#b8820a);border:none;border-radius:14px;width:100%;margin-top:16px;padding:16px;font-family:Anton;font-size:22px;transition:all .15s;box-shadow:0 8px 22px #f5c54259}.spinbtn:active{transform:scale(.97)}.spinbtn:disabled{opacity:.5;cursor:default}.spinbtn.reroll{background:linear-gradient(160deg,var(--steel),#0e1830);color:#fff;margin-top:10px;padding:13px;font-size:16px;box-shadow:0 8px 22px #0006}.picks{flex-direction:column;gap:9px;margin-top:14px;display:flex}.pick{border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:13px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex;position:relative;overflow:hidden}.pick:hover{border-color:var(--gold);background:#f5c54212;transform:translate(3px)}.pick.disabled{opacity:.32;pointer-events:none;filter:grayscale(.6)}.posbadge{letter-spacing:.5px;color:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-family:Anton;font-size:13px;display:flex}.pos-QB{background:linear-gradient(160deg,#2563ff,#13306b)}.pos-RB{background:linear-gradient(160deg,#1f9d6b,#0c3d2a)}.pos-WR{background:linear-gradient(160deg,#0ea5e9,#0c4a6e)}.pos-TE{background:linear-gradient(160deg,#f97316,#7c2d12)}.pos-EDGE{background:linear-gradient(160deg,#ef4444,#7f1d1d)}.pos-DT{background:linear-gradient(160deg,#64748b,#1e293b)}.pos-LB{background:linear-gradient(160deg,#84cc16,#1a2e05)}.pos-CB{background:linear-gradient(160deg,#06b6d4,#0e4a5c)}.pos-S{background:linear-gradient(160deg,#a855f7,#3b0764)}.pos-HC{background:linear-gradient(160deg,#f5c542,#9c7610);color:#1a1405!important}.pinfo{flex:1;min-width:0}.pname{letter-spacing:.3px;font-family:Barlow Condensed;font-size:18px;font-weight:600;line-height:1.05}.pstat{color:var(--silver);margin-top:2px;font-size:12.5px;font-weight:300;line-height:1.25}.pstat.hidden{opacity:.5;font-style:italic}.pickslot{letter-spacing:1px;text-transform:uppercase;color:var(--gold);flex:none;font-family:Barlow Condensed;font-size:12px;font-weight:700}.roster{grid-template-columns:repeat(6,1fr);gap:7px;margin:16px 0;display:grid}.roster-12{grid-template-columns:repeat(7,1fr)}.rslot{aspect-ratio:.82;border:1px solid var(--line);text-align:center;background:#ffffff06;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;padding:6px 4px;transition:all .2s;display:flex;position:relative}.rslot.hcslot{background:#f5c54208;border-color:#f5c54233}.rslot.filled{background:linear-gradient(170deg,#f5c5421a,#1c29454d);border-color:#f5c5424d}.rslot.active{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 0 18px #f5c54240}.rslot .lab{letter-spacing:.5px;color:var(--silver);text-transform:uppercase;font-family:Barlow Condensed;font-size:11px;font-weight:700}.rslot .fn{color:#fff;margin-top:3px;font-family:Barlow Condensed;font-size:13px;font-weight:600;line-height:1.02}.rslot .pos{color:var(--gold);opacity:.7;font-family:Anton;font-size:9px;position:absolute;top:4px;right:5px}.rslot.empty .fn{color:#3d4a66;font-size:20px;font-weight:700}.result{text-align:center;padding:10px 0 0}.gradewrap{margin:14px 0;display:inline-block;position:relative}.grade{background:linear-gradient(#fff,#8ea6cf);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Anton;font-size:clamp(96px,30vw,180px);line-height:.85}.grade.perfect{background:linear-gradient(180deg,var(--gold),#d99a1f);filter:drop-shadow(0 0 28px #f5c54280);-webkit-background-clip:text;background-clip:text}.record{letter-spacing:2px;margin-top:-4px;font-family:Anton;font-size:clamp(40px,12vw,68px)}.record .w{color:#4ad991}.record .l{color:#ff5a6e}.record .dash{color:var(--silver)}.verdict{color:var(--silver);max-width:460px;margin:10px auto 0;font-family:Barlow Condensed;font-size:19px;font-weight:500;line-height:1.4}.statbars{text-align:left;flex-direction:column;gap:10px;margin:22px 0;display:flex}.sb-top{letter-spacing:.5px;text-transform:uppercase;color:var(--silver);justify-content:space-between;margin-bottom:4px;font-family:Barlow Condensed;font-size:14px;font-weight:600;display:flex}.sb-track{background:#ffffff0f;border-radius:6px;height:9px;overflow:hidden}.sb-fill{background:linear-gradient(90deg,var(--blue),var(--blue2));border-radius:6px;height:100%;transition:width 1s cubic-bezier(.2,.8,.2,1)}.sb-fill.hi{background:linear-gradient(90deg,#1f9d6b,#4ad991)}.sb-fill.lo{background:linear-gradient(90deg,#a01526,var(--red2))}.finalros{text-align:left;flex-direction:column;gap:7px;margin:16px 0;display:flex}.fr{border:1px solid var(--line);background:#ffffff08;border-radius:11px;align-items:center;gap:11px;padding:9px 12px;display:flex}.fr.hcfr{background:#f5c5420a;border-color:#f5c54233}.fr .meta{color:#6f7d97;letter-spacing:.5px;text-align:right;margin-left:auto;font-family:Barlow Condensed;font-size:11.5px}.btnrow{gap:10px;margin-top:18px;display:flex}.bigbtn{letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;border:none;border-radius:13px;flex:1;padding:15px;font-family:Anton;font-size:18px;transition:all .15s}.bigbtn.primary{color:#ffe07a;background:linear-gradient(160deg,#c8a200,#7a5e00);box-shadow:0 8px 20px #f5c54240}.bigbtn.ghost{color:var(--ice);border:1px solid var(--line);background:#ffffff0d}.bigbtn:active{transform:scale(.97)}.toast{border:1px solid var(--gold);color:#fff;letter-spacing:.5px;z-index:99;background:#16223c;border-radius:30px;padding:13px 22px;font-family:Barlow Condensed;font-weight:600;transition:transform .35s cubic-bezier(.2,1.4,.4,1);position:fixed;bottom:26px;left:50%;transform:translate(-50%)translateY(120%);box-shadow:0 12px 30px #00000080}.toast.show{transform:translate(-50%)translateY(0)}footer{text-align:center;color:#4d5b75;letter-spacing:.5px;padding:30px 16px;font-family:Barlow Condensed;font-size:13px;line-height:1.8}footer a{color:#7388ab;text-decoration:none}footer .legal{color:#3a4660;margin-top:8px;font-size:11.5px}.page{display:none}.page.on{animation:.35s fade;display:block}@keyframes fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.confetti{pointer-events:none;z-index:90;position:fixed;inset:0}.tier{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(#dce6f5,#7e93b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:6px auto 0;font-family:Anton;font-size:clamp(22px,7vw,42px);line-height:1}.tier-win{letter-spacing:3px;background:linear-gradient(180deg,#ffe79a,var(--gold) 45%,#cf991c);filter:drop-shadow(0 0 26px #f5c5428c);-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,13vw,76px);animation:1.8s ease-in-out infinite tierpulse}@keyframes tierpulse{0%,to{filter:drop-shadow(0 0 20px #f5c54266)}50%{filter:drop-shadow(0 0 34px #f5c542b3)}}.tier-A{background:linear-gradient(#9fe7c4,#3fae79);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tier-F{background:linear-gradient(#ffb3bd,#c8102e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.htp{background:linear-gradient(160deg,var(--rink2),#1c294566);border:1px solid var(--line);border-radius:16px;margin-top:14px;padding:22px}.htp h2{letter-spacing:.5px;margin-bottom:6px;font-family:Anton;font-size:30px}.htp .step{gap:14px;margin-top:18px;display:flex}.htp .num{color:#ffe07a;background:linear-gradient(160deg,#c8a200,#7a5e00);border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-family:Anton;font-size:18px;display:flex}.htp .step h4{text-transform:uppercase;letter-spacing:1px;margin-bottom:3px;font-family:Barlow Condensed;font-size:16px;font-weight:700}.htp .step p{color:var(--silver);font-size:14.5px;font-weight:300;line-height:1.45}.htp table{border-collapse:collapse;width:100%;margin-top:16px;font-size:14px}.htp td{border-bottom:1px solid var(--line);color:var(--silver);padding:8px 6px;font-weight:300}.htp td b{color:#fff;font-family:Barlow Condensed;font-weight:600}.gradekey{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.gk{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;padding:6px 12px;font-family:Barlow Condensed;font-size:13px;font-weight:600}@media (max-width:480px){.roster-12{grid-template-columns:repeat(7,1fr);gap:4px}.rslot{padding:4px 2px}.rslot .lab{font-size:9px}.rslot .fn{font-size:10px}}