/* PUCKDRAFTS v3 — Editorial ice / clean light sports product */
:root{--bg:#f7f8fa;--white:#fff;--ink:#12202b;--black:#0b1924;--secondary:#6e7a89;--blue:#2047e4;--blue-hi:#375ff5;--blue-pale:#edf2ff;--line:#e4e8ee;--soft:#f1f4f8;--lime:#e6ff75;--red:#db4f4a;--shadow:0 13px 34px rgba(26,45,79,.045);--radius:19px;--font:'DM Sans',Arial,sans-serif;--head:'Manrope','DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 var(--font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.47}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #b2c8ff;outline-offset:2px}a{color:var(--blue);text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--head);letter-spacing:-.055em}p{line-height:1.7}.app-shell{width:100%;min-height:100vh}.sidebar{height:87px;position:sticky;top:0;z-index:30;display:flex;gap:28px;align-items:center;padding:0 max(34px,calc((100vw - 1472px)/2));background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);box-shadow:0 5px 30px rgba(40,49,81,.025)}.brand{display:flex;align-items:center;gap:10px;flex:none;border:0;background:none;padding:0;color:var(--ink);text-align:left;margin-right:14px}.brand-mark{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:var(--blue);color:white;transform:rotate(-7deg);box-shadow:2px 3px 0 #dfe4fc}.brand-mark-inner{font:900 15px var(--head);letter-spacing:-.13em;transform:rotate(7deg)}.brand-copy{display:grid;gap:0}.brand-copy strong{font:900 17px/1.2 var(--head);letter-spacing:-.075em;white-space:nowrap}.brand-copy small{font-weight:800;color:#8a97a8;font-size:8px;letter-spacing:.24em}.mainnav{display:flex;align-items:stretch;gap:3px;min-width:0;height:100%;flex:1;justify-content:center}.navlink{appearance:none;background:none;border:0;border-bottom:3px solid transparent;color:#708094;white-space:nowrap;display:flex;gap:6px;align-items:center;justify-content:center;padding:3px 12px 0;font-size:12px;font-weight:800;transition:color .15s,border-color .15s}.navlink:hover{color:var(--ink)}.navlink.active{color:var(--blue);border-bottom-color:var(--blue)}.navico,.nav-label,.sidebar-micro,.sidebar-bottom .line-top,.mobile-brand,.mobile-league-toggle{display:none}.sidebar-bottom{display:flex;align-items:center;gap:14px;margin-left:auto;flex:none}.league-toggle{display:flex;gap:3px;border-radius:999px;background:#eef1f7;border:1px solid #e7ebf3;padding:4px}.league-button{border:0;border-radius:999px;background:transparent;color:#748398;min-width:59px;padding:9px 13px;font-weight:900;font-size:11px;line-height:1}.league-button.active{background:#fff;color:var(--blue);box-shadow:0 1px 5px #223d6724}.status-box{display:flex;gap:8px;align-items:center;border-left:1px solid #e5e9f1;padding-left:14px}.status-dot{height:7px;width:7px;flex:0 0 7px;border-radius:50%;background:#e3a866}.status-dot.good{background:#2da478}.status-box strong{display:block;font-size:10px;font-weight:800;line-height:1.3}.status-box span:not(.status-dot){display:block;font-size:9px;color:#8a97a8}.main{width:100%}.topbar{height:70px;max-width:1472px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 34px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.14em;font-weight:900;color:#9aa5b6}.breadcrumb strong{color:#5a6a80;letter-spacing:0;font-weight:700;font-size:11px}.chevron{color:#b0bbcc}.top-actions{display:flex;align-items:center;gap:12px}.season-pill{color:#77859a;font-size:10px;font-weight:900;letter-spacing:.075em}.iconbtn{border:1px solid var(--line);background:var(--white);border-radius:50%;width:36px;height:36px;display:grid;place-items:center;color:var(--blue);font-size:22px}.iconbtn:hover{background:var(--blue-pale)}.user-icon{width:35px;height:35px;background:#12212d;color:#fff;border-radius:50%;display:grid;place-items:center;font:800 11px var(--head)}.content{max-width:1472px;margin:auto;padding:0 34px 90px}.page{display:none;animation:pageIn .16s ease-out}.page.active{display:block}@keyframes pageIn{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:none}}.eyebrow{display:flex;gap:7px;align-items:center;color:var(--blue);font-size:10px;letter-spacing:.16em;font-weight:900}.eyebrow.muted{color:#8491a1}.teal-mark{width:22px;height:2px;background:var(--blue)}.hero{min-height:430px;background:#e8efff;border:1px solid #dce5fb;position:relative;display:grid;grid-template-columns:55% 45%;overflow:hidden;border-radius:25px;margin-top:19px;box-shadow:0 5px 30px #2448b709}.hero-text{padding:65px clamp(36px,5vw,78px);z-index:1}.hero-kicker{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:#4564ac;font-weight:900;letter-spacing:.115em}.hero-kicker:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--blue)}.hero-dot{display:none}.hero h1{font-family:var(--head);font-weight:900;line-height:1.01;letter-spacing:-.082em;font-size:clamp(55px,6vw,95px);margin:17px 0 21px;color:#10203f}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{color:#5d6e88;font-size:14px;line-height:1.75;max-width:415px;margin:0 0 27px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn{appearance:none;border:1px solid transparent;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:42px;padding:11px 17px;font-weight:900;font-size:11px;transition:background .15s,transform .15s,border-color .15s,color .15s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.white,.btn.primary{background:var(--blue);color:#fff;box-shadow:0 6px 16px #2047e42b}.btn.white:hover,.btn.primary:hover{background:#1438cd}.btn.outline-light,.btn.subtle{background:#fff;color:#253b64;border-color:#d9e1f3}.btn.outline-light:hover,.btn.subtle:hover{border-color:#a7bbf9;background:#f5f8ff}.btn.danger-text{color:#be4652}.hero-graphic{position:relative;display:block;width:100%;min-height:100%;overflow:hidden;background:var(--blue);border-radius:100px 25px 25px 100px / 45% 25px 25px 45%;box-shadow:inset 20px 0 60px #102fac19}.hero-graphic:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(155deg,transparent 48%,#021d7c22 100%)}.rink-art{position:absolute;width:100%;height:100%;transform:rotate(-12deg) scale(1.12);opacity:.89}.rink-caption{position:absolute;top:23px;left:55px;color:#bdccff;font-size:10px;letter-spacing:.19em;font-weight:900}.rink-callout{position:absolute;right:28px;bottom:24px;z-index:2;display:flex;gap:13px;align-items:center;background:#fff;padding:14px 22px;border-radius:16px;box-shadow:0 10px 32px #0a2eb72e;color:var(--ink);transform:rotate(-3deg)}.callout-bullet{width:39px;height:39px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:26px;color:var(--black)}.rink-callout strong,.rink-callout small{display:block;white-space:nowrap}.rink-callout strong{font-size:11px;letter-spacing:.055em}.rink-callout small{font-size:9px;color:#8c98a9;font-weight:900;margin-top:2px;letter-spacing:.05em}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:46px 0 18px}.section-heading h2{font-size:28px;line-height:1.3;font-weight:900;margin:6px 0 0;letter-spacing:-.064em}.section-date{color:#8a97a7;font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:26px}.metric-card{background:white;border:1px solid var(--line);border-radius:15px;padding:22px 22px 21px;box-shadow:var(--shadow);min-height:135px;transition:transform .2s}.metric-card:hover{transform:translateY(-2px)}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#8a98a8;font-size:10px;letter-spacing:.08em;font-weight:900}.metric-icon{color:#9bb0d7;font-size:17px}.metric-primary{font:900 32px/1.35 var(--head);letter-spacing:-.07em;margin-top:15px;color:#17273a;overflow-wrap:anywhere}.metric-primary.mini-value{font-size:20px;line-height:1.5;letter-spacing:-.04em}.metric-denom{color:#99a5b5;font:800 16px var(--font)}.metric-sub{color:#8b99a9;font-size:11px;margin-top:3px}.split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:23px 24px;box-shadow:var(--shadow);min-width:0}.card.flush{padding:0}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.card.flush .card-head{padding:27px 28px 0}.card-head.no-bottom{margin-bottom:22px}.card-head h3{font-size:20px;letter-spacing:-.055em;font-weight:900;line-height:1.2;margin:7px 0 0}.textbtn{background:none;border:0;padding:4px 0;color:var(--blue);font-size:11px;font-weight:900;white-space:nowrap}.textbtn:hover{text-decoration:underline}.home-games,.watch-players{padding:0 27px 18px}.home-game{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;border-bottom:1px solid var(--line);cursor:pointer}.home-game:last-child{border:0}.home-game:hover .game-teamnames{color:var(--blue)}.game-topline{font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#8d9bad;margin-bottom:5px}.game-teamnames{font:800 15px var(--head);letter-spacing:-.04em}.game-score{font:900 20px var(--head);white-space:nowrap;text-align:right}.game-score small{display:block;color:#919fb0;font:600 10px var(--font);margin-top:4px}.empty-state{width:100%;text-align:center;padding:42px 20px 47px;color:#7f8da0;border:1px dashed #e3e8f3;background:#f9fbfe;border-radius:14px}.empty-icon{display:grid;place-items:center;margin:0 auto 13px;width:38px;height:38px;color:var(--blue);font-size:22px;border-radius:50%;background:#e8eeff}.empty-state strong{display:block;font-size:13px;color:#32445a}.empty-state p{font-size:11px;line-height:1.65;margin:7px auto 0;max-width:320px}.watch-player{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);cursor:pointer}.watch-player:hover .player-name{color:var(--blue)}.watch-player:last-child{border:0}.watch-content{min-width:0;flex:1}.player-name{font-weight:900;line-height:1.4;font-size:13px;color:var(--ink);overflow-wrap:anywhere}.player-detail{font-size:11px;margin-top:3px;color:#8b98a9}.watch-right{color:#8fa1b7;font-weight:900;font-size:14px}.headshot-sm{object-fit:cover;object-position:top;width:45px;height:45px;flex:0 0 45px;border-radius:12px;background:#e4eaff}.headshot-initial,.avatar-lg.initial,.modal-avatar.initial{display:grid;place-items:center;font:800 13px var(--head);color:#3154bb;background:#e8efff}.pos-chip{display:inline-grid;place-items:center;min-width:31px;padding:6px 8px;background:#f0f3f8;border-radius:8px;color:#64758e;font-size:10px;font-weight:900}.signal-bar{margin-top:19px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-radius:15px;background:#ebf0fb;border:1px solid #dfe6fa;padding:15px 22px}.signal-left{display:flex;gap:13px;align-items:center}.signal-orb{display:grid;place-items:center;background:var(--blue);color:white;width:36px;height:36px;border-radius:10px;font-size:17px}.signal-left strong{display:block;color:#253b65;font-size:12px}.signal-left span:not(.signal-orb){display:block;color:#788cad;font-size:10px;margin-top:2px}.page-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:16px 0 30px}.page-heading h1{font-size:clamp(45px,5vw,70px);line-height:1.08;margin:10px 0 13px;font-weight:900;color:#14253a}.page-heading h1 span{color:var(--blue)}.page-heading p{font-size:13px;line-height:1.75;color:#7a8a9e;max-width:620px;margin:0}.page-heading-actions{display:flex;align-items:end;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex:none}.date-label{font-size:10px;font-weight:800;letter-spacing:.06em;color:#7b8da0;display:grid;gap:5px}.input{min-height:41px;padding:10px 12px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#1a3049;outline:0;min-width:0;width:100%;box-shadow:none}.input:focus{border-color:#7290fa;box-shadow:0 0 0 3px #2047e415}.status-banner{background:#f2f5fb;border:1px solid #dfe6f3;border-radius:12px;padding:13px 16px;color:#718197;font-size:11px;margin-bottom:18px}.status-banner.good{background:#eaf6f1;color:#36795e;border-color:#cdebdc}.status-banner.bad{background:#fbf0eb;color:#a96348;border-color:#f0dcd3}.games-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px}.game-card{display:block;text-align:left;min-width:0;width:100%;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;color:var(--ink);box-shadow:var(--shadow);transition:transform .18s,border-color .18s}.game-card:hover{transform:translateY(-3px);border-color:#b9c9fe}.game-top,.game-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#96a4b5;font-size:10px;font-weight:800}.game-top{margin-bottom:26px}.live-badge{font-size:10px;padding:6px 9px;background:#f0f3f8;color:#75869a;border-radius:7px;font-weight:900;white-space:nowrap}.live-badge.on{color:#bf2e31;background:#ffe9e9}.game-lines{display:grid;gap:13px}.score-line{display:flex;align-items:center;gap:11px}.team-square{border-radius:11px;background:#edf2fc;color:#36589e;display:grid;place-items:center;flex:0 0 45px;width:45px;height:45px;font-size:10px;font-weight:900}.score-line strong{font-size:13px;flex:1;overflow-wrap:anywhere}.score{font:900 24px var(--head)}.score.unset{color:#9ca9b8}.game-footer{margin-top:28px;border-top:1px solid var(--line);padding-top:14px;color:#76869d}.small-note{font-size:11px;line-height:1.65;color:#8190a4;margin-top:14px}.directory-control{display:grid;grid-template-columns:minmax(220px,1fr) 190px 205px;gap:11px;margin:24px 0 15px}.searchbar{display:flex;align-items:center;gap:8px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;padding:0 15px;min-height:48px}.searchbar input{flex:1;min-width:0;border:0;outline:0;color:var(--ink)}.searchicon{font-size:19px;color:#8fa2b8}.shortcut{font-size:9px;color:#adbbca;letter-spacing:.08em;font-weight:900}.directory-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8c9bad;margin-bottom:17px}.directory-meta span:first-child{color:#526880;font-weight:900}.players-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.player-card{text-align:left;display:flex;flex-direction:column;min-width:0;min-height:225px;padding:19px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);transition:transform .17s,border-color .17s;box-shadow:var(--shadow)}.player-card:hover{transform:translateY(-3px);border-color:#bbcbf7}.player-card-top{display:flex;align-items:start;justify-content:space-between;margin-bottom:20px}.avatar-lg{width:90px;height:94px;border-radius:14px;background:#f0f3ff;object-fit:cover;object-position:top}.avatar-lg.initial{font-size:25px}.player-card .player-name{font:900 16px/1.25 var(--head);letter-spacing:-.05em;margin-bottom:20px}.player-card-footer{display:flex;justify-content:space-between;align-items:end;gap:8px;margin-top:auto}.player-card-footer small{font-size:10px;color:#8798aa;line-height:1.6;overflow-wrap:anywhere}.arrow-circle{border-radius:50%;display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;background:#eef3ff;color:var(--blue)}.draft-options{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;margin-bottom:22px}.mode-button{min-width:0;text-align:left;background:#fff;border:1px solid var(--line);border-radius:15px;min-height:116px;padding:14px 12px;color:#8693a4;transition:background .15s,border-color .15s,transform .15s;box-shadow:var(--shadow)}.mode-button:hover{transform:translateY(-2px);border-color:#9eaff4}.mode-button.active{border:2px solid var(--blue);background:#edf2ff;color:var(--blue);padding:13px 11px;box-shadow:0 5px 20px #2047e419}.mode-emoji{font:900 24px var(--head);display:block;margin-bottom:7px;color:#9aabcb}.mode-button.active .mode-emoji{color:var(--blue)}.mode-button strong{display:block;font-size:11px;color:#27374b}.mode-button small{display:block;margin-top:5px;font-size:9px;line-height:1.4;color:#8a98aa}.draft-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:17px}.draft-left,.draft-right{display:grid;gap:17px;align-content:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{display:grid;gap:7px;font-size:11px;font-weight:800;color:#78889a}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-top:18px}.fine-print{font-size:10px;color:#8c9cac;line-height:1.5}.tiny-tag{padding:6px 9px;border:1px solid #dce5f9;background:#edf3ff;color:var(--blue);font-weight:900;font-size:10px;letter-spacing:.04em;border-radius:8px;white-space:nowrap}.board-progress{height:5px;background:#e7edf7;border-radius:5px;overflow:hidden}.board-progress>div{height:100%;width:0;background:var(--blue);transition:width .2s}.board-picks{max-height:510px;min-height:235px;overflow:auto;margin-top:10px}.board-pick{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.board-pick:last-child{border:0}.pick-num{flex:0 0 23px;font-weight:900;color:#abb6c5;font-size:11px}.pick-main{flex:1;min-width:0}.pick-main strong{display:block;color:#29394d;font-size:12px;line-height:1.35}.pick-main span{display:block;font-size:10px;color:#92a0b2;margin-top:4px}.pick-cost{font-size:11px;font-weight:900;color:var(--blue)}.draft-pool-tools{display:grid;grid-template-columns:1fr 95px;gap:8px;margin-bottom:9px}.draft-pool{max-height:633px;min-height:260px;overflow:auto}.draft-pool-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.draft-pool-row:last-child{border:0}.draft-pool-row .btn{font-size:10px;padding:8px 10px;min-height:32px}.draft-pool-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:16px;color:#929eae;font-size:10px}.roster-metrics{margin-bottom:18px}.roster-list{display:grid}.roster-row{display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.roster-row:last-child{border:0}.roster-info{min-width:0;flex:1}.roster-info strong{font-size:13px}.roster-info small{display:block;color:#8b9bad;font-size:11px;margin-top:4px}.roster-row .btn{min-height:34px;font-size:10px;padding:8px 11px}.captain-btn.selected{color:#163f8b;background:#e6efff;border-color:#9db6fa}.settings-grid{margin-bottom:18px}.source-row{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:14px 0}.source-row:last-of-type{border:0}.source-icon{width:39px;height:39px;border-radius:11px;display:grid;place-items:center;background:#e9efff;color:var(--blue);font-weight:900;font-size:15px;flex:0 0 39px}.source-row>div:nth-child(2){flex:1}.source-row strong{display:block;font-size:12px}.source-row span:not(.source-pill){display:block;font-size:10px;color:#8f9faf;line-height:1.6;margin-top:3px}.source-pill{display:inline-block;background:#f8f0e7;color:#a1784e;font-size:10px;font-weight:900;border-radius:8px;padding:6px 9px}.source-pill.good{color:#2f8264;background:#e6f5ed}.source-pill.bad{color:#ae5c54;background:#fff0eb}.notice{margin-top:17px;padding:13px 15px;background:#f3f6ff;border:1px solid #e1e8f7;border-radius:10px;color:#687e9e;font-size:11px;line-height:1.7}.rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.rules-grid label{display:grid;gap:7px;font-weight:800;color:#7e8ca0;font-size:11px}.source-info p{font-size:12px;line-height:1.9;color:#75859a;max-width:1040px;margin:12px 0}.source-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;font-size:11px;font-weight:900}.modal-scrim{position:fixed;inset:0;z-index:70;background:#0c1724a6;backdrop-filter:blur(6px);display:grid;place-items:center;padding:22px}.modal-scrim[hidden]{display:none}.modal{background:#fff;color:var(--ink);border-radius:23px;width:min(760px,100%);max-height:min(90vh,880px);padding:29px 34px;overflow:auto;position:relative;box-shadow:0 25px 100px #07142463}.modal-close{position:absolute;top:20px;right:21px;width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#f0f3f8;color:#5c6b7e;border:0;font-size:16px}.modal-hero{display:flex;align-items:center;gap:22px;padding-right:28px;margin-bottom:20px}.modal-avatar{width:112px;height:112px;flex:0 0 112px;border-radius:17px;object-fit:cover;object-position:top;background:#edf2fe}.modal-avatar.initial{font-size:32px}.modal h2{font-size:clamp(28px,3vw,43px);line-height:1.1;margin:9px 0}.modal-sub{font-size:12px;color:#8a99aa}.modal-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.modal-stat{background:#f4f7fd;border-radius:11px;border:1px solid #ebf0f9;padding:14px}.modal-stat small{display:block;font-size:9px;font-weight:900;color:#8e9caf;letter-spacing:.07em;margin-bottom:7px}.modal-stat strong{font:900 20px var(--head)}.bio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 23px}.bio-field{padding:12px 0;border-bottom:1px solid var(--line)}.bio-field small{display:block;color:#8d9daf;font-size:10px;margin-bottom:4px}.bio-field strong{font-size:12px}.modal-note{font-size:11px;line-height:1.65;background:#f5f7fb;border-radius:11px;padding:14px;color:#7d8ca0;margin-top:19px}.modal-link{display:inline-block;font-size:12px;font-weight:900;margin-top:17px}.event-row{display:flex;align-items:start;gap:12px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.event-row strong{color:var(--blue);min-width:76px}.event-row span{color:#70849a}.toast{position:fixed;bottom:23px;right:23px;z-index:99;padding:13px 17px;color:#fff;background:#1e3bd4;border:1px solid #5168e3;box-shadow:0 15px 35px #17337e35;border-radius:11px;font-size:12px;font-weight:800;transform:translateY(25px);opacity:0;pointer-events:none;transition:.2s;max-width:min(400px,90vw)}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1320px){.sidebar{padding:0 25px;gap:12px}.content{padding-left:25px;padding-right:25px}.topbar{padding:0 25px}.navlink{padding-left:9px;padding-right:9px;font-size:11px}.brand-copy strong{font-size:15px}.status-box{display:none}.players-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.draft-options{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1020px){.sidebar{height:auto;min-height:78px;flex-wrap:wrap;justify-content:space-between;padding:12px 20px 0}.brand{margin:0 10px 12px 0}.mainnav{order:3;flex:1 0 100%;height:44px;justify-content:space-between;gap:0;overflow:auto}.navlink{font-size:11px;padding:0 10px;flex:1}.sidebar-bottom{margin-left:auto;margin-bottom:9px}.topbar{height:57px;padding:0 20px}.content{padding:0 20px 60px}.hero{min-height:405px;grid-template-columns:57% 43%}.hero-text{padding:55px 36px}.hero h1{font-size:clamp(54px,7vw,70px)}.hero-graphic{border-radius:100px 20px 20px 100px / 45% 20px 20px 45%}.metrics-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.draft-layout{grid-template-columns:1fr}.games-grid{grid-template-columns:repeat(2,1fr)}.players-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.sidebar{position:sticky;top:0;min-height:0;padding:10px 12px 0}.brand{margin-bottom:8px}.brand-mark{width:37px;height:37px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:7px}.mainnav{height:43px;overflow-x:auto;justify-content:initial;scrollbar-width:none}.navlink{flex:0 0 auto;font-size:11px;padding:0 11px}.sidebar-bottom{margin:0 0 8px}.league-toggle{padding:3px}.league-button{min-width:44px;padding:7px;font-size:10px}.topbar{height:48px;padding:0 14px}.breadcrumb{font-size:8px}.breadcrumb strong{font-size:10px}.season-pill{display:none}.user-icon{display:none}.iconbtn{height:30px;width:30px}.content{padding:0 12px 55px}#view-overview>.eyebrow{margin-left:3px;font-size:8px}.hero{grid-template-columns:1fr;margin-top:14px;min-height:0;border-radius:20px}.hero-text{padding:30px 25px 29px}.hero h1{font-size:57px;margin:13px 0}.hero p{font-size:12px;max-width:420px;margin-bottom:19px}.hero-kicker{font-size:9px}.hero-graphic{min-height:210px;border-radius:80px 80px 20px 20px/45% 45% 20px 20px}.rink-art{height:300px;top:-49px;left:0}.rink-caption{top:12px;left:25px;font-size:8px}.rink-callout{bottom:16px;right:18px;padding:10px 12px}.rink-callout strong{font-size:9px}.rink-callout small{font-size:8px}.callout-bullet{width:29px;height:29px;font-size:18px}.hero-actions{gap:7px}.btn{min-height:39px;padding:10px 12px;font-size:10px}.section-heading{margin-top:33px}.section-heading h2{font-size:23px}.section-date{font-size:9px;text-align:right}.metrics-grid{gap:8px;margin-bottom:15px}.metric-card{padding:14px;min-height:111px}.metric-top{font-size:8px}.metric-primary{font-size:24px;margin-top:10px}.metric-primary.mini-value{font-size:17px}.metric-sub{font-size:9px}.split-grid{gap:12px}.card{padding:19px 15px;border-radius:15px}.card.flush .card-head{padding:22px 19px 0}.home-games,.watch-players{padding:0 18px 13px}.signal-bar{padding:13px;align-items:start;flex-direction:column;gap:8px}.signal-left strong{font-size:11px}.page-heading{flex-direction:column;align-items:stretch;gap:15px;margin-top:10px;margin-bottom:20px}.page-heading h1{font-size:43px}.page-heading p{font-size:11px}.page-heading-actions{justify-content:flex-start}.directory-control{grid-template-columns:1fr 1fr;gap:8px}.directory-control .searchbar{grid-column:1/-1}.directory-meta{font-size:9px}.players-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.player-card{padding:13px;min-height:205px}.player-card .player-name{font-size:13px}.player-card-top{margin-bottom:15px}.avatar-lg{width:68px;height:75px}.games-grid{grid-template-columns:1fr}.draft-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.mode-button{min-height:102px}.form-grid{gap:9px}.form-grid label{font-size:10px}.draft-pool-row{gap:8px}.draft-pool-row .btn{font-size:9px}.roster-row{flex-wrap:wrap;gap:8px}.roster-row .roster-info{flex:1 1 70%}.roster-row .btn{flex:1}.modal{padding:24px 17px}.modal-hero{gap:12px}.modal-avatar{height:80px;width:80px;flex-basis:80px}.modal-statgrid{grid-template-columns:repeat(2,1fr)}.bio-grid{gap:0 12px}.bio-field strong{font-size:11px}.source-links{gap:11px}}
@media(max-width:375px){.brand-copy strong{font-size:12px}.brand{gap:7px}.league-button{min-width:40px}.hero h1{font-size:49px}.hero-actions .btn{font-size:9px}}
/* Live leagues — V3 clean/light UI */
#view-leagues {max-width:1370px}
#view-leagues [hidden]{display:none!important}
.live-notice{padding:14px 18px;background:#eef4ff;border:1px solid #dbe7ff;color:#344967;border-radius:14px;font-size:13px;line-height:1.6;margin-bottom:20px}
.live-notice strong{color:#192c4b}
.live-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,0.95fr);gap:22px}
.live-auth-card{padding:33px!important;max-width:700px}
.live-auth-card h2{font-size:32px;letter-spacing:-1px;margin:8px 0}
.live-sublabel{font-size:14px;margin-bottom:22px}
.live-auth-switch{display:flex;gap:9px;margin-bottom:18px}
.live-form{display:grid;gap:15px}.live-form-tight{gap:12px}
.live-form label{font-size:12px;font-weight:750;color:#46546c;display:grid;gap:7px}
.live-form .input{width:100%}
.live-illustration{position:relative;overflow:hidden;padding:42px;min-height:380px;background:#2855ea;color:#fff;border-radius:20px}
.live-illustration h2{max-width:360px;color:#fff;font-size:39px;line-height:1.15;letter-spacing:-1.3px;margin:14px 0}
.live-illustration p{max-width:345px;line-height:1.7;color:#e4eeff}
.live-illustration-rink{position:absolute;right:-30px;bottom:-100px;width:320px;height:280px;border:3px solid #aec8fc;border-radius:40%;display:grid;place-items:center;font-size:140px;color:#d3ff80;opacity:.45}
.live-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:18px 0 24px}
.live-columns>.card{padding:25px!important;min-width:0}
.live-columns h3,.live-room h3{font-size:22px;margin:9px 0 17px}
.live-welcome,.live-room-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.live-welcome h2{font-size:24px;margin-top:4px}
.live-two,.live-three{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}
.live-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.live-code-input{text-transform:uppercase;letter-spacing:3px;font-weight:800}
.live-rule{border:0;border-top:1px solid #e5eaf1;margin:25px 0}
.live-league-list{display:grid;gap:9px}
.live-league-item{display:grid;grid-template-columns:1fr auto;gap:5px;width:100%;background:#f9fafd;color:#15213b;text-align:left;border:1px solid #e8edf5;border-radius:13px;padding:14px;cursor:pointer}
.live-league-item strong{font-size:14px}.live-league-item small{color:#667588;grid-column:1;grid-row:2}.live-league-item span{grid-column:2;grid-row:1/3;align-self:center}
.live-league-item:hover,.live-league-item.selected{border-color:#335ce8;background:#f0f5ff}
.live-room{padding:27px!important}.live-room-top h2{font-size:29px;margin:7px 0}.live-room-meta{font-size:13px}
.live-room-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:23px 0}
.live-room-info>div{background:#f7f9fd;border-radius:13px;padding:17px;display:grid;gap:10px;min-width:0}
.live-room-info small{color:#7b8699;font-size:10px;font-weight:800;letter-spacing:1px}
.live-room-info strong{color:#1c2b47;overflow-wrap:anywhere;font-size:15px}
.live-invite-code{letter-spacing:2px;color:#2855ea!important}
.live-room-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px;margin:27px 0}
.live-board{background:#fff;border:1px solid #e6ebf4;border-radius:15px;min-height:125px;max-height:390px;overflow:auto;padding:10px}
.live-board .small-note{padding:12px}
.live-board-item{display:flex;align-items:center;gap:11px;padding:12px;border-bottom:1px solid #edf0f5;min-width:0}
.live-board-item:last-child{border-bottom:0}.live-board-item>div{display:grid;gap:3px;min-width:0;flex:1}
.live-board-item strong{font-size:13px;color:#1b2945;overflow-wrap:anywhere}.live-board-item small{font-size:11px;color:#758296}
.live-rank{width:30px;text-align:center;font-size:12px;color:#3661ef;font-weight:900}.live-control-row{display:flex;gap:10px;flex-wrap:wrap}
.live-turn-alert{background:#f2ffe2;border:1px solid #ccf299;color:#2d5a0f;padding:12px 15px;border-radius:11px;font-weight:800;font-size:13px;margin:13px 0}
.live-pool-tools{display:flex;gap:10px;margin:13px 0}.live-pool-tools>.input:first-child{flex:1;min-width:0}
.live-pool-tools>.input{max-width:250px}.live-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:550px;overflow:auto}
.live-pool-player{display:flex;align-items:center;gap:10px;border:1px solid #e9edf5;background:#fff;border-radius:13px;padding:10px 12px;min-width:0}
.live-pool-player>div:nth-child(2){min-width:0;flex:1;display:grid;gap:3px}.live-pool-player strong{font-size:12px;color:#203047;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.live-pool-player small{font-size:11px;color:#7c8799;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.live-player-icon{width:37px;height:37px;border-radius:50%;background:#e9efff;color:#2d53c6;display:grid;place-items:center;font-size:11px;font-weight:900;flex:none}
.live-flash{padding:12px 16px;border-radius:12px;background:#e9f6e8;color:#326636;margin-bottom:14px;font-size:13px;font-weight:700}
.live-flash.error{background:#fff0f0;color:#a82932}.network-indicator{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:900;color:#3565c8;white-space:nowrap}
.network-bulb{width:7px;height:7px;border-radius:50%;background:#42bf72}
@media(max-width:950px){.live-login,.live-columns,.live-room-grid{grid-template-columns:1fr}.live-room-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.live-illustration{display:none}.live-pool{grid-template-columns:1fr}.live-pool-tools{flex-wrap:wrap}.live-pool-tools>.input{max-width:none}.live-room-info{grid-template-columns:1fr 1fr}.live-room{padding:16px!important}.live-three{grid-template-columns:repeat(3,minmax(0,1fr))}.live-auth-card{padding:20px!important}}
