#monday-draw-connected .mf-live{--vd-green:#30f36a;--vd-dark:#07140c;--vd-ink:#08200e;--vd-muted:#96b39e;font-family:'BZ Inter',Inter,Arial,sans-serif;color:#edf6ef;background:#090f0b;box-sizing:border-box;padding-bottom:26px} #monday-draw-connected .mf-live *{box-sizing:border-box} #monday-draw-connected .mf-live [hidden]{display:none!important} #monday-draw-connected .mf-live h2,#monday-draw-connected .mf-live h3,#monday-draw-connected .mf-live p{margin:0} #monday-draw-connected .mf-live button{font:inherit} #monday-draw-connected .mf-live .vd-nav{height:76px;background:#040917;border-bottom:1px solid #253139;padding:0 28px;display:flex;align-items:center;gap:38px} #monday-draw-connected .mf-live .vd-logo{width:169px;height:50px;object-fit:contain} #monday-draw-connected .mf-live .vd-nav-links{display:flex;gap:26px;align-items:center;height:100%;font-size:12px;color:#aeb3be} #monday-draw-connected .mf-live .vd-nav-links strong{color:#fff;font-weight:600;height:100%;display:flex;align-items:center;position:relative} #monday-draw-connected .mf-live .vd-nav-links strong:after{content:'';height:3px;background:#00df62;position:absolute;bottom:0;left:6%;right:6%;box-shadow:0 0 17px #00df6270;border-radius:3px} #monday-draw-connected .mf-live .vd-language{font-size:11px;margin-left:auto;margin-right:76px;color:#d4d9df;white-space:nowrap} #monday-draw-connected .mf-live .vd-content{padding:23px 24px 0} #monday-draw-connected .mf-live .vd-event{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 0 18px;font-size:11px;line-height:1.5;color:#b7c8b9} #monday-draw-connected .mf-live .vd-event strong{font-weight:600;color:#eaf5ed} #monday-draw-connected .mf-live .vd-demo{color:#94ab99;white-space:nowrap;letter-spacing:.05em} #monday-draw-connected .mf-live .vd-main{display:grid;grid-template-columns:38% minmax(0,1fr);min-width:0} #monday-draw-connected .mf-live .vd-left{background:var(--vd-green);color:var(--vd-ink);padding:32px 30px 28px;position:relative;z-index:3;min-width:0;display:flex;flex-direction:column;justify-content:space-between;gap:25px;clip-path:polygon(0 0,100% 0,97% 100%,0 100%)} #monday-draw-connected .mf-live .vd-eyebrow{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;line-height:1.5} #monday-draw-connected .mf-live .vd-headline{font-family:'M4 Anton',Impact,sans-serif;font-weight:800;font-style:italic;font-size:112px;line-height:.82;letter-spacing:-3px;margin-top:30px} #monday-draw-connected .mf-live .vd-headline span{display:block} #monday-draw-connected .mf-live .vd-tagline{font-size:12px;line-height:1.75;max-width:235px;margin-top:24px} #monday-draw-connected .mf-live .vd-spin{width:100%;background:#092513;color:#c7ffcf;border:1px solid #092513;padding:17px 16px;min-height:57px;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:14px} #monday-draw-connected .mf-live .vd-spin i,#monday-draw-connected .mf-live .vd-spin svg{width:21px;height:21px;stroke-width:1.3} #monday-draw-connected .mf-live .vd-spin:disabled{background:#244b30;color:#bce5c3;cursor:default} #monday-draw-connected .mf-live .vd-spin:not(:disabled):hover{background:#103a1d} #monday-draw-connected .mf-live .vd-selected{border-top:1px solid #0b452735;margin-top:20px;padding-top:17px;min-height:98px} #monday-draw-connected .mf-live .vd-selected-label{font-size:11px;letter-spacing:.08em;font-weight:500;text-transform:uppercase} #monday-draw-connected .mf-live .vd-selected-name{font-family:'M4 Anton',Impact,sans-serif;font-size:28px;font-weight:700;line-height:1.05;margin-top:9px;overflow-wrap:anywhere} #monday-draw-connected .mf-live .vd-selected-meta{font-size:11px;margin-top:8px;color:#245b32;line-height:1.5} #monday-draw-connected .mf-live .vd-stage{min-height:566px;position:relative;background:radial-gradient(ellipse at 54% 45%,#1a4224 0,#0c1d10 48%,#0b120d 82%);min-width:0;overflow:hidden;isolation:isolate} #monday-draw-connected .mf-live .vd-stage-top{position:absolute;top:25px;left:26px;right:26px;display:flex;justify-content:space-between;gap:12px;color:#8fc39d;font-size:11px;letter-spacing:.09em;z-index:5;text-transform:uppercase} #monday-draw-connected .mf-live .vd-stage-top span:last-child{color:#d4ead6} #monday-draw-connected .mf-live .vd-wheel-wrap{width:min(85%,450px);aspect-ratio:1;margin:76px auto 66px;position:relative;transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s} #monday-draw-connected .mf-live .vd-wheel{width:100%;height:100%;display:block;filter:drop-shadow(0 0 25px #2b8a4030);overflow:visible} #monday-draw-connected .mf-live .vd-wheel circle{fill:none} #monday-draw-connected .mf-live .vd-pointer{position:absolute;top:-2px;left:calc(50% - 10px);width:20px;height:27px;background:linear-gradient(90deg,#e3ffe0,#7bfa9b 55%,#1d9954);clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);filter:drop-shadow(0 0 6px #55ff8c);z-index:2} #monday-draw-connected .mf-live .vd-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:26%;height:26%;border-radius:50%;border:1px solid #a9ddbb;background:radial-gradient(circle at 30% 20%,#173c25,#081c0f);box-shadow:0 0 0 5px #153c24,0 8px 22px #0008;color:#d2f4cf;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px} #monday-draw-connected .mf-live .vd-hub b{font-family:'M4 Anton',Impact,sans-serif;font-size:32px;font-weight:800;font-style:italic;line-height:1} #monday-draw-connected .mf-live .vd-hub small{font-size:11px;letter-spacing:.03em} #monday-draw-connected .mf-live .vd-hub:disabled{cursor:default} #monday-draw-connected .mf-live .vd-counters{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:center;gap:25px;z-index:6;color:#84a08b;font-size:11px;letter-spacing:.05em} #monday-draw-connected .mf-live .vd-counters b{color:#d0e7d6;font-weight:700;margin-right:5px;font-variant-numeric:tabular-nums} #monday-draw-connected .mf-live .vd-reveal{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(ellipse at 50% 35%,#163d29 0,#061810 70%)} #monday-draw-connected .mf-live .vd-stage.is-revealed .vd-wheel-wrap{transform:scale(.72) rotate(-10deg);opacity:0;pointer-events:none} #monday-draw-connected .mf-live .vd-stage.is-revealed .vd-reveal{opacity:1;visibility:visible} #monday-draw-connected .mf-live .vd-portrait{position:absolute;width:90%;aspect-ratio:1;left:5%;bottom:55px;overflow:hidden;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%)} #monday-draw-connected .mf-live .vd-portrait img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover} #monday-draw-connected .mf-live .vd-portrait[data-split="left"] img{width:200%;left:0} #monday-draw-connected .mf-live .vd-portrait[data-split="right"] img{width:200%;left:-100%} #monday-draw-connected .mf-live .vd-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-family:'M4 Anton',Impact,sans-serif;font-size:170px;font-weight:700;color:#a2f7b8;background:radial-gradient(ellipse,#1d5834,#071b10);padding-bottom:40px} #monday-draw-connected .mf-live .vd-reveal-name{position:absolute;bottom:92px;left:30px;right:26px;z-index:3} #monday-draw-connected .mf-live .vd-first{font-size:20px;color:#e9f7ee;line-height:1.3;text-shadow:0 2px 20px #001b11} #monday-draw-connected .mf-live .vd-last{font-family:'M4 Anton',Impact,sans-serif;font-weight:700;font-size:clamp(40px,5.8vw,68px);letter-spacing:-1px;line-height:.96;color:#fff;overflow-wrap:anywhere;text-shadow:0 3px 30px #000} #monday-draw-connected .mf-live .vd-drawn-tag{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;background:var(--vd-green);color:#062111;font-size:11px;font-weight:700;letter-spacing:.07em;margin-top:16px;text-transform:uppercase;box-shadow:0 0 30px #30f36a22} #monday-draw-connected .mf-live .vd-reveal-rail{position:absolute;left:0;top:68px;bottom:66px;width:3px;background:linear-gradient(transparent,var(--vd-green),transparent)} #monday-draw-connected .mf-live .vd-reveal-rail:after{content:'';position:absolute;left:0;width:40px;top:0;bottom:0;background:linear-gradient(90deg,#30f36a26,transparent)} #monday-draw-connected .mf-live .vd-flash{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 20%,#bcffd550 50%,transparent 80%)} #monday-draw-connected .mf-live .vd-stage.is-revealed .vd-portrait{animation:vd-portrait-in .85s cubic-bezier(.2,.8,.2,1) both} #monday-draw-connected .mf-live .vd-stage.is-revealed .vd-reveal-name{animation:vd-name-in .7s .22s cubic-bezier(.2,.8,.2,1) both} #monday-draw-connected .mf-live .vd-stage.is-revealed .vd-flash{animation:vd-flash-in .75s ease-out both} #monday-draw-connected .mf-live .vd-stage.is-spinning .vd-wheel{filter:drop-shadow(0 0 35px #2df87155)} #monday-draw-connected .mf-live .vd-bottom{display:grid;grid-template-columns:38% minmax(0,1fr);gap:0;padding-top:24px} #monday-draw-connected .mf-live .vd-pool{padding-right:27px} #monday-draw-connected .mf-live .vd-bottom-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;letter-spacing:.09em;text-transform:uppercase} #monday-draw-connected .mf-live .vd-bottom-title strong{font-weight:600} #monday-draw-connected .mf-live .vd-bottom-title span{font-size:11px;letter-spacing:0;text-transform:none;color:#87a68f} #monday-draw-connected .mf-live .vd-player-list{display:flex;flex-wrap:wrap;gap:6px} #monday-draw-connected .mf-live .vd-pool-player{font-size:11px;color:#a1bca9;border:1px solid #24392c;padding:7px 8px;background:#101c13;transition:opacity .25s,border-color .25s} #monday-draw-connected .mf-live .vd-pool-player.is-drawn{opacity:.4;text-decoration:line-through;border-color:transparent} #monday-draw-connected .mf-live .vd-order-panel{border-left:1px solid #253c2d;padding-left:25px} #monday-draw-connected .mf-live .vd-order{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px} #monday-draw-connected .mf-live .vd-order-empty{grid-column:1/-1;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px dashed #2d4433;gap:12px;padding:25px;color:#82a28b;font-size:12px;text-align:center;line-height:1.6} #monday-draw-connected .mf-live .vd-order-empty i,#monday-draw-connected .mf-live .vd-order-empty svg{width:23px;height:23px;color:#548963;stroke-width:1.3} #monday-draw-connected .mf-live .vd-order-player{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #2c4935;background:#101f15;min-width:0;animation:vd-slot-in .55s cubic-bezier(.2,.8,.2,1)} #monday-draw-connected .mf-live .vd-order-num{font-family:'M4 Anton',Impact,sans-serif;font-size:25px;font-weight:600;color:#477b54;line-height:1} #monday-draw-connected .mf-live .vd-order-copy{min-width:0;flex:1} #monday-draw-connected .mf-live .vd-order-copy strong{font-size:11px;font-weight:600;color:#d4ecd9;display:block;line-height:1.4;overflow-wrap:anywhere} #monday-draw-connected .mf-live .vd-order-copy small{display:block;font-size:11px;line-height:1.4;margin-top:3px;color:#77ac84} #monday-draw-connected .mf-live .vd-reset{font-size:11px!important;background:transparent;border:1px solid #314c39;color:#aec8b4;padding:8px 10px;min-height:34px;letter-spacing:0;text-transform:none} #monday-draw-connected .mf-live .vd-reset:disabled{opacity:.35;cursor:default} #monday-draw-connected .mf-live .vd-footnote{margin-top:24px;padding-top:15px;border-top:1px solid #1d3224;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:11px;line-height:1.6;color:#7e9d87} @keyframes vd-portrait-in{0%{transform:translateY(45px) scale(1.07);clip-path:inset(100% 0 0)}45%{clip-path:inset(0 0 0)}100%{transform:translateY(0) scale(1);clip-path:inset(0)}} @keyframes vd-name-in{0%{transform:translateX(-30px);opacity:0;filter:blur(5px)}100%{transform:translateX(0);opacity:1;filter:blur(0)}} @keyframes vd-flash-in{0%{transform:translateX(-70%);opacity:0}30%{opacity:1}100%{transform:translateX(70%);opacity:0}} @keyframes vd-slot-in{0%{transform:translateY(-10px);border-color:#78ff9e;background:#163c21}100%{transform:translateY(0);border-color:#2c4935;background:#101f15}} @media(max-width:850px){ #monday-draw-connected .mf-live .vd-nav{padding:0 20px;gap:24px;height:68px} #monday-draw-connected .mf-live .vd-language{display:none} #monday-draw-connected .mf-live .vd-content{padding:20px 18px 0} #monday-draw-connected .mf-live .vd-main{grid-template-columns:36% minmax(0,1fr)} #monday-draw-connected .mf-live .vd-left{padding:27px 22px;gap:24px} #monday-draw-connected .mf-live .vd-headline{font-size:88px;letter-spacing:-2px} #monday-draw-connected .mf-live .vd-stage{min-height:515px} #monday-draw-connected .mf-live .vd-wheel-wrap{margin-top:105px} #monday-draw-connected .mf-live .vd-tagline{font-size:11px} #monday-draw-connected .mf-live .vd-stage-top{left:20px;right:20px;font-size:11px;letter-spacing:.03em} #monday-draw-connected .mf-live .vd-portrait{bottom:97px;width:100%;left:0} #monday-draw-connected .mf-live .vd-reveal-name{left:24px;right:16px} #monday-draw-connected .mf-live .vd-last{font-size:52px} #monday-draw-connected .mf-live .vd-bottom{grid-template-columns:36% minmax(0,1fr)} #monday-draw-connected .mf-live .vd-pool{padding-right:20px} #monday-draw-connected .mf-live .vd-order-panel{padding-left:20px} #monday-draw-connected .mf-live .vd-order{grid-template-columns:1fr} } @media(max-width:600px){ #monday-draw-connected .mf-live .vd-nav{padding:0 14px;gap:23px;height:63px} #monday-draw-connected .mf-live .vd-logo{width:125px;height:43px} #monday-draw-connected .mf-live .vd-nav-links{font-size:11px;gap:19px} #monday-draw-connected .mf-live .vd-nav-links span{display:none} #monday-draw-connected .mf-live .vd-content{padding:16px 12px 0} #monday-draw-connected .mf-live .vd-event{align-items:flex-start;font-size:11px;gap:10px;padding-bottom:14px} #monday-draw-connected .mf-live .vd-demo{max-width:90px;white-space:normal;text-align:right;font-size:11px} #monday-draw-connected .mf-live .vd-main{display:flex;flex-direction:column} #monday-draw-connected .mf-live .vd-left{clip-path:none;display:grid;grid-template-columns:1fr 1fr;padding:24px 20px;gap:12px 18px;align-items:end} #monday-draw-connected .mf-live .vd-headline{font-size:70px;letter-spacing:-1.5px;margin-top:16px} #monday-draw-connected .mf-live .vd-tagline{display:none} #monday-draw-connected .mf-live .vd-eyebrow{font-size:11px;letter-spacing:.09em;line-height:1.7} #monday-draw-connected .mf-live .vd-left-controls{min-width:0} #monday-draw-connected .mf-live .vd-spin{font-size:11px;min-height:48px;padding:13px 11px;gap:5px} #monday-draw-connected .mf-live .vd-spin i,#monday-draw-connected .mf-live .vd-spin svg{width:16px;height:16px;flex:none} #monday-draw-connected .mf-live .vd-selected{min-height:0;margin-top:15px;padding-top:12px} #monday-draw-connected .mf-live .vd-selected-label{font-size:11px;line-height:1.5} #monday-draw-connected .mf-live .vd-selected-name{font-size:23px;margin-top:5px} #monday-draw-connected .mf-live .vd-selected-meta{font-size:11px;margin-top:5px} #monday-draw-connected .mf-live .vd-stage{min-height:470px} #monday-draw-connected .mf-live .vd-wheel-wrap{width:min(87%,380px);margin:65px auto 65px} #monday-draw-connected .mf-live .vd-stage-top{top:21px;left:18px;right:18px} #monday-draw-connected .mf-live .vd-portrait{width:min(100%,450px);left:50%;transform:translateX(-50%);bottom:70px;aspect-ratio:1} #monday-draw-connected .mf-live .vd-stage.is-revealed .vd-portrait{left:0;width:100%;transform:none;animation:vd-portrait-in .85s cubic-bezier(.2,.8,.2,1) both} #monday-draw-connected .mf-live .vd-reveal-name{bottom:88px;left:21px;right:21px} #monday-draw-connected .mf-live .vd-first{font-size:18px} #monday-draw-connected .mf-live .vd-last{font-size:clamp(36px,9.3vw,52px)} #monday-draw-connected .mf-live .vd-drawn-tag{font-size:11px;padding:7px 8px;margin-top:12px} #monday-draw-connected .mf-live .vd-counters{bottom:25px;gap:17px;font-size:11px} #monday-draw-connected .mf-live .vd-bottom{display:flex;flex-direction:column-reverse;gap:27px;padding-top:23px} #monday-draw-connected .mf-live .vd-order-panel{border:0;padding:0} #monday-draw-connected .mf-live .vd-order{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #monday-draw-connected .mf-live .vd-order-player{padding:9px 7px;gap:7px} #monday-draw-connected .mf-live .vd-order-copy strong{font-size:11px} #monday-draw-connected .mf-live .vd-order-copy small{font-size:11px} #monday-draw-connected .mf-live .vd-order-num{font-size:21px} #monday-draw-connected .mf-live .vd-order-empty{min-height:100px;padding:20px} #monday-draw-connected .mf-live .vd-order-empty i,#monday-draw-connected .mf-live .vd-order-empty svg{display:none} #monday-draw-connected .mf-live .vd-pool{padding:0} #monday-draw-connected .mf-live .vd-reset{min-height:44px} #monday-draw-connected .mf-live .vd-bottom-title{margin-bottom:12px;font-size:11px} #monday-draw-connected .mf-live .vd-footnote{font-size:11px} } @media(max-width:360px){ #monday-draw-connected .mf-live .vd-headline{font-size:60px} #monday-draw-connected .mf-live .vd-left{padding:23px 16px;gap:12px} #monday-draw-connected .mf-live .vd-stage{min-height:385px} #monday-draw-connected .mf-live .vd-wheel-wrap{margin-top:60px;margin-bottom:61px} #monday-draw-connected .mf-live .vd-hub b{font-size:26px} #monday-draw-connected .mf-live .vd-hub small{font-size:11px} #monday-draw-connected .mf-live .vd-stage-top{font-size:11px;letter-spacing:0;gap:8px} #monday-draw-connected .mf-live .vd-reveal-name{bottom:81px} #monday-draw-connected .mf-live .vd-portrait{bottom:82px} } @media(prefers-reduced-motion:reduce){#monday-draw-connected .mf-live *,#monday-draw-connected .mf-live *:before,#monday-draw-connected .mf-live *:after{animation:none!important;transition:none!important}} #monday-draw-connected{--mf-green:#00e5b3;--mf-lime:#30f36a;--mf-line:#293f40;--mf-text:#f3f8f6;--mf-muted:#96aeab;font-family:'BZ Inter',Inter,Arial,sans-serif;color:var(--mf-text);background:radial-gradient(ellipse at 0 0,#00282b,#030c1a 65%);padding-bottom:22px;box-sizing:border-box} #monday-draw-connected *{box-sizing:border-box} #monday-draw-connected [hidden]{display:none!important} #monday-draw-connected h2,#monday-draw-connected h3,#monday-draw-connected p{margin:0} #monday-draw-connected button{font-family:inherit} #monday-draw-connected button:disabled{cursor:default} #monday-draw-connected .mf-nav{height:72px;padding:0 26px;background:#040917;border-bottom:1px solid #253139;display:flex;align-items:center;gap:36px} #monday-draw-connected .mf-logo{width:163px;height:49px;object-fit:contain} #monday-draw-connected .mf-nav-copy{display:flex;gap:25px;align-items:center;font-size:12px;height:100%;color:#abb7bb} #monday-draw-connected .mf-nav-copy strong{font-weight:600;color:#fff;position:relative;height:100%;display:flex;align-items:center} #monday-draw-connected .mf-nav-copy strong:after{content:'';position:absolute;bottom:0;left:25%;right:25%;height:3px;background:#00df62;box-shadow:0 0 12px #00df6260} #monday-draw-connected .mf-demo{margin-left:auto;margin-right:72px;font-size:11px;letter-spacing:.06em;color:#92aaa5;white-space:nowrap} #monday-draw-connected .mf-shell{margin:23px 20px 0;background:#060d0f;border:1px solid #29393d} #monday-draw-connected .mf-hero{padding:26px 30px 22px;background:#071315;position:relative;isolation:isolate} #monday-draw-connected .mf-art{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center} #monday-draw-connected .mf-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040c0fe8,transparent 80%),linear-gradient(0deg,#040e11ae,transparent 65%)} #monday-draw-connected .mf-kicker{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--mf-green);display:flex;align-items:center;gap:12px} #monday-draw-connected .mf-kicker:before{content:'';height:1px;width:34px;background:var(--mf-green)} #monday-draw-connected .mf-edition{font-size:11px;letter-spacing:.3em;color:#bbcacd;font-weight:600;margin-top:12px} #monday-draw-connected .mf-title{font-family:Anton,Impact,sans-serif;font-size:62px;line-height:1.04;letter-spacing:-2px;font-weight:400;margin-top:6px} #monday-draw-connected .mf-title span{display:block} #monday-draw-connected .mf-title span:first-child{background:linear-gradient(#fff,#a6b5b3);background-clip:text;-webkit-background-clip:text;color:transparent} #monday-draw-connected .mf-title span:last-child{background:linear-gradient(#d1d9d6,#42554c);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-stroke:.6px #b8c6be} #monday-draw-connected .mf-facts{display:grid;grid-template-columns:1.1fr .7fr .8fr 1.2fr 1.3fr;gap:14px;margin:22px 0 0} #monday-draw-connected .mf-facts div{border-left:1px solid #9fb1ad5c;padding-left:12px} #monday-draw-connected .mf-facts dt{font-size:11px;letter-spacing:.07em;color:#a9bbba;text-transform:uppercase;margin-bottom:5px} #monday-draw-connected .mf-facts dd{font-size:11px;font-weight:700;line-height:1.5;margin:0} #monday-draw-connected .mf-tabs{padding:0 24px;display:flex;align-items:center;gap:8px;border-block:1px solid var(--mf-line);background:#0a1518} #monday-draw-connected .mf-tab{padding:18px 15px 16px;border:0;border-bottom:2px solid transparent;color:#94aaa7;font-size:12px;font-weight:600;background:transparent;min-height:54px} #monday-draw-connected .mf-tab[aria-selected="true"]{color:var(--mf-green);border-bottom-color:var(--mf-green);background:#00e5b306} #monday-draw-connected .mf-tab-count{margin-left:auto;color:#b1c5c1;font-size:11px;white-space:nowrap} #monday-draw-connected .mf-content{padding:24px 23px 0} #monday-draw-connected .mf-heading{display:flex;align-items:flex-end;gap:15px;justify-content:space-between;margin-bottom:21px} #monday-draw-connected .mf-heading h3{font-size:32px;font-weight:800;letter-spacing:-1.1px;line-height:1.1;margin-top:10px} #monday-draw-connected .mf-state{font-size:11px;color:var(--mf-green);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;line-height:1.7;text-align:right} #monday-draw-connected .mf-state small{display:block;font-size:11px;color:#95aaa5;letter-spacing:0;text-transform:none} #monday-draw-connected .mf-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:13px 0;border-block:1px solid var(--mf-line)} #monday-draw-connected .mf-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap} #monday-draw-connected .mf-button{font-size:11px;line-height:1.3;font-weight:600;padding:10px 12px;min-height:38px;display:inline-flex;justify-content:center;align-items:center;gap:7px;border:1px solid #34484a;border-radius:3px;color:#deebe5;background:#0c1b1d} #monday-draw-connected .mf-button i,#monday-draw-connected .mf-button svg{width:14px;height:14px} #monday-draw-connected .mf-button.mf-primary{background:var(--mf-green);border-color:var(--mf-green);color:#05241b} #monday-draw-connected .mf-button.mf-subtle{color:#afc6bf;background:transparent} #monday-draw-connected .mf-button[aria-pressed="true"]{color:var(--mf-green);border-color:#00e5b380;background:#00e5b30b} #monday-draw-connected .mf-button:disabled{opacity:.35} #monday-draw-connected .mf-status-row{padding:13px 0;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;line-height:1.6;color:#8ba6a2} #monday-draw-connected .mf-status-row [data-bracket-status]{color:var(--mf-green)} #monday-draw-connected .mf-canvas-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid #263b3d;background:#0b171a;font-size:11px;color:#9eb5b0} #monday-draw-connected .mf-zoom{display:flex;align-items:center;gap:4px;flex:none} #monday-draw-connected .mf-zoom button{min-width:33px;min-height:32px;padding:5px 8px;background:#142528;border:1px solid #304447;color:#d5e7df;border-radius:3px;font-size:14px} #monday-draw-connected .mf-zoom button[data-fit]{font-size:11px;min-width:47px;margin-left:5px} #monday-draw-connected .mf-zoom-output{min-width:41px;text-align:center;font-size:11px;color:#b5cdc1;font-variant-numeric:tabular-nums} #monday-draw-connected .mf-viewport{position:relative;overflow:hidden;min-height:320px;border:1px solid #263b3d;border-top:0;background:radial-gradient(ellipse at 90% 50%,#09252070,transparent 52%),#070f11;touch-action:none;cursor:grab} #monday-draw-connected .mf-viewport.is-panning{cursor:grabbing} #monday-draw-connected .mf-layer{position:absolute;left:0;top:0;transform-origin:0 0;--mf-small:11px;--mf-name-size:14px;--mf-wire:1.35px} #monday-draw-connected .mf-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible} #monday-draw-connected .mf-wires path{fill:none;stroke:#3f635b;stroke-width:var(--mf-wire);stroke-linejoin:round} #monday-draw-connected .mf-wires path.mf-opening-wire{stroke:#00c69e} #monday-draw-connected .mf-round-label{position:absolute;top:8px;font-family:'M4 Anton',Impact,sans-serif;font-size:var(--mf-name-size);font-weight:600;color:#c5d9d0;letter-spacing:.03em;white-space:nowrap;text-align:center} #monday-draw-connected .mf-round-label:after{content:'';height:1px;position:absolute;bottom:-9px;left:0;right:0;background:#2e4b44} #monday-draw-connected .mf-match{position:absolute;border:1px solid #345049;border-radius:3px;background:linear-gradient(100deg,#122320,#0b1618);z-index:1;cursor:default} #monday-draw-connected .mf-match.mf-opening{border-color:#00bf9980} #monday-draw-connected .mf-match.mf-final{background:linear-gradient(110deg,#123c2e,#10261f);border-color:#00cfa2} #monday-draw-connected .mf-match-code{position:absolute;left:0;right:0;top:-22px;display:flex;justify-content:space-between;font-size:var(--mf-small);line-height:1.2;color:#97b7a9;white-space:nowrap} #monday-draw-connected .mf-player{border:0;background:transparent;display:flex;align-items:center;gap:7px;width:100%;height:51px;padding:4px 7px;text-align:left;color:#f0f8f2;position:relative} #monday-draw-connected .mf-player+.mf-player{border-top:1px solid #ffffff10} #monday-draw-connected button.mf-player{cursor:grab} #monday-draw-connected button.mf-player:active{cursor:grabbing} #monday-draw-connected button.mf-player:disabled{cursor:default;color:#f0f8f2;opacity:1} #monday-draw-connected .mf-player.is-selected{background:#00e5b329;box-shadow:inset 3px 0 var(--mf-green)} #monday-draw-connected .mf-player.is-drop{background:#00e5b340;box-shadow:inset 0 0 0 1px var(--mf-green)} #monday-draw-connected .mf-player.is-latest{background:#00e5b315;box-shadow:inset 3px 0 #00ba91} #monday-draw-connected .mf-avatar{position:relative;overflow:hidden;flex:none;width:29px;height:29px;background:#1d3630;border-radius:2px;display:flex;align-items:center;justify-content:center;color:#bad0c4;font-size:var(--mf-small)} #monday-draw-connected .mf-avatar img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;max-width:none} #monday-draw-connected .mf-avatar[data-split="left"] img{width:200%;left:0} #monday-draw-connected .mf-avatar[data-split="right"] img{width:200%;left:-100%} #monday-draw-connected .mf-name{min-width:0;flex:1;line-height:1.1} #monday-draw-connected .mf-name small{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--mf-small);font-weight:400;color:#a7c0b7} #monday-draw-connected .mf-name strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-family:'M4 Anton',Impact,sans-serif;font-size:var(--mf-name-size);font-weight:600;color:#f3faf5;margin-top:2px} #monday-draw-connected .mf-slot-number{font-size:var(--mf-small);color:#739686;flex:none} #monday-draw-connected .mf-compact-name{display:none} #monday-draw-connected .mf-future{font-size:var(--mf-small);color:#8eafa1;padding:0 10px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #monday-draw-connected .mf-empty{font-size:var(--mf-small);color:#6b9686;line-height:1.3;white-space:nowrap} #monday-draw-connected .mf-compact .mf-avatar,#monday-draw-connected .mf-compact .mf-name,#monday-draw-connected .mf-compact .mf-slot-number{display:none} #monday-draw-connected .mf-compact .mf-compact-name{display:block;flex:1;text-align:center;line-height:1;font-size:var(--mf-small);font-weight:600;white-space:nowrap} #monday-draw-connected .mf-compact .mf-player{padding:0 4px;gap:0} #monday-draw-connected .mf-compact .mf-future{justify-content:center;padding:0 4px;font-size:var(--mf-small)} #monday-draw-connected .mf-compact .mf-match-code span:last-child{display:none} #monday-draw-connected .mf-compact .mf-match-code{display:none} #monday-draw-connected .mf-compact .mf-round-label{font-size:var(--mf-small);line-height:1} #monday-draw-connected .mf-compact .mf-round-label:after{display:none} #monday-draw-connected .mf-note{position:absolute;color:#90b2a1;font-size:var(--mf-small);line-height:1.6;border-top:1px solid #315144;padding-top:13px} #monday-draw-connected .mf-note b{display:block;color:#c7e1d4;margin-bottom:5px;font-weight:500} #monday-draw-connected .mf-final-label{position:absolute;text-align:center;color:var(--mf-green);font-family:'M4 Anton',Impact,sans-serif;font-size:24px;letter-spacing:.16em;line-height:1.2} #monday-draw-connected .mf-final-label i,#monday-draw-connected .mf-final-label svg{width:29px;height:29px;display:block;margin:0 auto 13px;stroke-width:1.3} #monday-draw-connected .mf-compact .mf-note,#monday-draw-connected .mf-compact .mf-final-label{display:none} #monday-draw-connected .mf-bracket-footer{padding:15px 0 21px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;color:#86a499;font-size:11px;line-height:1.7} #monday-draw-connected .mf-live{padding:0 0 22px!important;background:#080f0b!important} #monday-draw-connected .mf-live .vd-content{padding:22px 22px 0} #monday-draw-connected .mf-live .vd-main{grid-template-columns:37% minmax(0,1fr)} #monday-draw-connected .mf-live .vd-stage{min-height:547px} #monday-draw-connected .mf-live .vd-wheel-wrap{width:min(84%,423px);margin:77px auto 66px} #monday-draw-connected .mf-live .vd-headline{font-size:105px} #monday-draw-connected .mf-live .vd-left{padding:30px 26px 26px} #monday-draw-connected .mf-live .vd-order-player{animation:none} #monday-draw-connected .mf-next-target{display:flex;align-items:center;gap:10px;padding:13px 0 17px;color:#93b49e;font-size:11px;line-height:1.6;justify-content:space-between;flex-wrap:wrap} #monday-draw-connected .mf-next-target b{color:#c4e9ce;font-weight:500} #monday-draw-connected .mf-route{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;margin-top:22px} #monday-draw-connected .mf-route-card{border:1px solid #31513a;background:#102018;padding:15px;min-width:0} #monday-draw-connected .mf-route-label{font-size:11px;line-height:1.6;text-transform:uppercase;letter-spacing:.07em;color:#7dab89;margin-bottom:12px} #monday-draw-connected .mf-route-row{font-size:12px;line-height:1.5;color:#c3dec9;min-height:30px;display:flex;align-items:center;gap:8px} #monday-draw-connected .mf-route-row+.mf-route-row{border-top:1px solid #294632;padding-top:7px;margin-top:4px} #monday-draw-connected .mf-route-row strong{font-weight:500;color:#d3fce0} #monday-draw-connected .mf-route-row small{font-size:11px;color:#609876} #monday-draw-connected .mf-route-arrow{text-align:center;color:#35ca73;font-size:23px} #monday-draw-connected .mf-draw-bottom{margin-top:22px;border-top:1px solid #294130;padding-top:17px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap} #monday-draw-connected .mf-draw-bottom p{font-size:11px;color:#87a88e;line-height:1.6} #monday-draw-connected .mf-live .vd-player-list{margin-top:17px} #monday-draw-connected .mf-live .vd-player-list .vd-pool-player{font-size:11px} #monday-draw-connected[data-view="draw"] .mf-hero{padding-top:20px;padding-bottom:18px} #monday-draw-connected[data-view="draw"] .mf-title{font-size:29px;letter-spacing:-.6px;margin-top:7px} #monday-draw-connected[data-view="draw"] .mf-title span{display:inline} #monday-draw-connected[data-view="draw"] .mf-title span+span:before{content:' '} #monday-draw-connected[data-view="draw"] .mf-edition{margin-top:8px;font-size:11px} #monday-draw-connected[data-view="draw"] .mf-facts{margin-top:17px} @media(max-width:800px){ #monday-draw-connected .mf-nav{height:64px;padding:0 19px;gap:25px} #monday-draw-connected .mf-demo{display:none} #monday-draw-connected .mf-shell{margin:16px 13px 0} #monday-draw-connected .mf-content{padding:22px 17px 0} #monday-draw-connected .mf-live .vd-headline{font-size:86px} #monday-draw-connected .mf-live .vd-left{padding:26px 22px} #monday-draw-connected .mf-live .vd-stage{min-height:510px} #monday-draw-connected .mf-live .vd-wheel-wrap{margin-top:102px} #monday-draw-connected .mf-live .vd-content{padding:19px 17px 0} #monday-draw-connected .mf-button{min-height:44px} #monday-draw-connected .mf-zoom button{min-height:40px;min-width:36px} } @media(max-width:600px){ #monday-draw-connected .mf-nav{padding:0 13px;height:60px;gap:21px} #monday-draw-connected .mf-logo{width:125px;height:43px} #monday-draw-connected .mf-nav-copy{gap:15px;font-size:11px} #monday-draw-connected .mf-nav-copy span{display:none} #monday-draw-connected .mf-shell{margin:11px 8px 0} #monday-draw-connected .mf-hero{padding:23px 16px 18px} #monday-draw-connected .mf-title{font-size:clamp(38px,10vw,55px);letter-spacing:-1px} #monday-draw-connected .mf-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 9px} #monday-draw-connected .mf-facts div{padding-left:8px} #monday-draw-connected .mf-facts div:last-child{grid-column:2/4} #monday-draw-connected .mf-facts dt,#monday-draw-connected .mf-facts dd{font-size:11px} #monday-draw-connected .mf-tabs{padding:0 7px;gap:2px;flex-wrap:wrap} #monday-draw-connected .mf-tab{padding:15px 10px;font-size:11px;min-height:49px} #monday-draw-connected .mf-tab-count{font-size:11px;padding-right:5px} #monday-draw-connected .mf-content{padding:22px 12px 0} #monday-draw-connected .mf-heading{align-items:flex-start;gap:8px} #monday-draw-connected .mf-heading h3{font-size:25px;letter-spacing:-.8px} #monday-draw-connected .mf-state{font-size:11px;max-width:84px;white-space:normal;padding-top:22px;letter-spacing:0} #monday-draw-connected .mf-state small{font-size:11px} #monday-draw-connected .mf-tools>.mf-actions{width:100%;gap:5px} #monday-draw-connected .mf-button{font-size:11px;padding:10px 9px} #monday-draw-connected .mf-tools .mf-primary{margin-left:auto} #monday-draw-connected .mf-tools .mf-button i,#monday-draw-connected .mf-tools .mf-button svg{display:none} #monday-draw-connected .mf-canvas-tools{flex-wrap:wrap;padding:9px;gap:7px} #monday-draw-connected .mf-canvas-tools>span{font-size:11px;line-height:1.5;flex:1;min-width:95px} #monday-draw-connected .mf-zoom button{min-height:44px;min-width:34px} #monday-draw-connected .mf-zoom-output{min-width:31px;font-size:11px} #monday-draw-connected .mf-zoom button[data-fit]{min-width:38px;margin-left:3px} #monday-draw-connected .mf-live .vd-main{display:flex} #monday-draw-connected .mf-live .vd-left{padding:23px 17px;gap:12px} #monday-draw-connected .mf-live .vd-headline{font-size:66px} #monday-draw-connected .mf-live .vd-content{padding:18px 12px 0} #monday-draw-connected .mf-live .vd-stage{min-height:400px} #monday-draw-connected .mf-live .vd-wheel-wrap{margin:62px auto 61px;width:min(87%,370px)} #monday-draw-connected .mf-live .vd-portrait{bottom:73px} #monday-draw-connected .mf-route{grid-template-columns:1fr 24px 1fr;gap:0} #monday-draw-connected .mf-route-card{padding:11px 8px} #monday-draw-connected .mf-route-label{font-size:11px;letter-spacing:0;margin-bottom:9px} #monday-draw-connected .mf-route-row{font-size:11px;line-height:1.5;display:block;min-height:36px;overflow-wrap:anywhere} #monday-draw-connected .mf-route-arrow{font-size:18px} #monday-draw-connected[data-view="draw"] .mf-facts{display:none} #monday-draw-connected[data-view="draw"] .mf-title{font-size:27px;line-height:1.2} #monday-draw-connected[data-view="draw"] .mf-title span{display:block} #monday-draw-connected[data-view="draw"] .mf-title span+span:before{content:''} #monday-draw-connected .mf-draw-bottom .mf-button{font-size:11px} } @media(prefers-reduced-motion:reduce){#monday-draw-connected *,#monday-draw-connected *:before,#monday-draw-connected *:after{animation:none!important;transition:none!important}} /* V65 production integration: existing site header and language/theme controls. */ body.monday4-connected #knockoutStageSection{display:none!important} body.monday4-connected #knockoutBoard{display:block!important;min-width:0} #monday-draw-connected{max-width:1320px;margin:22px auto 40px} #monday-draw-connected .mf-shell{margin:0!important;max-width:none!important} #monday-draw-connected .mf-name{white-space:normal!important;font-size:14px!important;line-height:1.15;overflow-wrap:anywhere;min-width:0} #monday-draw-connected .mf-score{margin-inline-start:auto;font-size:16px;flex:none} #monday-draw-connected .mf-player.is-winner{color:#00e5b3;background:#00e5b312} #monday-draw-connected .m4-roster{margin:0;max-width:none} #monday-draw-connected .m4-save-status{font-size:12px;padding:12px 24px;color:#98d8c2;line-height:1.6;border-bottom:1px solid var(--mf-line)} #monday-draw-connected .m4-save-status.is-error{color:#ffb4a9} #monday-draw-connected .m4-entry{padding:20px 32px} #monday-draw-connected button{cursor:pointer} #monday-draw-connected button:focus-visible{outline:2px solid #00e5b3;outline-offset:3px} #monday-draw-connected .m4-matches{padding:12px 16px} #monday-draw-connected .m4-before-start{font-size:13px;margin:14px 0;color:var(--mf-green)} #monday-draw-connected .m4-draw-order{list-style:none;padding:0;margin:24px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px} #monday-draw-connected .m4-draw-order li{display:flex;gap:12px;border:1px solid #294130;padding:12px;font-size:12px;line-height:1.5} #monday-draw-connected .m4-draw-order b{color:#00e5b3} #monday-draw-connected .m4-draw-order small{display:block;font-size:11px;color:#87a88e} #monday-draw-connected[data-view=draw] .m4-heading{padding-top:18px;padding-bottom:18px} #monday-draw-connected[data-view=draw] #m4Title{flex-direction:row;gap:12px;font-size:32px;margin-bottom:14px} #monday-draw-connected[data-view=draw] #m4Title span{font-size:1em} #monday-draw-connected .mf-viewport{direction:ltr} #monday-draw-connected .mf-layer .mf-name{flex:1} #monday-draw-connected .vd-portrait:has(img)>.vd-initials{visibility:hidden} html[data-theme=light] #monday-draw-connected{--mf-line:#c5d9ce;--mf-text:#173629;--mf-muted:#47675a;--mf-green:#007e59;background:#f4faf6;color:#173629} html[data-theme=light] #monday-draw-connected .mf-tabs,html[data-theme=light] #monday-draw-connected .mf-canvas-tools{background:#e8f3ed;color:#345b48} html[data-theme=light] #monday-draw-connected .mf-tab{color:#47675a} html[data-theme=light] #monday-draw-connected .mf-button{background:#e7f3ec;color:#174c35;border-color:#aacbb7} html[data-theme=light] #monday-draw-connected .mf-primary{background:#00865c;color:white} html[data-theme=light] #monday-draw-connected .mf-tab-count,html[data-theme=light] #monday-draw-connected .m4-save-status,html[data-theme=light] #monday-draw-connected .mf-status-row,html[data-theme=light] #monday-draw-connected .mf-bracket-footer{color:#365e4b} html[data-theme=light] #monday-draw-connected .mf-viewport{background:#edf7f0} html[data-theme=light] #monday-draw-connected .mf-match{background:linear-gradient(100deg,#fff,#e5f2e9);border-color:#8cb19d} html[data-theme=light] #monday-draw-connected .mf-player{color:#153c2a} html[data-theme=light] #monday-draw-connected .mf-round-label,html[data-theme=light] #monday-draw-connected .mf-match-code{color:#315a46} html[data-theme=light] #monday-draw-connected .mf-future{color:#476956} html[data-theme=light] #monday-draw-connected .mf-player+.mf-player{border-color:#b4cebe} html[data-theme=light] #monday-draw-connected .mf-live .mf-button{background:#103725;color:#c7f5d7;border-color:#398359} @media(max-width:600px){#monday-draw-connected .m4-draw-order{grid-template-columns:1fr 1fr}#monday-draw-connected[data-view=draw] #m4Title{flex-wrap:wrap;gap:4px;font-size:27px}#monday-draw-connected[data-view=draw] .m4-facts{display:none}#monday-draw-connected .mf-heading{flex-direction:column;align-items:start}#monday-draw-connected .mf-state{max-width:none;padding-top:0}#monday-draw-connected .mf-tabs{padding:0 8px}#monday-draw-connected .mf-tab-count{padding:10px}#monday-draw-connected .m4-save-status{padding:12px}#monday-draw-connected .mf-compact .mf-score{font-size:var(--mf-small)}#monday-draw-connected .mf-live .vd-headline{font-size:60px}} #monday-draw-connected .mf-button.m4-reset-draw{border-color:#a87453;color:#f2c19f;background:#291e17} html[data-theme=light] #monday-draw-connected .mf-button.m4-reset-draw{background:#fff1e7;color:#854020;border-color:#c99474} #monday-draw-connected .mf-live .mf-button.m4-shuffle{width:100%;margin-bottom:10px;background:#c6ffd1;color:#0a321b;border-color:#218d46;min-height:44px} #monday-draw-connected .mf-live .mf-button.m4-shuffle:disabled{opacity:.5} /* Three-second shuffle choreography. Reduced motion retains the timer/progress. */ #monday-draw-connected .m4-shuffle-progress{height:3px;background:#164c2b33;margin:-4px 0 12px;overflow:hidden} #monday-draw-connected .m4-shuffle-progress span{display:block;width:0;height:100%;background:#0a5428} #monday-draw-connected .is-shuffling .vd-wheel{filter:drop-shadow(0 0 28px #30f36a70)} #monday-draw-connected .is-shuffling .vd-player-list{perspective:700px} #monday-draw-connected .is-shuffling .vd-pool-player{animation:m4-shuffle-chip .45s ease-in-out infinite alternate;border-color:#30f36a80;background:#153723;color:#d7ffe0} #monday-draw-connected .is-shuffling .vd-pool-player:nth-child(3n){animation-delay:-.15s} #monday-draw-connected .is-shuffling .vd-pool-player:nth-child(3n+1){animation-delay:-.3s} @keyframes m4-shuffle-chip{from{transform:translateY(-3px) rotateX(8deg)}to{transform:translateY(3px) rotateX(-8deg)}} @media(prefers-reduced-motion:reduce){#monday-draw-connected .is-shuffling .vd-pool-player{animation:none!important}} /* V65.3: keep the complete photo inside the stage, with a separate name row. */ #monday-draw-connected .mf-live .vd-reveal{display:grid;grid-template-rows:minmax(0,1fr) auto;gap:14px;padding:64px 24px 68px} #monday-draw-connected .mf-live .vd-portrait, #monday-draw-connected .mf-live .vd-stage.is-revealed .vd-portrait{position:relative;inset:auto;width:100%;height:100%;min-height:0;aspect-ratio:auto;grid-row:1;transform:none;mask-image:none;-webkit-mask-image:none} #monday-draw-connected .mf-live .vd-portrait img{object-fit:contain;object-position:50% 50%!important} #monday-draw-connected .mf-live .vd-reveal-name{position:relative;inset:auto;grid-row:2;min-width:0;text-align:center} #monday-draw-connected .mf-live .vd-last{font-size:clamp(32px,4vw,56px);line-height:1.08} #monday-draw-connected .mf-live .vd-drawn-tag{margin-top:10px} #monday-draw-connected .mf-live .vd-stage.is-revealed .vd-portrait{animation:m4-full-photo-in .75s cubic-bezier(.2,.8,.2,1) both} @keyframes m4-full-photo-in{from{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}} @media(max-width:600px){#monday-draw-connected .mf-live .vd-reveal{padding:64px 16px 62px;gap:10px}#monday-draw-connected .mf-live .vd-first{font-size:17px}} @media(prefers-reduced-motion:reduce){#monday-draw-connected .mf-live .vd-stage.is-revealed .vd-portrait{animation:none!important}} /* Follow the active pairing as the draw progresses. */ #monday-draw-connected .mf-route-card.is-current{border-color:#30f36a;box-shadow:inset 0 0 24px #30f36a0d} #monday-draw-connected .mf-route-row.is-new-player{color:#c6ffd5;animation:m4-route-arrive .65s ease-out both} #monday-draw-connected .mf-route-row>small{flex:0 0 16px;font-weight:700} @keyframes m4-route-arrive{from{opacity:.25;transform:translateY(8px);background:#30f36a40}to{opacity:1;transform:translateY(0);background:transparent}} @media(prefers-reduced-motion:reduce){#monday-draw-connected .mf-route-row.is-new-player{animation:none!important}} /* V67 — Monday-only tournament presentation, following the Noves match-board layout. */ body.monday4-connected:has(#monday-draw-connected.m4-official) #activeTournamentMenu{display:none!important} #monday-draw-connected.m4-official{background:#080f0b;color:#f2f8f3;border:1px solid #263d2d;border-radius:16px;overflow:hidden} #monday-draw-connected .m4-event-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 26px 24px;background:linear-gradient(120deg,#111f16,#080e0a);border-bottom:1px solid #263d2d} #monday-draw-connected .m4-event-header h2{font-family:'BZ Inter',Inter,Arial,sans-serif;font-size:clamp(25px,3.4vw,40px);font-weight:800;line-height:1.15;letter-spacing:-1px;margin:8px 0 12px;color:#f2f8f3} #monday-draw-connected .m4-event-header h2 span{color:#30f36a;margin-inline-start:8px} #monday-draw-connected .m4-event-header p{font-family:'BZ Inter',Inter,Arial,sans-serif;color:#9eb6a5;font-size:12px;line-height:1.6;margin:0} #monday-draw-connected .m4-event-header .m4-event-eyebrow{color:#30f36a;font-size:10px;font-weight:700;letter-spacing:.13em} #monday-draw-connected .m4-official-badge{padding:9px 12px;border:1px solid #30f36a55;background:#30f36a0a;border-radius:30px;color:#7cff9e;font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap} #monday-draw-connected.m4-official .mf-tabs{padding:18px 24px;gap:8px;border-bottom:0;flex-wrap:wrap;background:#080f0b} #monday-draw-connected.m4-official .mf-tab{border:1px solid #314b38;border-radius:8px;padding:10px 16px;font-size:12px;color:#b6cabc;background:transparent;min-height:40px} #monday-draw-connected.m4-official .mf-tab[aria-selected=true]{background:#30f36a;border-color:#30f36a;color:#081a0d;font-weight:800} #monday-draw-connected.m4-official .mf-tab:after{display:none} #monday-draw-connected.m4-official .mf-tab-count{display:none} #monday-draw-connected.m4-official .m4-save-status{margin:0;padding:0 26px 16px;color:#93ae9a;background:#080f0b} #monday-draw-connected .m4-noves-board{padding:0 24px 26px;font-family:'BZ Inter',Inter,Arial,sans-serif} #monday-draw-connected .m4-list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:4px 0 18px} #monday-draw-connected .m4-status-filters{display:flex;gap:6px;flex-wrap:wrap} #monday-draw-connected .m4-status-filters button{display:flex;gap:8px;align-items:center;border:1px solid #294431;background:#0d1b12;border-radius:7px;color:#adbfaf;padding:8px 10px;font-size:11px} #monday-draw-connected .m4-status-filters button[aria-pressed=true]{border-color:#30f36a;color:#caffd9;background:#1c3523} #monday-draw-connected .m4-status-filters b{font-size:10px;color:#7daf8c;min-width:12px} #monday-draw-connected .m4-results-board{border:1px solid #29452b;border-radius:12px;overflow:hidden;background:#0b160f} #monday-draw-connected .m4-noves-board .round-block{margin:0!important;border:0!important;padding:0!important;background:transparent} #monday-draw-connected .m4-noves-board .round-header{display:flex;align-items:center;justify-content:space-between;background:#235d32!important;color:#fff!important;padding:13px 18px!important;border-radius:0!important;font-size:14px;font-weight:700;letter-spacing:0;min-height:46px} #monday-draw-connected .m4-noves-board .round-header small{color:#a7d6b3;font-size:11px} #monday-draw-connected .m4-noves-board .race-label{color:#c1e6c9;font-size:10px} #monday-draw-connected .m4-noves-board .ko-row{display:grid!important;grid-template-columns:42px minmax(110px,1fr) 36px 24px 36px minmax(110px,1fr) 58px 55px 60px!important;gap:9px!important;padding:12px 14px!important;background:#12281a!important;color:#f4f8f1;border:0!important;border-bottom:1px solid #2c4733!important;min-height:78px;align-items:center} #monday-draw-connected .m4-noves-board .ko-row:nth-child(even){background:#19301e!important} #monday-draw-connected .m4-noves-board .ko-row.ko-status-playing{box-shadow:inset 3px 0 #30f36a} #monday-draw-connected .m4-noves-board .ko-row.finished{opacity:.84} #monday-draw-connected .m4-noves-board .ko-id{display:flex;flex-direction:column;font-size:9px;color:#a3bca9;text-align:center;min-width:0;width:auto} #monday-draw-connected .m4-noves-board .ko-id-number{font-size:16px;color:#fff} #monday-draw-connected .m4-noves-board .ko-player{display:flex!important;flex-direction:column;gap:7px;min-width:0;white-space:normal!important;text-align:start} #monday-draw-connected .m4-noves-board .ko-player-main{display:flex!important;align-items:center;gap:9px;min-width:0;width:100%} #monday-draw-connected .m4-noves-board .ko-player-side-b .ko-player-main{flex-direction:row-reverse;text-align:end} #monday-draw-connected .m4-noves-board .ko-player-name{font-size:12px!important;font-weight:650;color:#f2f7ee!important;white-space:normal!important;overflow-wrap:anywhere;line-height:1.35} #monday-draw-connected .m4-noves-board .m4-row-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:50%;overflow:hidden;position:relative;border:1px solid #56765c;background:#25452e;color:#c7fbd4;display:grid;place-items:center;font-size:10px} #monday-draw-connected .m4-noves-board .m4-row-avatar img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover} #monday-draw-connected .m4-noves-board .ko-score{background:#ecf1e4!important;color:#16200f!important;border:0!important;border-radius:6px!important;padding:7px 2px!important;font-size:20px!important;font-weight:800;line-height:1.2;text-align:center;width:auto;min-width:0;min-height:0} #monday-draw-connected .m4-noves-board .ko-score.winner-score{background:#69f38c!important} #monday-draw-connected .m4-noves-board .ko-time,#monday-draw-connected .m4-noves-board .ko-table{font-size:10px;color:#bbcbb3;text-align:center;white-space:normal} #monday-draw-connected .m4-noves-board .ko-side-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px} #monday-draw-connected .m4-noves-board .admin-menu-btn-v317{padding:6px 8px;border:1px solid #739659;border-radius:5px;background:#e6f4d7;color:#10200c;font-size:10px;min-width:0} #monday-draw-connected .m4-noves-board .ko-center-reset{display:flex;align-items:center;justify-content:center;min-width:0} #monday-draw-connected .m4-noves-board .center-reset-btn{font-size:8px;padding:3px 1px;min-width:0;overflow-wrap:anywhere} #monday-draw-connected .m4-noves-board .inline-score-actions{display:flex;justify-content:center;gap:8px} #monday-draw-connected .m4-empty{padding:30px 20px;color:#a7bcae;text-align:center;font-size:13px} #monday-draw-connected.m4-official .mf-content{padding:8px 24px 24px} #monday-draw-connected.m4-official .mf-match{border-radius:8px;border-color:#456c50;background:#142b1c;box-shadow:0 4px 14px #0003} #monday-draw-connected.m4-official .mf-match-code{background:#235d32;color:#deffe6;border-radius:7px 7px 0 0} #monday-draw-connected.m4-official .mf-player{color:#edf6ef;border-color:#33523d} #monday-draw-connected.m4-official .mf-score{background:#ecf1e4;color:#102918;border-radius:4px;min-width:22px;text-align:center;padding:3px} #monday-draw-connected.m4-official .mf-player.is-winner .mf-score{background:#69f38c} #monday-draw-connected.m4-official .mf-round-label{background:#235d32;color:#f1fff4;border-radius:7px;padding:9px 4px} #monday-draw-connected.m4-official .mf-viewport{border-radius:10px;background:#0b150e} #monday-draw-connected.m4-official .mf-wires path{stroke:#5a976b} @media(max-width:700px){ #monday-draw-connected .m4-event-header{padding:22px 16px;align-items:flex-start;flex-direction:column;gap:14px} #monday-draw-connected.m4-official .mf-tabs{padding:16px;gap:6px} #monday-draw-connected.m4-official .mf-tab{padding:9px 11px;font-size:11px} #monday-draw-connected.m4-official .m4-save-status{padding:0 16px 14px} #monday-draw-connected .m4-noves-board{padding:0 8px 16px} #monday-draw-connected .m4-noves-board .ko-row{grid-template-columns:24px minmax(64px,1fr) 26px 16px 26px minmax(64px,1fr)!important;gap:5px!important;padding:12px 7px!important} #monday-draw-connected .m4-noves-board .ko-player-main,#monday-draw-connected .m4-noves-board .ko-player-side-b .ko-player-main{flex-direction:column!important;text-align:center;gap:6px} #monday-draw-connected .m4-noves-board .ko-player-name{font-size:10px!important} #monday-draw-connected .m4-noves-board .ko-player-side-b{grid-column:6;grid-row:1} #monday-draw-connected .m4-noves-board .ko-time{grid-column:2;grid-row:2} #monday-draw-connected .m4-noves-board .ko-table{grid-column:3 / 5;grid-row:2} #monday-draw-connected .m4-noves-board .ko-side-actions{grid-column:5 / 7;grid-row:2} #monday-draw-connected .m4-noves-board .ko-score{font-size:17px!important;padding:6px 0!important} #monday-draw-connected .m4-noves-board .m4-row-avatar{width:30px;height:30px;flex-basis:30px} #monday-draw-connected.m4-official .mf-content{padding:8px} } #monday-draw-connected .m4-share-actions{display:flex;flex-direction:column;align-items:flex-end;gap:12px} #monday-draw-connected .m4-share-actions .mf-button{border-radius:7px;font-size:11px;min-height:36px;border-color:#42624a;background:#102017;color:#d5efda} @media(max-width:700px){#monday-draw-connected .m4-share-actions{flex-direction:row;align-items:center;flex-wrap:wrap}}