@font-face{font-family:InterLocal;src:local("Inter"),local("Roboto"),local("Arial")}
:root{--bg:#0D0E12;--red:#FF0000;--red2:#FF1E27;--text:#fff;--muted:#94A3B8;--line:rgba(255,255,255,.08);--r:6px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--text);font-family:InterLocal,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent}
.site{width:min(100%,1180px);margin:auto;padding:0 14px}
.topbar{height:58px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:20;background:rgba(13,14,18,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{
  width:50px;
  height:50px;
  flex:0 0 50px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.brand img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
}
.nav{margin-inline-start:auto;display:flex;gap:22px;font-size:11px;font-weight:900}.nav a:hover{color:#FF3333}.menu{display:none;background:none;border:0;color:#fff;font-size:22px}
.hero{position:relative;min-height:430px;border-radius:0 0 8px 8px;overflow:hidden;display:flex;align-items:center}
.hero-bg,.hero-bg img{position:absolute;inset:0;width:100%;height:100%;display:block}.hero-bg img{object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.88) 0%,rgba(5,6,9,.55) 48%,rgba(5,6,9,.35)),linear-gradient(0deg,#0D0E12 0%,transparent 30%)}
.hero-content{position:relative;z-index:1;max-width:650px;padding:42px 5%;text-align:right}
.eyebrow{display:inline-block;background:var(--red);padding:5px 10px;border-radius:3px;font:900 12px Impact,Arial,sans-serif;letter-spacing:1px}
h1{font:900 clamp(42px,7vw,78px)/.95 Impact,"Arial Narrow",sans-serif;letter-spacing:1px;margin:12px 0 7px}h1 b{color:var(--red)}
.arabic-title{font-size:clamp(20px,3vw,30px);font-weight:900;margin:0}.hero-copy{color:#CBD5E1;font-size:12px;margin:8px 0 18px}
.hero-actions{display:flex;gap:8px;flex-wrap:wrap}.hero-btn,.big-btn{border-radius:var(--r);padding:12px 18px;font-size:11px;font-weight:900}.hero-btn.red,.big-btn{background:var(--red)}.hero-btn.ghost{border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.25)}
.section{margin-top:18px}.growth{display:grid;grid-template-columns:.9fr 1.1fr;gap:14px;align-items:start;background:#0E1015;border:1px solid rgba(255,0,0,.18);box-shadow:0 0 22px rgba(255,0,0,.10);padding:14px;border-radius:var(--r)}
.platform-kicker{display:inline-block;font-size:14px;font-weight:900}.rank{display:inline-block;background:var(--red);font-weight:900;padding:4px 7px;margin-inline-start:5px;border-radius:3px}.growth-copy{display:flex;flex-direction:column;justify-content:center;align-self:center;padding:4px 2px;max-width:100%}.growth h2{font-size:23px;line-height:1.15;margin:12px 0 7px}.growth p{color:var(--muted);font-size:11px;line-height:1.5;margin:0 0 13px}.big-btn{display:flex;justify-content:space-between;align-items:center;gap:10px}.big-btn small{font-size:7px;opacity:.85}
.playlist{min-width:0}.section-label{font-size:10px;font-weight:900;margin-bottom:5px}.video-shell{position:relative;aspect-ratio:16/9;background:#08090C;border-radius:5px;overflow:hidden}.video-poster,.video-iframe iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-poster{padding:0;background:#08090C;cursor:pointer}.video-poster img{width:100%;height:100%;object-fit:cover;display:block}.playlist-cta{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  min-width:190px;
  padding:11px 16px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  background:rgba(255,0,0,.94);
  border:1px solid rgba(255,255,255,.35);
  border-radius:5px;
  box-shadow:0 8px 28px rgba(0,0,0,.45),0 0 22px rgba(255,0,0,.28);
  color:#fff;
  text-align:center;
  pointer-events:none;
}
.playlist-cta strong{
  font-size:12px;
  line-height:1.2;
  font-weight:900;
}
.playlist-cta small{
  font-size:8px;
  line-height:1.2;
  color:rgba(255,255,255,.82);
  font-weight:800;
}.micro{font-size:8px!important;text-align:center;margin:5px 0 0!important}
.section-heading{display:flex;gap:9px;align-items:center;margin-bottom:7px}.section-heading>span{font-size:25px}.section-heading h2{font-size:20px;margin:0 0 3px}.section-heading p{font-size:9px;color:var(--muted);margin:0}
.cards{display:grid;gap:8px}.two{grid-template-columns:1fr 1fr}.social-grid{grid-template-columns:repeat(3,1fr)}
.social-card{min-height:150px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:var(--r);background:#15171D;display:flex;flex-direction:column;justify-content:flex-end}
.card-art{position:absolute;inset:0;z-index:0}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.24),rgba(0,0,0,0) 58%)}.card-art img{width:100%;height:100%;object-fit:cover;display:block}
.card-body{position:absolute;z-index:2;right:9px;bottom:9px;padding:0;display:flex;justify-content:flex-end;align-items:flex-end;pointer-events:none}.card-body em{display:inline-block;background:rgba(8,9,12,.82);border:1px solid rgba(255,255,255,.18);padding:5px 7px;border-radius:3px;font-size:7px;font-style:normal;font-weight:900;line-height:1;color:#fff;background:rgba(8,9,12,.72);border:1px solid rgba(255,255,255,.16);box-shadow:0 3px 9px rgba(0,0,0,.24)}
.discord{border-color:#5865F2}.telegram{border-color:#26A5E4}.facebook{border-color:#1877F2}.telegram2{border-color:#2AABEE}.tiktok{border-color:#00F2FE}.instagram{border-color:#E1306C}.fbpage{border-color:#1877F2}
.spirit{position:relative;overflow:hidden;text-align:center;margin:18px 0 12px;padding:16px 14px;min-height:0;height:auto;border:1px solid rgba(255,0,0,.5);background:linear-gradient(135deg,rgba(255,0,0,.10),transparent 45%),#111318}.spirit-glow{position:absolute;inset:auto 20% -80px;height:140px;background:rgba(255,0,0,.12);filter:blur(35px)}.spirit>*{position:relative}.spirit-icon{font-size:25px}.spirit h2{font:900 22px/1.1 Impact,"Arial Narrow",sans-serif;margin:5px 0}.spirit p{font-size:9px;color:#FF5A5A;letter-spacing:1px;margin:0}.spirit-actions{display:flex;justify-content:center;gap:7px;margin-top:9px}.spirit-actions a{min-width:105px;background:#1B1E25;border:1px solid var(--line);border-radius:4px;padding:7px;font-size:9px;font-weight:900}.spirit-actions small{display:block;color:var(--muted);font-size:7px;margin-top:2px}
footer{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#64748B;font-size:8px;padding:12px 0 16px}footer strong{color:#fff;font-size:13px}footer i{color:var(--red);font-style:normal}footer span:last-child{margin-inline-start:auto}
@media(max-width:760px){.site{padding:0 9px}.topbar{height:50px}.brand{
    width:42px;
    height:42px;
    flex-basis:42px;
  }.nav{display:none}.menu{display:block;margin-inline-start:auto}.hero{min-height:390px;margin-inline:-9px;border-radius:0}.hero-content{padding:35px 20px;max-width:100%}.growth{grid-template-columns:1fr;padding:9px}.growth h2{font-size:20px}.social-card{min-height:155px}.social-grid{grid-template-columns:1fr 1fr}.social-grid .social-card:last-child{grid-column:1/-1}.section-heading h2{font-size:17px}.spirit h2{font-size:20px}footer{flex-direction:column;text-align:center}footer span:last-child{margin:0}}
@media(max-width:430px){.hero{min-height:360px}.hero-content{padding:25px 16px}.hero-actions{display:grid;grid-template-columns:1fr}.hero-btn{text-align:center}.two{grid-template-columns:1fr}.social-grid{grid-template-columns:1fr 1fr}.card-body{padding:10px}.card-body b{font-size:10.5px}.spirit-actions a{min-width:0;flex:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.video-poster:hover .playlist-cta{
  background:#ff0000;
  transform:translate(-50%,-50%) scale(1.03);
}
.video-poster:focus-visible{
  outline:2px solid #fff;
  outline-offset:-3px;
}

/* V4 visual refinement: artwork-first social cards */
.social-card:hover .card-art img{transform:scale(1.015);transition:transform .25s ease}
.card-art img{transition:transform .25s ease}
@media(max-width:760px){.growth-copy{align-self:stretch}.spirit{padding:14px 12px}.spirit h2{font-size:19px}}


/* Language switcher */
.lang-switch{display:flex;align-items:center;gap:4px;margin-inline-start:10px;border-inline-start:1px solid rgba(255,255,255,.12);padding-inline-start:10px}
.lang-switch a{font:700 11px/1 Inter,Arial,sans-serif;letter-spacing:.04em;text-decoration:none;color:#94A3B8;padding:7px 6px;border-radius:4px}
.lang-switch a.active{color:#fff;background:#1a1b20}
.lang-switch a:hover{color:#fff}
@media (max-width:760px){.lang-switch{margin-inline-start:auto;border-inline-start:0;padding-inline-start:0;margin-inline-end:8px}.topbar .lang-switch{display:flex}.menu{order:3}}

/* Regional SEO context */
.regional-copy{margin-top:12px;padding:16px 18px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);border-radius:6px}
.regional-copy strong{display:block;margin-bottom:7px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.country-list{margin:0;color:#94A3B8;line-height:1.9;font-size:13px}
@media(max-width:760px){.regional-copy{padding:14px}.country-list{line-height:1.85}}

/* JANODI VISUAL SYSTEM — cinematic command center */
.command{position:relative;overflow:hidden;padding:22px 0 2px}
.command:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,0,0,.035),transparent 38%,rgba(255,0,0,.025));pointer-events:none}
.command-head{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:0 2px 10px;border-bottom:1px solid rgba(255,255,255,.09)}
.command-kicker,.world-kicker{display:block;color:#FF3030;font-size:9px;font-weight:900;letter-spacing:.18em;margin-bottom:5px}
.command-head h2{margin:0;font-size:clamp(22px,3vw,34px);line-height:1.05;font-weight:950;letter-spacing:-.02em}
.command-head p{margin:7px 0 0;color:var(--muted);font-size:10px}
.command-index{font:900 11px/1 Arial,sans-serif;color:#5B6472;letter-spacing:.14em;padding-bottom:3px;white-space:nowrap}
.command-grid{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:7px}
.command-card{position:relative;min-height:154px;overflow:hidden;background:#111318;border:1px solid rgba(255,255,255,.09);padding:15px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.command-card:before{content:"";position:absolute;inset:auto -15% -50%;height:90px;background:rgba(255,0,0,.10);filter:blur(28px);opacity:.45;transition:opacity .22s ease}
.command-card:after{content:"";position:absolute;top:0;left:0;width:42px;height:1px;background:var(--red);box-shadow:0 0 15px rgba(255,0,0,.55)}
.command-card:hover{transform:translateY(-3px);border-color:rgba(255,0,0,.55);background:#15171D}
.command-card:hover:before{opacity:.9}
.command-number{position:absolute;top:13px;inset-inline-end:14px;color:#515A68;font-size:9px;font-weight:900;letter-spacing:.12em}
.command-word{position:relative;font:900 clamp(30px,4vw,50px)/.9 Impact,"Arial Narrow",sans-serif;letter-spacing:.02em}
.command-desc{position:relative;color:#8F99A8;font-size:9px;margin-top:7px}
.command-arrow{position:absolute;bottom:13px;inset-inline-end:14px;color:#FF3030;font-size:17px;font-weight:900}
.command-card.play .command-word{color:#D9DEE6}.command-card.join .command-word{color:#fff}.command-card.watch .command-word{color:#FF2028}

.featured-world{position:relative;display:grid;grid-template-columns:1.45fr .85fr;min-height:310px;overflow:hidden;background:#0B0C10;border:1px solid rgba(255,0,0,.22);border-radius:var(--r);box-shadow:0 18px 55px rgba(0,0,0,.24);direction:ltr}
.world-art{position:relative;min-height:310px;overflow:hidden}
.world-art img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s ease}
.featured-world:hover .world-art img{transform:scale(1.018)}
.world-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.02),rgba(5,6,9,.35) 58%,#0B0C10 100%),linear-gradient(0deg,rgba(5,6,9,.48),transparent 42%)}
.world-scan{position:absolute;z-index:2;left:0;top:18px;width:74px;height:2px;background:#FF0000;box-shadow:0 0 18px rgba(255,0,0,.65)}
.world-copy{direction:rtl;position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;padding:28px 30px 28px 18px;background:linear-gradient(90deg,#0B0C10 0%,rgba(11,12,16,.96) 70%,rgba(11,12,16,.78) 100%)}
.world-copy h2{font:900 clamp(30px,4vw,48px)/.86 Impact,"Arial Narrow",sans-serif;letter-spacing:.01em;margin:0 0 12px}
.world-copy h2 b{color:#FF1E27;font-weight:900}
.world-copy p{color:#A6AFBC;font-size:10px;line-height:1.7;margin:0 0 14px;max-width:410px}
.world-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:16px}
.world-tags span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#D6DBE2;border:1px solid rgba(255,255,255,.12);padding:5px 7px;background:#111318}
.world-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;width:fit-content;min-width:150px;background:#FF0000;color:#fff;padding:10px 12px;font-size:9px;font-weight:900;border-radius:3px}
.world-btn small{font-size:12px}

.section{scroll-margin-top:76px}
.section-heading{position:relative;padding-inline-start:3px}
.section-heading:after{content:"";position:absolute;bottom:-4px;inset-inline-start:0;width:32px;height:1px;background:#FF0000;box-shadow:0 0 10px rgba(255,0,0,.45)}
.social-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.social-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.social-card:focus-visible,.command-card:focus-visible,.world-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media(max-width:760px){
  .command{padding-top:18px}
  .command-head{align-items:flex-start}
  .command-head h2{font-size:22px}
  .command-index{display:none}
  .command-grid{grid-template-columns:1fr}
  .command-card{min-height:112px}
  .command-word{font-size:38px}
  .featured-world{grid-template-columns:1fr;min-height:0;direction:ltr}
  .world-art{min-height:205px}
  .world-copy{padding:22px 20px 24px;direction:rtl;background:linear-gradient(0deg,#0B0C10 0%,rgba(11,12,16,.95) 78%,rgba(11,12,16,.45) 100%);margin-top:-35px}
  .world-copy h2{font-size:38px}
}
@media(max-width:430px){
  .command-head p{font-size:9px;line-height:1.55}
  .command-card{min-height:105px;padding:13px}
  .command-word{font-size:34px}
  .world-art{min-height:180px}
  .world-copy{margin-top:-28px;padding:20px 16px 20px}
  .world-copy h2{font-size:34px}
  .world-tags{margin-bottom:12px}
}
@media(prefers-reduced-motion:reduce){.command-card,.social-card,.world-art img{transition:none}}

/* JANODI COMING SOON — premium placeholder pages */
.coming-page{min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:#090a0d}
.coming-page:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 20%,rgba(255,0,0,.11),transparent 32%),radial-gradient(circle at 85% 75%,rgba(255,0,0,.07),transparent 28%),linear-gradient(120deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,auto,44px 44px;pointer-events:none}
.coming-bg{position:absolute;inset:0;z-index:0;opacity:.28;overflow:hidden}.coming-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.08)}.coming-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08090c 0%,rgba(8,9,12,.86) 42%,rgba(8,9,12,.74) 100%),linear-gradient(0deg,#08090c 0%,transparent 35%,rgba(8,9,12,.45) 100%)}
.coming-wrap{position:relative;z-index:2;width:min(1120px,calc(100% - 28px));margin:auto;padding:24px 0 32px}.coming-top{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:55px}.coming-brand{display:inline-flex;align-items:center}.coming-brand img{width:54px;height:54px;object-fit:contain}.coming-back{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.14);background:rgba(10,11,15,.68);color:#fff;padding:9px 12px;border-radius:3px;font-size:10px;font-weight:900}.coming-back:hover{border-color:rgba(255,0,0,.55);background:rgba(255,0,0,.08)}
.coming-main{max-width:780px;padding:10px 0 48px}.coming-kicker{display:inline-flex;align-items:center;gap:8px;color:#ff3030;font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:13px}.coming-kicker:before{content:"";width:24px;height:1px;background:#ff0000;box-shadow:0 0 12px rgba(255,0,0,.7)}.coming-main h1{font:900 clamp(48px,8vw,92px)/.88 Impact,"Arial Narrow",sans-serif;letter-spacing:.015em;margin:0;text-transform:uppercase}.coming-main h1 b{color:#ff1e27}.coming-ar{font-size:clamp(18px,2.5vw,28px);font-weight:900;margin:14px 0 8px;color:#fff}.coming-main>p{max-width:650px;color:#9ca7b7;font-size:12px;line-height:1.9;margin:0}
.coming-status{display:inline-flex;align-items:center;gap:8px;margin:22px 0 18px;padding:7px 9px;border:1px solid rgba(255,0,0,.35);background:rgba(255,0,0,.07);color:#ff5b5b;font-size:8px;font-weight:900;letter-spacing:.12em}.coming-status i{width:6px;height:6px;border-radius:50%;background:#ff1e27;box-shadow:0 0 10px #ff1e27}
.coming-actions{display:flex;gap:8px;flex-wrap:wrap}.coming-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:11px 15px;background:#ff0000;color:#fff;border:1px solid #ff0000;border-radius:3px;font-size:10px;font-weight:900}.coming-btn.secondary{background:rgba(12,13,17,.82);border-color:rgba(255,255,255,.16)}.coming-btn:hover{transform:translateY(-2px)}
.coming-panel{margin-top:12px;border:1px solid rgba(255,255,255,.09);background:rgba(10,11,15,.72);backdrop-filter:blur(8px);padding:15px}.coming-panel-title{font-size:8px;color:#ff3030;font-weight:900;letter-spacing:.18em;margin-bottom:10px}.coming-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.coming-item{border:1px solid rgba(255,255,255,.08);padding:12px;background:rgba(255,255,255,.025);min-height:82px}.coming-item b{display:block;font-size:12px;margin-bottom:5px}.coming-item span{display:block;color:#7f8a9a;font-size:8px;line-height:1.55}.coming-footer{position:relative;z-index:2;margin-top:auto;border-top:1px solid rgba(255,255,255,.07)}.coming-footer-inner{width:min(1120px,calc(100% - 28px));margin:auto;padding:13px 0;display:flex;justify-content:space-between;gap:12px;color:#64748b;font-size:8px}.coming-footer strong{color:#fff;font-size:12px}.coming-footer a{color:#94a3b8}.coming-footer a:hover{color:#fff}
@media(max-width:760px){.coming-wrap{padding-top:16px}.coming-top{margin-bottom:38px}.coming-brand img{width:48px;height:48px}.coming-main{padding-bottom:30px}.coming-main h1{font-size:54px}.coming-grid{grid-template-columns:1fr}.coming-item{min-height:0}.coming-footer-inner{flex-direction:column;text-align:center;align-items:center}.coming-bg{opacity:.2}}
@media(prefers-reduced-motion:reduce){.coming-btn{transition:none}}
/* Automatic content platform */
.content-page{padding:34px 0 60px}.page-kicker{color:#ff3030;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:7px}.content-page h1{font-family:Impact,"Arial Narrow",sans-serif;font-size:clamp(36px,6vw,68px);margin:0 0 10px}.content-page .lead{color:#94A3B8;max-width:700px;font-size:12px;line-height:1.7}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}.game-card{min-height:190px;padding:20px;background:linear-gradient(145deg,#171920,#0e1015);border:1px solid rgba(255,255,255,.09);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;inset:auto -20% -55px;height:120px;background:rgba(255,0,0,.10);filter:blur(28px)}.game-card>*{position:relative}.game-card.featured{grid-column:span 2;min-height:270px;border-color:rgba(255,0,0,.45);background:linear-gradient(120deg,rgba(255,0,0,.12),#101217 45%)}.game-card span{font-size:9px;color:#ff3030;font-weight:900;letter-spacing:.14em}.game-card h2{font-size:25px;margin:8px 0 12px}.game-card b{font-size:9px}.playlist-block{margin-top:32px}.playlist-head{display:flex;justify-content:space-between;align-items:end;gap:15px;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:10px}.playlist-kicker{font-size:9px;color:#ff3030;font-weight:900;letter-spacing:.14em}.playlist-head h2{font-size:24px;margin:5px 0}.playlist-head p{margin:0;color:#64748B;font-size:9px}.playlist-head>a{font-size:9px;font-weight:900;background:#ff0000;padding:9px 12px;border-radius:4px;white-space:nowrap}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.video-card{background:#111318;border:1px solid rgba(255,255,255,.08);transition:.2s ease}.video-card:hover{transform:translateY(-3px);border-color:rgba(255,0,0,.45)}.video-thumb{aspect-ratio:16/9;background:#08090c;position:relative;overflow:hidden}.video-thumb img{width:100%;height:100%;object-fit:cover;display:block}.play-mark{position:absolute;left:10px;bottom:10px;background:#ff0000;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:12px}.video-info{padding:10px}.video-info h3{font-size:12px;line-height:1.45;margin:0 0 6px}.video-info p{font-size:8px;color:#64748B;margin:0 0 8px}.video-info span{font-size:8px;color:#ff4a4a;font-weight:900}.loading-state,.empty-state{padding:35px 15px;text-align:center;color:#94A3B8;border:1px dashed rgba(255,255,255,.1);margin-top:15px}.legacy{margin-top:35px;border:1px solid rgba(255,0,0,.25);padding:20px;background:#111318}.legacy h2{margin:0 0 12px}.trophy-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trophy{border:1px solid rgba(255,255,255,.08);padding:16px}.trophy strong{display:block;color:#ff3030;font-size:10px;letter-spacing:.1em}.trophy b{display:block;font-size:25px;margin-top:4px}.trophy small{color:#94A3B8}
@media(max-width:760px){.game-grid{grid-template-columns:1fr 1fr}.game-card.featured{grid-column:1/-1}.video-grid{grid-template-columns:1fr 1fr}.playlist-head{align-items:start;flex-direction:column}.playlist-head>a{align-self:stretch;text-align:center}}
@media(max-width:430px){.game-grid,.video-grid{grid-template-columns:1fr}.game-card.featured{grid-column:auto}.content-page{padding-top:24px}.trophy-grid{grid-template-columns:1fr}}