:root{--ink:#07112d;--navy:#091638;--blue:#1977ff;--cyan:#55dfff;--muted:#9aaccc;--line:rgba(145,181,255,.16)}
.fixture-match-link{display:block;width:100%;border:0;background:transparent;color:inherit;padding:0;text-align:inherit;cursor:pointer;font:inherit}.fixture-match-link:hover .teams b{color:var(--cyan)}.fixture-match-link:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:7px}.match-modal{position:relative;width:min(100%,760px);padding:31px;border:1px solid #3469b6;border-radius:17px;background:linear-gradient(145deg,#102a61,#071737);box-shadow:0 28px 80px #000a;transform:translateY(12px);transition:.25s}.modal-backdrop.open .match-modal{transform:translateY(0)}.close-match{position:absolute;right:17px;top:15px;width:31px;height:31px;border:0;border-radius:8px;background:#ffffff12;color:#d7e8ff;font-size:24px;line-height:1;cursor:pointer}.match-preview-top{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-right:36px}.match-preview-top h2{font-size:31px;letter-spacing:-1.5px;margin:8px 0}.match-preview-top p:last-child{margin:0;color:#a9bcdf;font-size:12px}.preview-start{white-space:nowrap}.preview-status{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#091d41;color:#b9cce8;font-size:11px}.preview-status i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;background:#f8c75c}.preview-status small{color:#829cc4;font:9px 'DM Mono'}.preview-lineups .draft-player{cursor:default}.preview-lineups .draft-player:hover{background:#0b2046}@media(max-width:560px){.match-modal{padding:22px 15px}.match-preview-top{display:block;padding-right:33px}.preview-start{margin-top:16px}.preview-status small{display:none}}
.draft-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.draft-head h2{font-size:37px;letter-spacing:-2px;margin:8px 0}.draft-timer{min-width:96px;padding:12px 10px;border:1px solid #3d7eca;border-radius:10px;background:#0b2b5c;text-align:center}.draft-timer span{display:block;font:9px 'DM Mono';color:#9ecbff}.draft-timer b{display:block;margin-top:5px;color:#56f1b2;font:700 22px 'DM Mono'}.draft-progress{display:flex;justify-content:space-between;padding:11px 0;margin:7px 0 13px;border-block:1px solid var(--line);color:#9eb4d9;font:10px 'DM Mono'}.draft-progress span:first-child{color:var(--cyan)}.draft-picks{display:grid;grid-template-columns:1.4fr 1fr;gap:10px;margin-bottom:13px}.draft-picks>div{padding:11px;border-radius:9px;background:#071936;border:1px solid var(--line)}.draft-picks span{display:block;margin-bottom:8px;color:#9eb4d9;font:9px 'DM Mono'}.draft-picks b{color:#e2efff;font-size:11px}.draft-picks #your-picks{display:flex;gap:7px}.draft-picks i{min-width:72px;padding:7px 8px;border-radius:6px;background:#142b53;color:#7991bc;font:10px 'DM Mono';font-style:normal}.draft-picks i.picked{color:#072042;background:#56dfff}.draft-note{margin:0 0 13px;color:#8298bf;font-size:10px;text-align:center}.lineup-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lineup-columns section{min-width:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#081936}.lineup-columns h3{display:flex;align-items:center;gap:8px;margin:0;padding:11px;font-size:12px;border-bottom:1px solid var(--line)}.lineup-columns h3 .team-badge{width:23px;height:23px;border-radius:7px;font-size:8px}.draft-player-list{display:grid;gap:1px}.draft-player{display:flex;align-items:center;width:100%;border:0;background:#0b2046;color:#e8f1ff;padding:9px 10px;text-align:left;cursor:pointer;font:600 11px Manrope;transition:.15s}.draft-player:hover:not(:disabled){background:#174c91}.draft-player:disabled{cursor:not-allowed;color:#6682ae;background:#091b39}.draft-player span{width:22px;color:#7fa2d3;font:9px 'DM Mono'}.draft-player small{margin-left:auto;color:#87a0c5;font:9px 'DM Mono'}.draft-player.selected{background:#2b8fce;color:#061d3e}.draft-player.selected span,.draft-player.selected small{color:#082b4a}@media(max-width:480px){.lineup-columns{grid-template-columns:1fr}.draft-head{align-items:center}.draft-picks{grid-template-columns:1fr}.draft-progress span:last-child{display:none}}
.room-status{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin:18px 0 10px;border:1px solid var(--line);border-radius:9px;background:#0b2149;color:#b8c9e5;font-size:12px}.room-status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#45e7ae;box-shadow:0 0 10px #45e7ae}.room-status b{color:var(--cyan);font:700 14px 'DM Mono'}.room-code{display:flex;align-items:center;gap:12px;padding:13px 14px;margin-bottom:14px;border:1px solid #3767ab;border-radius:10px;background:#071936}.room-code span{font:10px 'DM Mono';color:#9cb1d4}.room-code b{margin-right:auto;color:var(--cyan);font:700 15px 'DM Mono';letter-spacing:.8px}.room-code button{border:0;border-radius:6px;background:#204e94;color:#e0efff;padding:8px 10px;font:700 10px Manrope;cursor:pointer}.player-slots{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:280px;overflow:auto;padding-right:3px}.player-slot{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:#091b3d}.player-slot>i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#1e60b9;color:#ccefff;font:9px 'DM Mono';font-style:normal}.player-slot b{font-size:11px}.player-slot span{font:9px 'DM Mono';color:#7f96bd}.player-slot.empty{opacity:.55}.player-slot.empty>i{background:#172a50;color:#6680aa}.start-draft{width:100%;margin-top:18px}.draft-started{color:#42edb0;text-align:center;font:700 12px 'DM Mono';margin:19px 0 0}
.lobby-modal{position:relative;width:min(100%,535px);padding:31px;border:1px solid #3469b6;border-radius:17px;background:linear-gradient(145deg,#102a61,#071737);box-shadow:0 28px 80px #000a;transform:translateY(12px);transition:.25s}.modal-backdrop.open .lobby-modal{transform:translateY(0)}.close-lobby{position:absolute;right:17px;top:15px;width:31px;height:31px;border:0;border-radius:8px;background:#ffffff12;color:#d7e8ff;font-size:24px;line-height:1;cursor:pointer}.lobby-modal h2{font-size:37px;letter-spacing:-2px;margin:9px 0}.lobby-match{margin:0 0 23px;color:#b7c8e6;font-size:13px}.lobby-options{display:grid;gap:10px}.lobby-option{position:relative;text-align:left;padding:16px 45px 16px 17px;border:1px solid #365b96;border-radius:10px;background:#071936;color:#fff;cursor:pointer;transition:.16s}.lobby-option:hover{border-color:var(--cyan);background:#0d2d60;transform:translateX(3px)}.lobby-option span{display:block;color:var(--cyan);font:10px 'DM Mono';letter-spacing:.6px}.lobby-option b{display:block;margin:4px 0;font-size:16px}.lobby-option small{color:#9eb2d6;font-size:11px}.lobby-option i{position:absolute;right:18px;top:calc(50% - 11px);color:var(--cyan);font-size:22px;font-style:normal}.lobby-note{color:#7890b8;font-size:10px;text-align:center;line-height:1.55;margin:20px 0 0}.back-lobby{border:0;background:transparent;color:var(--cyan);font:700 12px Manrope;padding:0;margin-bottom:17px;cursor:pointer}.lobby-modal form{display:grid;gap:15px}.lobby-modal label{display:grid;gap:7px;color:#b6c9e9;font-size:11px;font-weight:800}.lobby-modal input{width:100%;border:1px solid #436493;background:#071632;color:white;border-radius:8px;padding:12px;font:500 13px Manrope;outline:none}.lobby-modal input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #55dfff22}.lobby-modal label small{color:#7e94bb;font-size:10px;font-weight:500}.ready-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#3cebad;color:#06223b;font:800 24px 'DM Mono';margin-bottom:19px}.invite-code{display:grid;grid-template-columns:1fr auto;gap:3px 12px;align-items:center;padding:15px 16px;margin:22px 0 16px;border:1px solid #3767ab;border-radius:10px;background:#071936}.invite-code span{font:10px 'DM Mono';color:#9cb1d4}.invite-code b{font:700 21px 'DM Mono';color:var(--cyan);letter-spacing:1px}.invite-code button{grid-column:2;grid-row:span 2;border:0;border-radius:7px;background:#204e94;color:#e0efff;padding:9px 12px;font:700 11px Manrope;cursor:pointer}.enter-lobby{width:100%;margin-top:5px}
.profile-modal{position:relative;width:min(100%,570px);max-height:calc(100vh - 36px);overflow:auto;padding:31px;border:1px solid #3469b6;border-radius:17px;background:linear-gradient(145deg,#102a61,#071737);box-shadow:0 28px 80px #000a;transform:translateY(12px);transition:.25s}.modal-backdrop.open .profile-modal{transform:translateY(0)}.close-profile{position:absolute;right:17px;top:15px;width:31px;height:31px;border:0;border-radius:8px;background:#ffffff12;color:#d7e8ff;font-size:24px;line-height:1;cursor:pointer}.profile-hero{display:flex;align-items:center;gap:17px;padding-right:35px}.profile-hero>span{display:grid;place-items:center;width:65px;height:65px;border-radius:19px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#061737;font:800 19px 'DM Mono'}.profile-hero h2{margin:5px 0 2px;font-size:32px;letter-spacing:-1.5px}.profile-hero p{margin:0;color:#a8bbdc;font-size:12px}.profile-hero small{display:block;margin-top:5px;color:#7189b4;font:9px 'DM Mono'}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:27px 0 16px;border:1px solid var(--line);border-radius:10px;background:#071936}.profile-stats div{padding:15px 10px;text-align:center;border-right:1px solid var(--line)}.profile-stats div:last-child{border:0}.profile-stats b{display:block;color:var(--cyan);font:700 18px 'DM Mono'}.profile-stats span{font-size:9px;color:#a7b9d8}.profile-section-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:11px;color:#dcecff;font:700 10px 'DM Mono';letter-spacing:.5px}.profile-section-head span{color:#7590ba;font-size:8px}.profile-activity{margin:0 0 20px;padding:15px;border:1px solid var(--line);border-radius:10px;background:#081936}.empty-history{display:grid;grid-template-columns:auto 1fr auto;gap:11px;align-items:center}.empty-history>i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#143567;color:var(--cyan);font-style:normal}.empty-history b{font-size:11px}.empty-history p{margin:3px 0 0;color:#8fa5ca;font-size:9px;line-height:1.45}.empty-history button{border:0;background:transparent;color:var(--cyan);font:700 10px Manrope;cursor:pointer;white-space:nowrap}.empty-history button span{font-size:15px}.profile-modal form{display:grid;gap:13px}.profile-modal label{display:grid;gap:7px;color:#b6c9e9;font-size:11px;font-weight:800}.profile-modal label small{color:#7891bb;font-size:9px;font-weight:500}.profile-modal input{width:100%;border:1px solid #436493;background:#071632;color:white;border-radius:8px;padding:12px;font:500 13px Manrope;outline:none}.profile-modal input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #55dfff22}.sign-out{display:block;border:0;background:transparent;color:#96a9cb;font:700 11px Manrope;margin:18px auto 0;cursor:pointer}.sign-out:hover{color:#fff}
.modal-backdrop{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:20px;background:#020818b8;backdrop-filter:blur(9px);opacity:0;visibility:hidden;transition:.22s}.modal-backdrop.open{opacity:1;visibility:visible}.auth-modal{position:relative;width:min(100%,460px);padding:31px;border:1px solid #3469b6;border-radius:17px;background:linear-gradient(145deg,#102a61,#071737);box-shadow:0 28px 80px #000a;transform:translateY(12px);transition:.25s}.modal-backdrop.open .auth-modal{transform:translateY(0)}.close-modal{position:absolute;right:17px;top:15px;width:31px;height:31px;border:0;border-radius:8px;background:#ffffff12;color:#d7e8ff;font-size:24px;line-height:1;cursor:pointer}.auth-copy{margin:31px 0 24px}.auth-copy h2{font-size:37px;letter-spacing:-2px;margin:9px 0}.auth-copy>p:last-child{font-size:13px;line-height:1.55;color:#a9bbdc;max-width:370px}#auth-form{display:grid;gap:14px}#auth-form label{display:grid;gap:7px;color:#b6c9e9;font-size:11px;font-weight:800}#auth-form input{width:100%;border:1px solid #436493;background:#071632;color:white;border-radius:8px;padding:12px;font:500 13px Manrope;outline:none}#auth-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #55dfff22}.form-submit{width:100%;margin-top:6px}.switch-auth,.auth-note{text-align:center}.switch-auth{font-size:12px;color:#9cafcf;margin:20px 0 0}.switch-auth button{border:0;background:transparent;color:var(--cyan);font:800 12px Manrope;cursor:pointer}.auth-note{font-size:10px;color:#6f85ac;margin:14px 0 0}.auth-modal.login-mode .name-field{display:none}.auth-modal.login-mode .form-submit{font-size:0}.auth-modal.login-mode .form-submit:after{content:'Log in to Draft Day  →';font-size:13px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#f5f8ff;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}
.glow{position:absolute;filter:blur(100px);pointer-events:none;border-radius:50%;opacity:.22}
.glow-one{width:500px;height:500px;background:#185aff;right:-120px;top:0}
.glow-two{width:400px;height:400px;background:#00a7f7;left:-250px;top:650px}
header,main,footer{position:relative;max-width:1200px;margin:auto}
main{display:flex;flex-direction:column}.hero{order:1}.ticker{order:2}.fixtures{order:3}.how{order:4}.scoring{order:5}.rankings{order:6}
header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 28px}
.brand{font-size:17px;letter-spacing:-.8px;font-weight:800;color:#fff;text-decoration:none}
.brand-menu-trigger{position:relative;border:0;background:transparent;padding:0;cursor:pointer;font-family:Manrope;text-align:left}.brand-menu-trigger small{display:block;margin:3px 0 0 32px;color:#82a2d3;font:8px 'DM Mono';letter-spacing:1px;opacity:0;transform:translateY(-3px);transition:.18s}.brand-menu-trigger:hover small,.brand-menu-trigger:focus-visible small{opacity:1;transform:translateY(0)}.brand-menu-trigger:focus-visible{outline:2px solid var(--cyan);outline-offset:6px;border-radius:4px}
.brand>span:not(.brand-mark){color:var(--cyan)}
.brand-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#07112d;margin-right:7px;font-size:14px}
nav{display:flex;gap:28px}
nav a,footer a{color:#afbfdb;text-decoration:none;font-size:13px;font-weight:700}.nav-cta{color:var(--cyan)}
.ghost,.primary,.join{border:0;cursor:pointer;font:700 13px Manrope;border-radius:9px;padding:11px 16px}
.ghost{background:rgba(255,255,255,.06);color:#e9f1ff;border:1px solid var(--line)}
.hero{min-height:575px;padding:78px 28px 55px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}
.eyebrow,.section-label{font:500 11px 'DM Mono';letter-spacing:1.5px;color:var(--cyan)}
.eyebrow i{width:7px;height:7px;border-radius:50%;background:#39ed9b;display:inline-block;margin-right:8px;box-shadow:0 0 12px #39ed9b}
h1,h2{margin:14px 0;font-size:clamp(45px,5.7vw,72px);line-height:.99;letter-spacing:-4px}
em{font-style:normal;color:var(--cyan)}
.intro{max-width:450px;color:#b6c3db;font-size:17px;line-height:1.65}
.actions{display:flex;align-items:center;gap:27px;margin-top:32px}
.primary{background:linear-gradient(135deg,#2287ff,#41d5ff);box-shadow:0 10px 28px #1074f855;color:#06122e;padding:14px 20px}
.primary b,.join b{font-size:18px;margin-left:12px}
.text-link,.text-button{color:#dceaff;font-size:13px;font-weight:700;text-decoration:none}.text-button{border:0;background:transparent;padding:0;cursor:pointer;font-family:Manrope}
.text-link span,.text-button span{color:var(--cyan);font-size:18px;margin-left:7px}.hero-join{text-decoration:none;display:inline-block}
.proof{display:flex;align-items:center;gap:12px;margin-top:45px}
.proof p{color:#9cacc8;font-size:11px;line-height:1.5}
.proof strong{color:#fff}
.avatars{display:flex}
.avatars span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--ink);margin-left:-6px;font-size:9px;font-weight:800;background:#1654a5}
.avatars span:nth-child(2){background:#6627ae}
.avatars span:nth-child(3){background:#079780}
.avatars span:nth-child(4){background:#ba4c20}
.hero-game{width:min(100%,440px);justify-self:end;background:#0b1d48;border:1px solid #2c579a;border-radius:17px;box-shadow:0 30px 70px #0008;overflow:hidden;transform:rotate(2deg)}
.screen-top,.screen-bottom{padding:17px 20px;display:flex;justify-content:space-between;align-items:center;background:#0e2456}
.screen-top small{display:block;color:var(--cyan);font:10px 'DM Mono';margin-bottom:5px}
.screen-top b{font-size:13px}
.screen-top b span{color:#fff;margin:0 5px}
.screen-top time{font:700 18px 'DM Mono';color:#42efae}
.pitch{height:275px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#0a5c65 0 42px,#095664 42px 84px)}
.pitch:before,.pitch:after{content:"";position:absolute;border:1px solid #54c8bf77}
.pitch:before{inset:16px}
.pitch:after{width:92px;height:92px;border-radius:50%;left:calc(50% - 46px);top:calc(50% - 46px)}
.player-card{position:absolute;z-index:2;width:128px;padding:13px;border-radius:10px;background:linear-gradient(145deg,#1d7bf9,#1246a8);box-shadow:0 12px 22px #001a5677}
.player-card small{font:9px 'DM Mono';color:#a7e9ff}
.player-card strong{display:block;font-size:22px;margin:7px 0}
.player-card b{font:800 24px 'DM Mono'}
.player-card b i{font:9px 'DM Mono';color:#a7e9ff}
.player-card em{display:block;font:10px 'DM Mono';color:#43eeb1;margin-top:6px}
.card-one{left:28px;top:45px}
.card-two{right:28px;bottom:35px;background:linear-gradient(145deg,#5728bd,#271267)}
.ball{position:absolute;z-index:3;left:48%;top:48%;font-size:20px;color:#fff;filter:drop-shadow(0 2px 2px #000)}
.screen-bottom{font:10px 'DM Mono';color:#8ca2cc}
.screen-bottom b{color:#fff}
.screen-bottom button{font:700 10px 'DM Mono';border:0;border-radius:5px;background:#55dfff;padding:9px;color:#061332;cursor:pointer}
.ticker{border-block:1px solid var(--line);display:flex;height:74px;align-items:center;padding:0 28px;gap:24px;overflow:hidden}
.ticker-label{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#76dfff;font:700 9px 'DM Mono';letter-spacing:.7px;white-space:nowrap}
.ticker-label i{width:7px;height:7px;border-radius:50%;background:#4dffc0;box-shadow:0 0 12px #4dffc0;animation:tickerPulse 1.6s ease-in-out infinite}
.ticker-viewport{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.ticker-track{display:flex;width:max-content;will-change:transform;animation:tickerScroll 116s linear infinite}
.ticker-set{display:flex;align-items:center;flex:0 0 auto}
.ticker-item{display:flex;align-items:center;gap:9px;padding:0 28px;border-right:1px solid #ffffff14;font:11px 'DM Mono';white-space:nowrap}
.ticker-item span{color:#8ea4ca;font-size:9px}.ticker-item.live span{color:#55efb5}.ticker-item.complete span{color:#93a9ca}.ticker-item b{color:#fff}.ticker-item i{font-style:normal;color:#fff}.ticker-item.live i{color:#55efb5}.ticker-item small{max-width:180px;overflow:hidden;text-overflow:ellipsis;color:#8da2c8}
.ticker:hover .ticker-track{animation-play-state:paused}.ticker p{flex:0 0 auto;font:800 10px 'DM Mono';letter-spacing:1.2px;color:#5f759f;white-space:nowrap}
@keyframes tickerScroll{to{transform:translateX(-50%)}}@keyframes tickerPulse{50%{opacity:.38;transform:scale(.72)}}
.how{padding:135px 28px}
.how h2,.fixtures h2,.rankings h2{font-size:clamp(36px,4.4vw,58px);max-width:640px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
.steps article{padding:27px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,#0d1d46aa,#09163888);min-height:230px}
.steps article>span{float:right;color:#6078a4;font:12px 'DM Mono'}
.step-icon{font-size:30px;color:var(--cyan);margin-bottom:27px}
.steps h3{font-size:18px;margin:0 0 9px}
.steps p,.rankings p{font-size:13px;line-height:1.7;color:#9aaccc;max-width:320px}
.scoring{padding:100px 28px;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.scoring h2{font-size:clamp(38px,4.6vw,62px);max-width:480px}.scoring-copy>p{max-width:390px;color:#aabbd7;font-size:14px;line-height:1.7}.goal-highlight{display:flex;align-items:baseline;gap:10px;width:max-content;margin:28px 0 15px;padding:12px 16px;border:1px solid #4adbaa77;border-radius:10px;background:#123b4377}.goal-highlight span,.scoring-note{font:10px 'DM Mono';color:#a8c0df}.goal-highlight b{color:#55efb5;font:800 28px 'DM Mono';letter-spacing:-1px}.goal-highlight small{color:#55efb5;font:10px 'DM Mono'}.scoring-note{line-height:1.6}.score-board{overflow:hidden;border:1px solid #315f9e;border-radius:15px;background:#091a3b;box-shadow:0 22px 55px #0004}.score-board-head,.rating-bonus{display:flex;align-items:center;justify-content:space-between;padding:14px 17px;background:#0d2857;color:#aac6eb;font:10px 'DM Mono';letter-spacing:.5px}.score-board-head b{color:#e7f3ff}.score-board-head span{color:#55dfff}.score-columns{display:grid;grid-template-columns:1fr 1fr}.score-columns>div{padding:16px;border-right:1px solid var(--line)}.score-columns>div:last-child{border:0}.score-columns h3{display:flex;justify-content:space-between;margin:0 0 11px;font-size:12px}.score-columns h3 i{font:700 17px 'DM Mono';font-style:normal;color:#55efb5}.score-columns>div:last-child h3 i{color:#ff8190}.score-columns dl{margin:0}.score-columns dl div{display:flex;justify-content:space-between;gap:9px;padding:7px 0;border-top:1px solid #ffffff0d}.score-columns dt{color:#a7bbda;font-size:10px}.score-columns dd{margin:0;color:#55efb5;font:700 11px 'DM Mono'}.score-columns>div:last-child dd{color:#ff8796}.rating-bonus{gap:10px;border-top:1px solid var(--line);flex-wrap:wrap}.rating-bonus span{width:100%;color:#7e9cc5;font-size:9px}.rating-bonus b{font-size:10px;color:#c9d8ef}.rating-bonus i{font-style:normal;color:#55efb5}.rating-bonus b:last-child i{color:#ff8796}
.fixtures{padding:35px 28px 125px}
.fixture-heading{display:flex;align-items:end;justify-content:space-between}
.gameweek-status{margin:12px 0 0;color:#90a7cc;font:10px 'DM Mono'}
.fixture-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:43px}
.fixture{border:1px solid var(--line);border-radius:13px;padding:25px;background:#0b183a}
.fixture.is-live .fixture-status{color:#55dfff}.fixture.is-complete{opacity:.66}.fixture.is-complete .fixture-status{color:#92a6c6}
.fixture.featured{background:linear-gradient(130deg,#0f3172,#0a1a40)}
.fixture-status{font:10px 'DM Mono';letter-spacing:.6px;color:#43edb0}
.fixture-status.muted{color:#7d92b8}
.teams{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);column-gap:18px;text-align:center;align-items:center;margin:30px 0}
.teams>div{display:grid;gap:8px;justify-items:center;min-width:0;font-size:14px}
.teams>div b{width:100%;min-height:34px;display:grid;place-items:start center;line-height:1.25}
.teams>strong{font:10px 'DM Mono';color:#8ba1c7}
.teams .match-score{display:flex;align-items:center;gap:7px;color:#fff;font:700 22px 'DM Mono';letter-spacing:-1px}.teams .match-score small{color:#7792bc;font:500 14px 'DM Mono'}.fixture.is-live .teams .match-score{color:#55dfff}.goal-scorers{margin-top:12px;padding:10px 0 0;border-top:1px solid var(--line);text-align:left}.goal-scorers span{color:#6fcdf0;font:9px 'DM Mono';letter-spacing:.8px}.goal-scorers p{margin:5px 0 0;color:#c6d5eb;font-size:10px;line-height:1.45}
.team-badge{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:800;background:#fff;color:#111}
.villa{background:#8b2344;color:#9dd9ff}
.arsenal{background:#d92836;color:#fff}
.chelsea{background:#1671d3;color:#fff}
.fixture-meta{display:flex;justify-content:space-between;padding:14px 0;border-top:1px solid var(--line);font:10px 'DM Mono';color:#9aaccc}
.join{background:transparent;color:var(--cyan);padding:10px 0;width:100%;text-align:left}
.rankings{padding:92px 28px 110px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;border-top:1px solid var(--line)}
.rankings .primary{margin-top:17px}
.leaderboard{border:1px solid #25519c;border-radius:14px;background:#0a1a40;overflow:hidden;box-shadow:0 20px 60px #0004}
.board-top{padding:19px 20px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line);font:10px 'DM Mono';color:#9bb0d4}
.board-top b{color:var(--cyan)}
.leader{display:flex;align-items:center;gap:15px;padding:14px 20px;border-bottom:1px solid var(--line)}
.leader:last-child{border:0}
.rank{width:20px;color:#8299bf;font:13px 'DM Mono'}
.rank.first{color:#f6cc56}
.profile{display:grid;grid-template-columns:29px 1fr;column-gap:10px;flex:1}
.profile i{grid-row:span 2;width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:#1d5cbd;font:8px 'DM Mono';font-style:normal}
.profile b{font-size:12px}
.profile small{font-size:9px;color:#8296ba}
.leader>strong{font:700 13px 'DM Mono';color:var(--cyan)}
.leader.user{background:#12448a55}
footer{border-top:1px solid var(--line);padding:30px 28px;display:flex;align-items:center;justify-content:space-between}
footer p{font-size:11px;color:#7589ae}
footer div{display:flex;gap:18px}
#toast{position:fixed;z-index:10;bottom:25px;left:50%;transform:translate(-50%,100px);background:#d9f9ff;color:#06224e;padding:13px 18px;border-radius:9px;font-size:12px;font-weight:800;box-shadow:0 10px 28px #0008;opacity:0;transition:.3s}
#toast.show{transform:translate(-50%,0);opacity:1}
.menu-backdrop{position:fixed;inset:0;z-index:89;background:#02081899;backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.22s}.menu-backdrop.open{opacity:1;visibility:visible}.site-menu{position:fixed;z-index:90;top:0;bottom:0;left:0;width:min(390px,calc(100vw - 28px));padding:27px;background:linear-gradient(145deg,#112d66,#061531 72%);border-right:1px solid #3b73c4;box-shadow:24px 0 60px #0008;transform:translateX(-105%);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.site-menu.open{transform:translateX(0)}.menu-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:66px}.close-menu{width:33px;height:33px;border:1px solid var(--line);border-radius:8px;background:#ffffff0c;color:#eaf3ff;font-size:25px;line-height:1;cursor:pointer}.menu-links{display:grid;gap:7px;margin-top:17px}.menu-links a,.menu-links button{position:relative;display:block;width:100%;padding:15px 45px 15px 15px;border:1px solid transparent;border-radius:10px;background:transparent;color:#fff;text-align:left;text-decoration:none;font:inherit;cursor:pointer;transition:.16s}.menu-links a:hover,.menu-links button:hover{border-color:#3979cf;background:#0d2858}.menu-links b,.menu-links span{display:block}.menu-links b{font-size:14px}.menu-links span{margin-top:4px;color:#a6b9db;font-size:10px}.menu-links i{position:absolute;right:16px;top:calc(50% - 11px);color:var(--cyan);font-size:21px;font-style:normal}.menu-footer{position:absolute;right:27px;bottom:29px;left:27px;display:flex;gap:18px;padding-top:19px;border-top:1px solid var(--line)}.menu-footer a,.menu-footer button{border:0;background:transparent;color:#a8bddf;text-decoration:none;font:700 11px Manrope;cursor:pointer;padding:0}.menu-footer a:hover,.menu-footer button:hover{color:var(--cyan)}
@media(max-width:720px){header{padding:0 20px}
nav{display:none}
.hero{grid-template-columns:1fr;padding:55px 20px 35px;gap:45px}
.hero-game{justify-self:center;transform:none}
.ticker{padding:0 20px;gap:14px}.ticker p{display:none}.ticker-label{font-size:8px}.ticker-item{padding:0 20px}.ticker-track{animation-duration:92s}
.how,.fixtures,.scoring{padding:80px 20px}
.steps,.fixture-grid,.rankings,.scoring{grid-template-columns:1fr}
.steps{margin-top:35px}
.steps article{min-height:auto}
.fixture-heading .ghost{display:none}
.rankings{padding:70px 20px;gap:35px}
.rankings h2{font-size:43px}
footer{padding:25px 20px;flex-wrap:wrap;gap:15px}
footer p{order:3;width:100%}
h1{letter-spacing:-2.5px}
.actions{gap:17px}
.hero-game{width:100%}
}

/* Multiplayer lobby additions */
.join-code-form{display:flex;gap:12px;align-items:end;margin:24px 0}.join-code-form label{flex:1;font-size:12px;color:#a9c3e8}.join-code-form input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #426397;border-radius:8px;background:#091d3d;color:white}.join-code-form .primary{width:auto!important;font-size:12px}.my-rooms-link{color:#65d9ff;font-size:12px}#lobby-feedback{color:#82e2ff;font-size:13px}.lobby-option:disabled{opacity:.55;cursor:wait}@media(max-width:520px){.join-code-form{flex-direction:column;align-items:stretch}}

.previous-fixtures{order:3;padding-top:0}.previous-gameweek{margin-top:32px}.previous-gameweek h3{font-size:20px;color:#b8d7ff;margin:0}.previous-gameweek .fixture-grid{margin-top:18px}

.gameweek-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:28px}.gameweek-controls strong{color:#b8d7ff;text-align:center}.gameweek-controls button:disabled{opacity:.35;cursor:default}.gameweek-controls+.fixture-grid{margin-top:20px}@media(max-width:520px){.gameweek-controls{gap:8px}.gameweek-controls .ghost{font-size:11px;padding:10px}.gameweek-controls strong{font-size:14px}}

.screen-bottom a{font:700 10px "DM Mono";border-radius:5px;background:#55dfff;padding:9px;color:#061332;text-decoration:none;white-space:nowrap}.hero-game .player-card strong{font-size:17px;line-height:1.2;overflow-wrap:anywhere}.hero-game .screen-top b{line-height:1.4}.hero-game .screen-bottom{gap:12px}


.scoring-stats-link{display:inline-block;margin:4px 0 14px;color:var(--cyan);font-weight:800;text-decoration:none}.scoring-stats-link:hover{text-decoration:underline}

/* Simplified "Every action counts" section */
#scoring.scoring-simple{display:block}
.sc-head{display:flex;justify-content:space-between;align-items:end;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.sc-head h2{margin:8px 0 0}
.sc-head p{margin:0;color:#a9bcdf;max-width:46ch;line-height:1.6}
.sc-groups{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sc-group{border:1px solid #2b5585;border-radius:16px;background:linear-gradient(160deg,#0f2a55,#0a1c3d);padding:18px 18px 8px}
.sc-group h3{margin:0 0 10px;font:500 11px 'DM Mono',monospace;letter-spacing:1.4px;color:#80dfff;text-transform:uppercase}
.sc-group.sc-neg h3{color:#ffb3c4}
.sc-group dl{margin:0}.sc-group dl div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:9px 0;border-top:1px solid #1d3d68}
.sc-group dl div:first-child{border-top:0}
.sc-group dt{font-weight:700;color:#e8f3ff}
.sc-group dd{margin:0;font:500 20px 'DM Mono',monospace;color:#d6ff72;font-variant-numeric:tabular-nums}
.sc-group.sc-neg dd{color:#ffc0cf}
.sc-bonus{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:center;margin-top:16px;padding:14px 18px;border:1px solid #2b5585;border-radius:14px;background:#0a1c3d;color:#cfe2f7;font-size:14px}
.sc-bonus b{font:500 15px 'DM Mono',monospace;color:#d6ff72}
.sc-label{font:500 10.5px 'DM Mono',monospace;letter-spacing:1.3px;color:#80dfff}
.sc-foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:16px;color:#9fb5d3;font-size:13px;line-height:1.6}
.sc-foot .scoring-stats-link{margin:0}
.sc-more{margin-top:14px}
.sc-more summary{color:#80dfff;font-weight:800;cursor:pointer;width:max-content;max-width:100%}
.sc-more[open] summary{margin-bottom:16px}
.sc-rules{margin:16px 0 0;padding-left:18px;color:#a9bcdf;font-size:13px;line-height:1.7;max-width:80ch}
.sc-rules a{color:#80dfff}
@media(max-width:860px){.sc-groups{grid-template-columns:1fr}.sc-bonus{gap:8px 18px}}

.legal-note{display:block;margin-top:6px;font-size:11px;font-weight:400;line-height:1.5;color:#7589ae;max-width:620px}

/* Tall pop-ups (lobby, match picker, sign-in) scroll inside the screen instead of running off it. */
.lobby-modal,.match-modal,.auth-modal{max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}

/* Fixtures heading: Refresh and Quick join sit together on the right, Quick join is the main action. */
.fixture-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.quick-join{padding:11px 18px;white-space:nowrap}
.quick-join b{font-size:16px;margin-left:8px}
@media(max-width:720px){.fixture-heading{flex-wrap:wrap;align-items:flex-start;gap:14px}.fixture-actions{width:100%;justify-content:flex-start}}

.forgot-auth{display:none;text-align:center;margin:12px 0 0}.login-mode .forgot-auth{display:block}.forgot-auth button{border:0;background:transparent;color:var(--cyan);font:700 12px Manrope;cursor:pointer;text-decoration:underline}
.age-field span{display:flex;gap:9px;align-items:center;font-weight:700;color:#d8e7ff}.age-field input{width:18px;height:18px;accent-color:#55dfff}

.team-field small{display:block;margin-top:6px;font-size:11px;color:#8fa6c8;font-weight:600}.team-pick{display:flex;gap:10px;align-items:center;margin-top:7px}.team-pick select{flex:1;min-width:0}.team-shirt{flex:none;width:44px;height:44px;display:grid;place-items:center}.team-shirt svg{width:44px;height:44px}.team-shirt:empty{border:1px dashed #36557f;border-radius:50%}
#auth-form select{width:100%;border:1px solid #436493;background:#071632;color:white;border-radius:8px;padding:12px;font:500 13px Manrope;outline:none}#auth-form select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #55dfff22}.team-pick{margin-top:0}.team-field small{margin-top:0}
#auth-form .age-field span{display:flex;gap:9px;align-items:center}#auth-form .age-field input{width:18px;height:18px;padding:0;flex:none;accent-color:#55dfff}