:root{--bg:#050608;--p:#0d1219;--l:#1b3854;--b:#087cff;--m:#9eabb9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#0b2945,#050608 40%);color:#f5f8fc;font:16px Arial}a{text-decoration:none;color:inherit}nav{position:sticky;top:0;z-index:20;background:#050608ee;border-bottom:1px solid var(--l);padding:15px 5%;display:flex;gap:22px;align-items:center;backdrop-filter:blur(10px)}nav b{font-size:28px;font-style:italic;margin-right:auto}nav b span,h1 span,h2 span{color:var(--b)}nav a{font-size:12px;font-weight:bold}header{position:relative;min-height:min(780px,92vh);padding:110px 6% 80px;display:flex;align-items:flex-end;overflow:hidden;background-image:linear-gradient(90deg,rgba(5,6,8,.96) 0%,rgba(5,6,8,.72) 32%,rgba(5,6,8,.28) 62%,rgba(5,6,8,.12) 100%),linear-gradient(0deg,rgba(5,6,8,.92) 0%,rgba(5,6,8,.08) 42%),url('markbeen5-doomsday-hero.jpg');background-position:center;background-size:cover;background-repeat:no-repeat;border-bottom:1px solid #143c63}header:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 35%,transparent 0 28%,rgba(0,0,0,.18) 65%,rgba(0,0,0,.55) 100%)}header>div{position:relative;z-index:2;max-width:720px;text-shadow:0 2px 18px #000}header small{font-weight:900;letter-spacing:.28em;color:#8dc8ff}header h1{font-size:clamp(58px,10vw,120px);line-height:.9;margin:12px 0 18px;font-style:italic}header p{max-width:650px;color:#e4edf7;font-size:19px;line-height:1.5}.btn{display:inline-block;border:1px solid var(--b);background:#087cff22;color:#fff;border-radius:8px;padding:12px 16px;font-weight:bold;cursor:pointer;margin:6px 6px 0 0}.btn:hover{background:var(--b);box-shadow:0 0 24px #087cff66}section{max-width:1400px;margin:auto;padding:60px 5%}.section-note{margin-top:-8px;color:var(--m)}.section-kicker{font-size:11px;font-weight:900;letter-spacing:.22em;color:#68b4ff;margin-bottom:8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article,.clip,.play,.schedule,.social a{background:linear-gradient(145deg,#101722,#080b10);border:1px solid var(--l);border-radius:12px;padding:22px}.clip:hover,.play:hover,.social a:hover{border-color:var(--b)}.clip{display:block}.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.game-card{position:relative;min-height:300px;padding:28px;border:1px solid #22384d;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(8,124,255,.22),transparent 34%),linear-gradient(145deg,#101722,#07090d);box-shadow:0 18px 45px #0007;display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,transparent 45%,rgba(255,255,255,.025))}.game-card:hover{transform:translateY(-4px);border-color:#087cff;box-shadow:0 22px 48px #0009,0 0 28px #087cff22}.game-card h3{position:relative;z-index:2;margin:12px 0 10px;font-size:clamp(26px,3.2vw,42px);line-height:.98;font-style:italic}.game-card p{position:relative;z-index:2;color:#c8d1dc;line-height:1.55;margin:0 0 18px}.game-number{position:absolute;right:20px;top:15px;font-size:64px;font-weight:900;font-style:italic;color:#ffffff09;line-height:1}.game-label{position:relative;z-index:2;font-size:11px;font-weight:900;letter-spacing:.18em;color:#7ec0ff}.game-chips{position:relative;z-index:2;display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;margin-bottom:18px}.game-chips span{border:1px solid #ffffff1d;background:#05060899;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900;letter-spacing:.06em;color:#dfeaf5}.game-link{position:relative;z-index:2;font-size:12px;font-weight:900;letter-spacing:.08em;color:#7ec0ff}.game-card.halloween,.game-card.dbd{border-color:#512222;background:radial-gradient(circle at 88% 12%,rgba(145,0,0,.3),transparent 35%),linear-gradient(145deg,#141112,#08090c)}.game-card.halloween .game-label,.game-card.halloween .game-link,.game-card.dbd .game-label,.game-card.dbd .game-link{color:#ff8d85}.game-card.fortnite{background:radial-gradient(circle at 88% 12%,rgba(95,57,255,.24),transparent 35%),linear-gradient(145deg,#101321,#08090d)}.game-card.amongus{background:radial-gradient(circle at 88% 12%,rgba(33,177,138,.2),transparent 35%),linear-gradient(145deg,#0e1719,#08090d)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.youtube-card,.video-status{background:linear-gradient(145deg,#101722,#080b10);border:1px solid var(--l);border-radius:14px;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.youtube-card:hover{transform:translateY(-3px);border-color:var(--b);box-shadow:0 12px 30px #0008}.thumb-wrap{position:relative;aspect-ratio:16/9;background:#030405;overflow:hidden}.thumb-wrap img{width:100%;height:100%;object-fit:cover;display:block}.video-badge,.duration{position:absolute;bottom:9px;background:#050608e8;border:1px solid #ffffff22;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:900;letter-spacing:.08em}.video-badge{left:9px;color:#8dc8ff}.duration{right:9px;color:#fff}.video-badge.inline{position:static;display:inline-block;margin-bottom:8px}.video-info{padding:15px 16px 17px}.video-info h3{margin:0 0 8px;font-size:16px;line-height:1.35}.video-info p{margin:0;color:var(--m);font-size:13px;line-height:1.45}.video-status{padding:22px;grid-column:1/-1}.video-status h3{margin-top:0}.coming-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.coming-card{position:relative;min-height:330px;border:1px solid #4f1c1c;border-radius:16px;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(120,0,0,.28),transparent 34%),linear-gradient(135deg,#11151c 0%,#07090d 55%,#160707 100%);box-shadow:0 18px 45px #0008}.coming-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 0 55%,rgba(120,0,0,.08) 100%)}.coming-tag{position:absolute;top:18px;right:18px;z-index:2;border:1px solid #9b3b3b;background:#180808cc;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#ffb0a8}.coming-content{position:relative;z-index:2;max-width:720px;padding:46px 34px 34px}.release-label{font-size:12px;font-weight:900;letter-spacing:.16em;color:#ff8b80}.coming-content h3{font-size:clamp(30px,5vw,54px);line-height:1;margin:12px 0 16px;font-style:italic}.coming-content>p:not(.release-label){max-width:720px;color:#d6dbe3;line-height:1.6}.game-meta{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 8px}.game-meta span{border:1px solid #ffffff22;background:#090b10cc;border-radius:6px;padding:7px 9px;font-size:11px;font-weight:900;letter-spacing:.06em;color:#dce7f3}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:15px}.tabs button{background:#0b1017;color:#fff;border:1px solid var(--l);padding:9px 12px;border-radius:7px}.tabs button.active{background:var(--b)}#scheduleGrid{display:grid;gap:0}.schedule{display:flex;justify-content:space-between;border-radius:0}.schedule span:last-child{color:#68b4ff;font-weight:bold}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat{background:#0a0f15;border:1px solid var(--l);padding:20px;text-align:center;border-radius:10px}.stat b{font-size:30px;color:#68b4ff;display:block}.social{display:flex;gap:12px;flex-wrap:wrap}.social a{font-weight:bold}footer{text-align:center;padding:35px;border-top:1px solid var(--l);color:#748396}@media(max-width:1100px){.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){.video-grid{grid-template-columns:repeat(2,1fr)}.coming-grid{grid-template-columns:1fr}}@media(max-width:800px){nav a{display:none}.cards,.video-grid,.game-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}header{min-height:650px;padding:90px 6% 55px;background-position:62% center;background-image:linear-gradient(90deg,rgba(5,6,8,.94) 0%,rgba(5,6,8,.66) 58%,rgba(5,6,8,.28) 100%),linear-gradient(0deg,rgba(5,6,8,.95),transparent 55%),url('markbeen5-doomsday-hero.jpg')}header p{font-size:16px}.game-card{min-height:270px;padding:24px}.coming-content{padding:72px 22px 28px}.coming-card{min-height:360px}.coming-tag{left:18px;right:auto}}
