:root{
  --bg:#050507;
  --panel:#0c0c10;
  --stroke:rgba(255,32,66,.35);
  --red:#ff2148;
  --red-2:#ff5774;
  --white:#f6f6f8;
  --muted:#aeb0b8;
  --brand-font:'Teko', sans-serif;
  --body-font:'Rajdhani', sans-serif;
  --shadow:0 0 24px rgba(255,33,72,.18), inset 0 0 0 1px rgba(255,255,255,.02);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--white);background:var(--bg);font-family:var(--body-font);overflow-x:hidden}
.site-bg{position:fixed;inset:0;z-index:-2;background:
radial-gradient(circle at 50% 0%, rgba(255,34,72,.16), transparent 28%),
radial-gradient(circle at 12% 32%, rgba(255,34,72,.08), transparent 22%),
radial-gradient(circle at 88% 38%, rgba(255,34,72,.08), transparent 24%),
linear-gradient(180deg,#09090c 0%,#030304 45%,#050507 100%)}
.site-bg::before,.site-bg::after{content:"";position:absolute;inset:0;pointer-events:none}.site-bg::before{background:linear-gradient(120deg,transparent 0 12%,rgba(255,32,66,.05) 12.2%,transparent 12.5%,transparent 100%),linear-gradient(60deg,transparent 0 70%,rgba(255,32,66,.04) 70.15%,transparent 70.5%,transparent 100%);opacity:.55}.site-bg::after{background:repeating-linear-gradient(90deg,transparent 0 70px,rgba(255,255,255,.014) 70px 71px);opacity:.16}
img{max-width:100%;display:block}a{color:inherit}.brand-font{font-family:var(--brand-font);letter-spacing:.03em}
.panel{position:relative;background:linear-gradient(180deg,rgba(18,18,24,.95),rgba(8,8,11,.92));border:1px solid var(--stroke);box-shadow:var(--shadow)}
.panel::before{content:"";position:absolute;inset:7px;border:1px solid rgba(255,255,255,.045);pointer-events:none}.panel-soft{background:linear-gradient(180deg,rgba(15,15,20,.85),rgba(7,7,10,.8))}
.site-header{max-width:1540px;margin:0 auto;padding:24px 18px 10px}.brand-wrap{text-align:center;padding:18px 20px 14px;overflow:hidden}.brand-wrap::after{content:"";position:absolute;left:50%;top:-20%;width:380px;height:180px;transform:translateX(-50%);background:radial-gradient(circle,rgba(255,33,72,.25),transparent 68%);filter:blur(10px);pointer-events:none}.eyebrow{margin:0 0 4px;color:var(--muted);letter-spacing:.28em;font-size:12px}
.brand-title,.brand-subtitle,.core-brand,.core-mark,.about-badge,.card-kicker,.playing-title{font-family:var(--brand-font)}
.brand-title{margin:0;font-size:clamp(64px,8vw,132px);line-height:.78;letter-spacing:.02em}.brand-subtitle{color:var(--red);font-size:clamp(54px,6vw,106px);line-height:.8;letter-spacing:.04em;text-shadow:0 0 28px rgba(255,33,72,.4)}
.main-nav{margin:14px auto 0;max-width:360px;display:flex;justify-content:center;gap:14px;padding:8px 14px}.main-nav a{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:118px;height:42px;padding:0 14px;text-decoration:none;font-weight:700;letter-spacing:.06em;border:1px solid transparent;transition:.18s ease}.main-nav a::after{content:"";position:absolute;left:50%;bottom:4px;transform:translateX(-50%);width:0;height:2px;background:var(--red);box-shadow:0 0 14px rgba(255,33,72,.7);transition:.18s ease}.main-nav a:hover,.main-nav a:focus-visible,.main-nav a.active{border-color:rgba(255,33,72,.45);background:rgba(255,33,72,.08);box-shadow:0 0 18px rgba(255,33,72,.18),inset 0 0 18px rgba(255,33,72,.05)}.main-nav a:hover::after,.main-nav a:focus-visible::after,.main-nav a.active::after{width:58%}
.page-shell{max-width:1540px;margin:0 auto;padding:10px 18px 24px}.layout-grid{display:grid;grid-template-columns:230px minmax(0,1fr) 230px;gap:22px;align-items:start}
.social-column{display:grid;gap:18px}.social-card{min-height:138px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.social-card:hover{transform:translateY(-2px);box-shadow:0 0 30px color-mix(in srgb, var(--accent) 18%, transparent), inset 0 0 0 1px rgba(255,255,255,.03)}.social-card .eyebrow-small{font-size:12px;color:#d2d5de;letter-spacing:.08em;text-transform:uppercase}.social-top{display:flex;align-items:center;gap:14px}.social-icon{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:26px;color:#fff;background:linear-gradient(180deg,color-mix(in srgb, var(--accent) 34%, #fff 0%),color-mix(in srgb, var(--accent) 18%, #000 82%));box-shadow:0 0 18px color-mix(in srgb, var(--accent) 38%, transparent)}.social-name{font-size:28px;line-height:.9;font-weight:700;color:var(--accent)}.social-cta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-width:128px;height:40px;padding:0 14px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--accent) 72%, #fff 0%);color:#fff;background:linear-gradient(180deg,color-mix(in srgb, var(--accent) 26%, #fff 0%),color-mix(in srgb, var(--accent) 8%, transparent));box-shadow:0 0 18px color-mix(in srgb, var(--accent) 25%, transparent)}.social-card.disabled{cursor:default}.social-card.disabled .social-cta{opacity:.78}
.center-column{display:grid;gap:18px}
.games-shell{padding:20px 42px 26px;overflow:hidden;min-height:386px}.games-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}.game-card{position:relative;min-height:300px;border:1px solid rgba(255,33,72,.42);background:linear-gradient(180deg,#0f0f15,#09090d);overflow:hidden;box-shadow:inset 0 0 18px rgba(255,255,255,.02),0 0 20px rgba(255,33,72,.1)}.game-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 34%,rgba(0,0,0,.18) 58%,rgba(0,0,0,.78) 100%);pointer-events:none}.game-card img{width:100%;height:100%;object-fit:cover;object-position:var(--img-pos,center center);filter:brightness(.98) contrast(1.04) saturate(1.02);transition:transform .35s ease}.game-card:hover img{transform:scale(1.03)}.game-caption{position:absolute;left:12px;right:12px;bottom:12px;z-index:2}.game-tag{display:inline-block;margin-bottom:8px;padding:3px 8px;border:1px solid rgba(255,255,255,.14);background:rgba(0,0,0,.32);color:#d8dbe2;font-size:11px;letter-spacing:.1em}.game-title{margin:0;font-size:18px;line-height:.94;font-weight:700;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.8)}
/* move the center cards out so the circle does not cover them */
.game-card:nth-child(1){transform:translateX(-14px) perspective(700px) rotateY(7deg)}
.game-card:nth-child(2){transform:translateX(-34px)}
.game-card:nth-child(3){transform:translateX(34px)}
.game-card:nth-child(4){transform:translateX(14px) perspective(700px) rotateY(-7deg)}
.core-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);width:228px;height:228px;z-index:4;pointer-events:none}.core-orbit,.core-ring,.core-inner{position:absolute;border-radius:50%}.core-orbit{inset:-12px;border:1px solid transparent}.orbit-a{border-top:2px solid rgba(255,33,72,.8);border-right:2px solid rgba(255,33,72,.35);animation:spin 8s linear infinite}.orbit-b{inset:-24px;border-bottom:2px solid rgba(255,255,255,.18);border-left:2px solid rgba(255,33,72,.45);animation:spin-reverse 12s linear infinite}.core-ring{inset:0;border:4px solid rgba(255,33,72,.95);box-shadow:0 0 30px rgba(255,33,72,.6), inset 0 0 30px rgba(255,33,72,.18)}.core-ring::before{content:"";position:absolute;inset:-18px;border-radius:50%;background:conic-gradient(from 0deg, rgba(255,33,72,.34), transparent 20%, transparent 52%, rgba(255,33,72,.28) 75%, transparent 100%);filter:blur(7px);animation:spin 10s linear infinite}.core-inner{inset:14px;background:radial-gradient(circle at 35% 35%, rgba(46,46,58,.9), rgba(10,10,14,.98) 64%);display:grid;place-items:center;text-align:center;padding:20px;border:1px solid rgba(255,255,255,.05)}.core-brand{margin-top:0;font-size:58px;line-height:.76}.core-brand span{display:block;color:var(--red);font-size:46px;letter-spacing:.05em}.core-brand-large{transform:translateY(4px)}
.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:62px;border:1px solid rgba(255,33,72,.45);cursor:pointer;background:linear-gradient(180deg,rgba(17,17,22,.92),rgba(8,8,10,.9));color:var(--red);font-size:36px;line-height:1;box-shadow:var(--shadow)}.carousel-arrow:hover{box-shadow:0 0 24px rgba(255,33,72,.32)}.carousel-arrow.left{left:14px}.carousel-arrow.right{right:14px}
.live-bar{min-height:64px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 18px;text-align:center;letter-spacing:.06em;font-size:22px;font-weight:700}.live-dot{color:var(--red);text-shadow:0 0 12px rgba(255,33,72,.7)}.divider{width:1px;height:20px;background:rgba(255,255,255,.18)}#liveTagline{color:#e3e4e9}
.content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.info-card{padding:16px 18px 18px;min-height:226px}.info-card header{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid rgba(255,33,72,.38)}.card-kicker{font-size:30px;letter-spacing:.04em;line-height:.9;color:#fff}.about-body,.playing-body{display:flex;gap:16px;align-items:flex-start}.about-badge,.playing-icon{width:84px;height:84px;flex:0 0 84px;border-radius:20px;display:grid;place-items:center;background:radial-gradient(circle, rgba(255,33,72,.18), rgba(10,10,14,.95) 70%);border:1px solid rgba(255,33,72,.4);box-shadow:0 0 20px rgba(255,33,72,.25)}.about-badge{font-size:50px;color:var(--red)}.playing-icon{font-size:32px;color:var(--red);font-family:var(--brand-font)}.info-card p{margin:0;color:#e1e3e8;font-size:17px;line-height:1.35}.schedule-list{display:grid;gap:10px}.schedule-row{display:flex;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px dashed rgba(255,255,255,.1);font-size:20px;font-weight:700}.schedule-row time{color:var(--red-2)}.meta-line{margin-top:14px;text-align:center;font-size:12px;color:var(--muted);letter-spacing:.08em}.playing-title{display:block;margin:0 0 8px;font-size:30px;line-height:.9;letter-spacing:.03em}#playingGenres{font-size:17px;line-height:1.35;color:#dde0e7}
.site-footer{max-width:1540px;margin:0 auto 26px;padding:13px 18px;text-align:center;color:var(--muted);font-size:14px;letter-spacing:.08em}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes spin-reverse{to{transform:rotate(-360deg)}}
@media (max-width:1380px){.layout-grid{grid-template-columns:215px minmax(0,1fr) 215px;gap:18px}.games-shell{padding:18px 36px 24px}.game-card{min-height:282px}.core-badge{width:214px;height:214px}.game-title{font-size:16px}.core-brand{font-size:50px}.core-brand span{font-size:40px}}
@media (max-width:1180px){.layout-grid{grid-template-columns:1fr}.social-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.left{order:2}.center-column{order:1}.right{order:3}.content-grid{grid-template-columns:1fr}.info-card{min-height:auto}.games-shell{min-height:auto;padding:18px 22px 26px}.game-card{min-height:300px}.core-badge{width:210px;height:210px}}
@media (max-width:860px){.site-header{padding:20px 12px 8px}.page-shell{padding:8px 12px 20px}.social-column{grid-template-columns:repeat(2,minmax(0,1fr))}.games-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:10px}.games-grid::-webkit-scrollbar{height:8px}.games-grid::-webkit-scrollbar-thumb{background:rgba(255,33,72,.35)}.game-card{min-width:208px;max-width:208px;min-height:300px;scroll-snap-align:center;transform:none !important}.core-badge{position:relative;left:auto;top:auto;transform:none;margin:18px auto 2px;order:2}.games-shell{display:flex;flex-direction:column}.carousel-arrow{display:none}.live-bar{font-size:17px;flex-wrap:wrap}.card-kicker{font-size:24px}.about-badge,.playing-icon{width:72px;height:72px;flex-basis:72px}.about-badge{font-size:42px}.playing-icon{font-size:28px}.info-card p,.schedule-row,#playingGenres{font-size:17px}.playing-title{font-size:26px}}
@media (max-width:560px){.brand-title{font-size:72px}.brand-subtitle{font-size:60px}.eyebrow{font-size:11px;letter-spacing:.18em}.social-column{grid-template-columns:1fr}.social-card{min-height:124px}.social-name{font-size:24px}.main-nav{max-width:280px}.games-shell{padding:16px 16px 22px}.game-card{min-width:190px;max-width:190px;min-height:280px}.core-badge{width:186px;height:186px}.core-brand{font-size:34px}.core-brand span{font-size:27px}.live-bar{gap:8px;font-size:15px}.divider{display:none}.info-card{padding:14px}}

/* Checkpoint 7: official rotating logo + sponsor placeholders */
.logo-core{overflow:hidden;padding:7px;background:radial-gradient(circle at 50% 45%,rgba(45,12,18,.92),rgba(6,6,9,.98) 72%)}
.official-logo-spin{width:100%;height:100%;object-fit:contain;border-radius:50%;animation:logo-slow-spin 28s linear infinite;filter:drop-shadow(0 0 10px rgba(255,33,72,.5));transform-origin:center center}
@keyframes logo-slow-spin{to{transform:rotate(360deg)}}
.sponsor-slot{min-height:118px;padding:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-style:dashed;background:linear-gradient(180deg,rgba(14,14,18,.86),rgba(7,7,10,.8));color:#cfd1d8}
.sponsor-slot::after{content:"";position:absolute;inset:12px;border:1px dashed rgba(255,33,72,.18);pointer-events:none}
.sponsor-kicker{font-size:11px;letter-spacing:.16em;color:#858894;text-transform:uppercase;margin-bottom:5px}
.sponsor-title{font-family:var(--brand-font);font-size:27px;line-height:.95;letter-spacing:.05em;color:#fff}
.sponsor-note{margin-top:6px;font-size:12px;color:#9da0a9;line-height:1.25}
@media(max-width:1180px){.sponsor-slot{min-height:110px}}


/* Checkpoint 8: use official logo in About/Setup + updated weekend schedule */
.logo-badge{padding:8px;overflow:hidden}
.logo-badge img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 0 10px rgba(255,33,72,.35))}
.schedule-row-note{align-items:center}
.schedule-row-note strong{max-width:48%}
.schedule-note{display:inline-block;text-align:right;color:var(--white);font-weight:700;letter-spacing:.04em;line-height:1.05;text-transform:uppercase}
@media (max-width:560px){
  .schedule-row-note{align-items:flex-start}
  .schedule-note{max-width:46%;font-size:15px}
}