/* Monday 4: approved premium roster, real participant data, draw still pending. */
@font-face{font-family:M4 Anton;src:url('../noves/fonts/anton-400.woff') format('woff');font-display:swap}
body.monday4-pending #knockoutStageSection,body.monday4-pending #activeTournamentMenu{display:none!important}
body.monday4-pending #knockoutBoard{display:block!important}
.m4-roster{--m4-ink:#f7faf9;--m4-muted:#aab6bd;--m4-bg:#060d0f;--m4-card:#0a1216;--m4-line:#253638;--m4-accent:#00e5b3;color:var(--m4-ink);max-width:1320px;margin:24px auto 50px;background:var(--m4-bg);font-family:'BZ Inter',Inter,Arial,sans-serif;overflow:hidden}
.m4-heading{position:relative;isolation:isolate;padding:30px 42px 22px;background:#071315;color:#fff}
.m4-hero-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#040c0fd9 0%,transparent 66%),url('monday4-hero-v59.png') center/cover no-repeat}
.m4-heading-copy{position:relative}
.m4-roster .m4-kicker{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:800;letter-spacing:.3em;text-transform:uppercase;color:var(--m4-accent);margin:0 0 14px}
.m4-kicker:before{content:'';display:block;width:48px;height:2px;background:currentColor}
.m4-edition{font-size:12px;font-weight:750;letter-spacing:.4em;margin:0 0 3px;color:#acb8bc}
.m4-roster #m4Title{display:flex;flex-direction:column;align-items:start;font-family:M4 Anton,Impact,sans-serif;font-size:clamp(60px,7vw,100px);font-weight:400;line-height:1.03;letter-spacing:-.045em;margin:0 0 28px;color:white}
#m4Title span:first-child{background:linear-gradient(#fff 15%,#dce0de 65%,#878c89);-webkit-background-clip:text;background-clip:text;color:transparent}
#m4Title span:last-child{font-size:.9em;color:#a5aaa7;background:linear-gradient(#d1d5d1,#434b47);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #f0f5f1}
.m4-facts{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.35fr 2fr;gap:18px;position:relative;margin:0}
.m4-facts>div{border-inline-start:1px solid #889c96;padding-inline-start:20px;min-width:0}
.m4-facts dt{text-transform:uppercase;color:#aab7bc;font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:5px}
.m4-facts dd{font-size:13px;font-weight:800;margin:0;color:#fff;line-height:1.45}
.m4-pending{display:flex;align-items:center;gap:20px;border-block:1px solid var(--m4-line);padding:16px 42px;background:linear-gradient(110deg,#13222644,transparent);font-size:12px;color:var(--m4-muted)}
.m4-pending strong{display:flex;align-items:center;gap:12px;flex:none;text-transform:uppercase;color:var(--m4-accent);font-size:11px;font-weight:800;letter-spacing:.18em;padding-inline-end:20px;border-inline-end:1px solid #657b74}
.m4-pending strong:before{content:'';width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 13px #00e5b380}
.m4-roster-heading{display:flex;align-items:end;gap:20px;margin:30px 32px 18px;border-bottom:1px solid #526561;padding-bottom:14px;justify-content:space-between}
.m4-roster-heading .m4-kicker{font-size:10px;margin-bottom:8px}
.m4-roster-heading h2{font-size:clamp(28px,4vw,46px);font-weight:900;letter-spacing:-.055em;line-height:1;margin:0;color:var(--m4-ink)}
.m4-roster-heading>span{font-size:12px;font-weight:700;white-space:nowrap;margin-bottom:5px}.m4-roster-heading b{color:var(--m4-accent);text-transform:uppercase;letter-spacing:.15em}
.m4-players{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 32px 34px}
.m4-person{min-width:0;position:relative;isolation:isolate;border:1px solid var(--m4-line);border-radius:4px;background:var(--m4-card);overflow:hidden;height:146px;display:flex;flex-direction:column;justify-content:space-between;padding:14px 15px}
.m4-person .m4-number{font-family:M4 Anton,Impact,sans-serif;font-size:35px;line-height:1;color:#637079;position:relative;z-index:2}
.m4-person h3{position:relative;z-index:2;line-height:1.2;color:var(--m4-ink);margin:0;max-width:85%;font-size:14px;font-weight:400;overflow-wrap:anywhere}
.m4-person h3>span{display:block;font-size:13px;color:#c4cbcd;margin-bottom:3px}
.m4-person h3>strong{display:block;font-family:M4 Anton,Impact,sans-serif;font-size:19px;font-weight:400;line-height:1.15;text-transform:uppercase;text-shadow:0 2px 8px #0008}
.m4-avatar{position:absolute;inset:0 0 0 auto;width:65%;height:100%;display:grid;place-items:center;z-index:0;overflow:hidden}
.m4-avatar>span{display:grid;place-items:center;width:120px;height:120px;border:1px solid #24363b66;border-radius:50%;font-family:M4 Anton,Impact,sans-serif;font-size:38px;color:#67747c}
.m4-avatar:has(img)>span{visibility:hidden}
.m4-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 38%)}
html[data-theme=light] .m4-roster{--m4-ink:#123628;--m4-muted:#547065;--m4-bg:#f4faf6;--m4-card:#e9f2ed;--m4-line:#c6d9ce;--m4-accent:#007e59}
html[data-theme=light] .m4-heading{--m4-accent:#00e5b3}
html[data-theme=light] .m4-person h3>span{color:#36564a}html[data-theme=light] .m4-person h3>strong{text-shadow:0 1px 4px #fff}
html[data-theme=light] .m4-number{color:#7f9a8e}html[data-theme=light] .m4-avatar>span{border-color:#bdd4c8;color:#79988a}
@media(max-width:1050px){.m4-players{grid-template-columns:repeat(3,minmax(0,1fr))}.m4-heading{padding:28px}.m4-facts{gap:12px}.m4-facts>div{padding-inline-start:12px}.m4-facts dd{font-size:12px}}
@media(max-width:760px){.m4-heading{padding:25px 20px}.m4-hero-art{background-position:60% top;background-image:linear-gradient(90deg,#040c0fee,#040c0f80 65%),url('monday4-hero-v59.png')}.m4-roster #m4Title{font-size:clamp(53px,12vw,86px);margin-bottom:22px}.m4-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.m4-facts>div:last-child{grid-column:1/-1}.m4-pending{padding:15px 20px;align-items:start;gap:10px;flex-direction:column}.m4-pending strong{border:0}.m4-roster-heading{margin:24px 16px 15px;gap:10px}.m4-roster-heading>span{font-size:10px}.m4-roster-heading b{letter-spacing:.08em}.m4-roster-heading .m4-kicker{font-size:9px;letter-spacing:.2em}.m4-players{grid-template-columns:repeat(2,minmax(0,1fr));margin:0 16px 24px;gap:10px}.m4-person{height:164px;padding:12px 10px}.m4-person h3{max-width:100%}.m4-person h3>span{font-size:12px}.m4-person h3>strong{font-size:17px}.m4-avatar{width:90%}.m4-avatar img{mask-image:linear-gradient(0deg,transparent,#000 75%)}.m4-avatar>span{width:95px;height:95px;font-size:32px;align-self:start;margin-top:10px}.m4-person .m4-number{font-size:29px}}
