:root{--bg:#07070b;--panel:#0d0f15;--line:#262b36;--text:#f7f8fb;--muted:#949baa;--violet:#975cff;--cyan:#54f3dc;--shadow:0 25px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at 15% -10%,rgba(120,55,255,.16),transparent 28%),radial-gradient(circle at 95% 10%,rgba(70,240,215,.08),transparent 23%),var(--bg)}button,input{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.shell{width:min(1260px,calc(100% - 34px));margin:auto}.topbar{position:sticky;top:0;z-index:50;height:72px;padding:0 20px;display:grid;grid-template-columns:auto auto 1fr minmax(260px,370px);align-items:center;gap:14px;background:rgba(7,7,11,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.menu-btn,.round-btn{width:38px;height:38px;border:1px solid var(--line);background:#0e1016;color:#fff;border-radius:11px;cursor:pointer}.brand,.brand-static{border:0;background:none;color:#fff;display:flex;align-items:center;gap:10px;font-weight:1000;letter-spacing:.07em;white-space:nowrap}.brand{cursor:pointer}.mark{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,var(--violet),var(--cyan));box-shadow:0 0 26px rgba(135,83,255,.32)}.main-nav{display:flex;justify-content:center;gap:2px}.nav-item{border:0;background:none;color:#8e95a2;padding:10px;border-radius:9px;font-size:11px;font-weight:850;cursor:pointer;white-space:nowrap}.nav-item:hover,.nav-item.active{background:#151821;color:#fff}.nav-item.active{box-shadow:inset 0 -2px 0 var(--cyan)}.search-trigger{height:40px;border:1px solid #292e39;border-radius:12px;background:#0e1016;color:#737a88;display:flex;gap:10px;align-items:center;padding:0 11px;cursor:pointer}.search-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.search-trigger kbd{border:1px solid #343947;background:#171a22;border-radius:6px;padding:3px 6px;font-size:9px}.view{display:none}.view.active{display:block}.home-hero{min-height:520px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:45px;padding:55px 0 35px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:950;letter-spacing:.18em}.hero-copy h1{font-size:clamp(56px,8vw,108px);line-height:.82;letter-spacing:-.065em;margin:12px 0 24px}.hero-copy h1 span{color:#ae7cff}.hero-copy p{font-size:17px;color:#a5abb8;max-width:620px;line-height:1.75}.hero-search{width:min(680px,100%);min-height:62px;margin-top:28px;border:1px solid #303542;border-radius:17px;background:#0e1016;color:#808795;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;padding:0 17px;cursor:pointer}.hero-search strong{font-size:9px;letter-spacing:.11em;color:#fff;background:linear-gradient(135deg,#864bff,#4ce9d3);padding:9px 11px;border-radius:8px}.hero-tags,.filter-row,.chip-row{display:flex;flex-wrap:wrap;gap:7px}.hero-tags{margin-top:16px}.hero-tags button,.filter-row button,.chip{border:1px solid #2a2f3a;background:#0e1016;color:#999fac;border-radius:999px;padding:8px 11px;font-size:9px;font-weight:850;cursor:pointer}.hero-tags button:hover,.filter-row button:hover,.filter-row button.active,.chip:hover,.chip.active{border-color:#7653af;background:#171327;color:#fff}.hero-visual{height:420px;position:relative}.orb{position:absolute;border-radius:50%;filter:blur(70px);opacity:.28}.orb-a{width:250px;height:250px;background:#7f3fff;left:20%;top:15%}.orb-b{width:220px;height:220px;background:#3de4ce;right:8%;bottom:0}.stack-card{position:absolute;width:280px;height:180px;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:24px;background:linear-gradient(145deg,rgba(28,31,45,.96),rgba(11,13,19,.96));box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:flex-end}.stack-card small{color:var(--cyan);font-size:9px;font-weight:900;letter-spacing:.15em}.stack-card strong{font-size:25px;margin:7px 0 4px}.stack-card span{color:#808797;font-size:9px;letter-spacing:.12em}.card-a{right:13%;top:3%;transform:rotate(5deg)}.card-b{left:6%;top:28%;transform:rotate(-8deg);background:linear-gradient(145deg,#21103c,#0d0f16)}.card-c{right:2%;bottom:3%;transform:rotate(8deg);background:linear-gradient(145deg,#102d2b,#0d0f16)}.content-block{padding:34px 0 45px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.section-head h2{font-size:32px;margin:5px 0 0;letter-spacing:-.035em}.section-head.compact h2{font-size:28px}.text-link{border:0;background:none;color:#8d94a1;font-size:9px;font-weight:950;letter-spacing:.11em;cursor:pointer}.text-link:hover{color:var(--cyan)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.featured-grid .game-card:first-child{grid-column:span 2}.game-card{min-height:300px;border:1px solid #252a35;border-radius:19px;overflow:hidden;background:#0d0f15;cursor:pointer;display:flex;flex-direction:column;box-shadow:0 14px 35px rgba(0,0,0,.16);transition:.18s}.game-card:hover,.character-card:hover,.quiz-card:hover,.news-card:hover{transform:translateY(-4px);border-color:#4d5464;box-shadow:0 22px 45px rgba(0,0,0,.25)}.game-art{height:175px;position:relative;background:linear-gradient(145deg,var(--ga,#3f226f),var(--gb,#111722));overflow:hidden}.featured-grid .game-card:first-child .game-art{height:220px}.game-art:after{content:attr(data-symbol);position:absolute;right:18px;bottom:0;font-size:86px;font-weight:1000;color:rgba(255,255,255,.13)}.game-status{position:absolute;z-index:2;top:12px;left:12px;padding:6px 8px;border:1px solid rgba(255,255,255,.11);border-radius:999px;background:rgba(7,7,11,.66);font-size:8px;font-weight:950;letter-spacing:.11em}.game-info{padding:16px 17px 17px;display:flex;flex-direction:column;flex:1}.game-info-top{display:flex;justify-content:space-between;color:#777e8c;font-size:9px;font-weight:850}.game-info h3{font-size:21px;margin:9px 0 5px}.game-info p{color:#939aa8;font-size:12px;line-height:1.55;margin:0}.game-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:14px}.game-tags span{color:#787f8d;font-size:8px;border:1px solid #282d37;border-radius:999px;padding:5px 7px}.split-block{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px 0 45px}.quiz-list{display:grid;gap:10px}.quiz-row{display:grid;grid-template-columns:54px 1fr auto;gap:13px;align-items:center;border:1px solid #242934;background:#0d0f15;border-radius:15px;padding:11px;cursor:pointer}.quiz-row:hover{border-color:#4b5262}.quiz-icon{width:54px;height:54px;border-radius:13px;background:linear-gradient(135deg,#8e4fff,#3fdcc8);display:grid;place-items:center;font-weight:1000}.quiz-row small{color:#7f8695;font-size:8px;font-weight:900}.quiz-row strong{display:block;margin-top:4px;font-size:14px}.quiz-row em{font-style:normal;color:#747b89;font-size:10px}.character-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-character{border:1px solid #252a35;background:#0d0f15;border-radius:15px;padding:12px;cursor:pointer}.mini-avatar{height:110px;border-radius:12px;background:linear-gradient(145deg,var(--ca,#593581),var(--cb,#111721));position:relative;overflow:hidden}.mini-avatar:after{content:attr(data-letter);position:absolute;right:8px;bottom:-11px;font-size:70px;font-weight:1000;color:rgba(255,255,255,.13)}.mini-character strong{display:block;margin-top:10px}.mini-character span{font-size:9px;color:#7b8291}.genre-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.genre-card{min-height:130px;border:1px solid #252a35;border-radius:16px;background:linear-gradient(145deg,#151821,#0c0e13);padding:17px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;cursor:pointer}.genre-card:hover{border-color:#635285;transform:translateY(-3px)}.genre-card b{font-size:24px}.genre-card span{font-size:10px;color:#858c9a}.genre-card i{font-style:normal;font-size:28px}.update-band{margin:35px 0 80px;border:1px solid #292e39;border-radius:23px;background:linear-gradient(110deg,rgba(126,61,255,.14),rgba(67,236,213,.05)),#0e1016;padding:28px;display:grid;grid-template-columns:1fr 1.25fr auto;gap:28px;align-items:center}.update-band small{color:var(--cyan);font-size:9px;font-weight:900}.update-band h2{font-size:28px;margin:5px 0}.update-mini-list{display:grid;gap:7px}.update-mini{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #262b35;padding:7px 0}.update-mini strong{font-size:12px}.update-mini span{font-size:9px;color:#7c8391}.primary,.secondary{min-height:42px;padding:0 15px;border-radius:10px;font-size:9px;font-weight:950;letter-spacing:.08em;cursor:pointer}.primary{border:0;background:linear-gradient(135deg,#8b4fff,#4be5d0);color:#fff}.secondary{border:1px solid #303542;background:#12151c;color:#fff}.page-space{min-height:72vh;padding:48px 0 80px}.page-head{margin-bottom:25px}.page-head h1{font-size:clamp(50px,7vw,82px);letter-spacing:-.06em;margin:6px 0}.page-head p{color:#989fad;font-size:16px;margin:0}.filter-row{margin-bottom:22px}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.character-card{border:1px solid #252a35;border-radius:18px;background:#0d0f15;padding:12px;cursor:pointer;transition:.18s}.character-art{height:190px;border-radius:13px;background:linear-gradient(145deg,var(--ca,#613a8d),var(--cb,#111620));position:relative;overflow:hidden}.character-art:after{content:attr(data-letter);position:absolute;right:8px;bottom:-16px;font-size:105px;font-weight:1000;color:rgba(255,255,255,.12)}.character-card h3{font-size:18px;margin:11px 0 4px}.character-card p{margin:0;color:#7f8694;font-size:10px}.character-badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.character-badges span{font-size:7px;color:#868d9a;border:1px solid #282d37;border-radius:999px;padding:4px 6px}.quiz-grid,.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quiz-card,.news-card{border:1px solid #252a35;border-radius:19px;background:#0d0f15;overflow:hidden;cursor:pointer;transition:.18s}.quiz-cover{height:190px;background:linear-gradient(145deg,var(--qa,#58328b),var(--qb,#102523));position:relative}.quiz-cover:after{content:"?";position:absolute;right:20px;bottom:-25px;font-size:160px;font-weight:1000;color:rgba(255,255,255,.1)}.quiz-card-body{padding:17px}.quiz-card small,.news-card small{color:var(--cyan);font-size:8px;font-weight:900}.quiz-card h3,.news-card h3{font-size:22px;margin:8px 0}.quiz-card p,.news-card p{color:#9097a5;font-size:12px;line-height:1.55}.quiz-meta,.news-card footer{display:flex;justify-content:space-between;color:#747b89;font-size:8px;margin-top:15px}.discover-panel{border:1px solid #292e3a;border-radius:22px;background:#0e1016;padding:24px;margin-bottom:32px}.discover-group{margin-bottom:19px}.discover-group>span{display:block;color:#777f8e;font-size:8px;font-weight:950;margin-bottom:9px}.discover-actions{display:flex;justify-content:flex-end;gap:8px}.result-count{font-size:10px;color:#737a88}.news-card{min-height:250px;padding:20px;display:flex;flex-direction:column}.news-card footer{margin-top:auto}.detail-hero{border:1px solid #292e39;border-radius:24px;overflow:hidden;background:linear-gradient(125deg,var(--da,#3f246c),var(--db,#0c1119));min-height:330px;display:grid;grid-template-columns:1.2fr .8fr}.detail-copy{padding:42px}.detail-copy h1{font-size:clamp(48px,7vw,86px);letter-spacing:-.06em;line-height:.9;margin:8px 0 15px}.detail-copy p{color:#c0c4cc;max-width:690px;line-height:1.7}.detail-meta{display:flex;gap:7px;flex-wrap:wrap}.detail-meta span{font-size:8px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:6px 8px}.detail-symbol{display:grid;place-items:center;font-size:180px;font-weight:1000;color:rgba(255,255,255,.09)}.detail-tabs{display:flex;gap:5px;margin:18px 0}.detail-tabs button{border:1px solid #282d37;background:#0e1016;color:#939aa7;border-radius:9px;padding:9px 11px;font-size:9px;font-weight:900;cursor:pointer}.detail-tabs button.active{background:#1a1726;border-color:#684d98;color:#fff}.detail-panel{border:1px solid #252a35;border-radius:18px;background:#0d0f15;padding:24px}.detail-panel p{color:#9da4b1;line-height:1.7}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.related-card{border:1px solid #282d37;border-radius:14px;padding:14px;background:#12151c;cursor:pointer}.related-card span{font-size:9px;color:#7f8795}.search-overlay{position:fixed;inset:0;z-index:100;display:none;background:rgba(5,6,9,.92);backdrop-filter:blur(18px);padding:80px 20px}.search-overlay.open{display:block}.search-shell{width:min(860px,100%);margin:auto}.search-top{height:68px;border:1px solid #353b48;border-radius:17px;background:#101219;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 14px}.search-top input{border:0;outline:0;background:none;color:#fff;font-size:18px}.search-hint{color:#707887;font-size:11px;margin:13px 5px}.search-section{margin-top:25px}.search-section>small{color:#6d7482;font-size:9px;font-weight:900}.search-result{display:flex;justify-content:space-between;border-bottom:1px solid #20242d;padding:13px 3px;cursor:pointer}.search-result span{font-size:10px;color:#757c89}.drawer{position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(360px,90vw);background:#0b0d12;border-right:1px solid #292d38;box-shadow:30px 0 80px rgba(0,0,0,.4);padding:18px;transform:translateX(-102%);transition:.22s}.drawer.open{transform:none}.drawer-head{display:flex;justify-content:space-between}.drawer-kicker{color:#636b7a;font-size:9px;font-weight:900;margin:30px 10px 10px}.drawer nav{display:grid;gap:5px}.drawer nav button{border:0;background:none;text-align:left;padding:13px;border-radius:10px;color:#d2d5dc;cursor:pointer}.drawer nav button:hover{background:#171a22}.drawer-foot{position:absolute;left:28px;bottom:25px;color:#5f6674;font-size:10px}.backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:80;display:none}.backdrop.show{display:block}.footer{border-top:1px solid #1e222b;padding:35px 0 45px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:20px;color:#747b89}.footer-links{display:flex;gap:15px}.footer-links button{border:0;background:none;color:#858d9b;cursor:pointer}.footer-inner small{grid-column:1/-1;font-size:9px;color:#575e6b}@media(max-width:1120px){.topbar{grid-template-columns:auto auto 1fr}.search-trigger{display:none}.game-grid{grid-template-columns:repeat(3,1fr)}.character-grid{grid-template-columns:repeat(4,1fr)}.genre-grid{grid-template-columns:repeat(3,1fr)}.update-band{grid-template-columns:1fr 1fr}}@media(max-width:900px){.main-nav{overflow:auto;justify-content:flex-start}.home-hero{grid-template-columns:1fr}.hero-visual{display:none}.split-block{grid-template-columns:1fr}.game-grid{grid-template-columns:repeat(2,1fr)}.featured-grid .game-card:first-child{grid-column:auto}.character-grid{grid-template-columns:repeat(3,1fr)}.quiz-grid,.news-grid{grid-template-columns:repeat(2,1fr)}.detail-hero{grid-template-columns:1fr}.detail-symbol{display:none}.related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.topbar{height:64px;padding:0 11px;gap:9px}.brand-word{display:none}.main-nav .nav-item:nth-child(n+4){display:none}.shell{width:min(100% - 22px,1260px)}.home-hero{padding:38px 0 22px;min-height:auto}.hero-copy h1{font-size:58px}.game-grid,.quiz-grid,.news-grid{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,1fr)}.genre-grid{grid-template-columns:repeat(2,1fr)}.update-band{grid-template-columns:1fr}.page-space{padding-top:32px}.detail-copy{padding:26px}.related-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr}}

/* v4.1 live RAWG covers */
.game-art{background-size:cover;background-position:center;background-repeat:no-repeat}

/* v4.2 — Real Gaming UI */
.game-art{
  background:#10131a;
  isolation:isolate;
}
.game-cover{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  z-index:0;
  transform:scale(1.002);
  transition:transform .28s ease,filter .28s ease;
}
.game-card:hover .game-cover{transform:scale(1.045);filter:saturate(1.06) contrast(1.03)}
.game-cover-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,rgba(4,5,8,.06) 0%,rgba(4,5,8,.12) 45%,rgba(4,5,8,.76) 100%),
    linear-gradient(90deg,rgba(4,5,8,.12),transparent 48%);
}
.game-art:after{z-index:1;opacity:.35}
.game-status{z-index:3}
.game-score{
  position:absolute;
  z-index:3;
  right:12px;
  top:12px;
  padding:6px 8px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(7,7,11,.70);
  backdrop-filter:blur(10px);
  color:#fff;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
}
.home-live-section{padding-top:12px}
.live-source{
  color:#737b88;
  border:1px solid #292e39;
  background:#0d0f15;
  border-radius:999px;
  padding:7px 9px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.10em;
}
.detail-hero{
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
}
.detail-copy{
  text-shadow:0 2px 20px rgba(0,0,0,.5);
}
@media(max-width:650px){
  .live-source{display:none}
}


/* v4.4 — Compact database cards + consistent home sections */
.section-actions{display:flex;align-items:center;gap:12px}
.game-grid{align-items:stretch}
.featured-grid .game-card:first-child{grid-column:auto}
.game-card{min-height:390px;height:100%}
.game-art,.featured-grid .game-card:first-child .game-art{height:190px;min-height:190px}
.game-info{min-height:198px;padding:15px 16px 16px}
.game-info h3{font-size:19px;line-height:1.16;margin:9px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:44px}
.game-info p{font-size:11.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:54px;max-height:54px}
.game-info-top{gap:12px}.game-info-top span:last-child{max-width:58%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
.game-tags{padding-top:12px;min-height:39px}.game-tags span{white-space:nowrap;max-width:110px;overflow:hidden;text-overflow:ellipsis}
.game-full-description{white-space:pre-line;max-width:920px}
.home-live-section{padding-top:24px}
.live-source{color:#8c93a2;background:linear-gradient(135deg,rgba(151,92,255,.08),rgba(84,243,220,.05)),#0d0f15}
@media(max-width:1120px){.game-card{min-height:382px}}
@media(max-width:650px){.section-actions{gap:8px}.game-card{min-height:0}.game-art,.featured-grid .game-card:first-child .game-art{height:205px}.game-info{min-height:190px}}


/* v4.5 — Editorial badge clarity */
.game-status{backdrop-filter:blur(10px)}


/* v4.6 — Games Library + Trending Curation */
.games-library-space{padding-top:92px}
.games-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.games-library-head h1{margin-top:8px}
.library-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:8px}
.library-meta strong,.library-meta span{border:1px solid #2a2f3a;background:#0e1016;border-radius:999px;padding:7px 9px;font-size:8px;font-weight:950;letter-spacing:.11em;color:#8e95a3}
.library-meta strong{color:#fff;border-color:#3a4050}
.games-filter-row{position:sticky;top:72px;z-index:20;padding:10px 0 12px;background:linear-gradient(180deg,rgba(7,7,11,.98) 72%,rgba(7,7,11,.86) 88%,rgba(7,7,11,0));backdrop-filter:blur(10px)}
.library-empty{grid-column:1/-1;min-height:310px;border:1px dashed #303644;border-radius:22px;background:linear-gradient(135deg,rgba(151,92,255,.06),rgba(84,243,220,.025)),#0c0e13;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px}
.library-empty span{color:var(--cyan);font-size:9px;font-weight:950;letter-spacing:.18em}
.library-empty h2{font-size:30px;margin:10px 0 8px}
.library-empty p{color:#8b92a0;max-width:560px;line-height:1.65;margin:0}
@media(max-width:900px){.games-library-head{align-items:flex-start;flex-direction:column}.library-meta{justify-content:flex-start;padding-bottom:0}.games-library-space{padding-top:78px}}
@media(max-width:650px){.games-library-space{padding-top:72px}.games-filter-row{top:64px;padding-top:8px}.library-meta{display:none}}

/* v4.8 — Characters Database Layer */
.character-library-space{padding-top:92px}
.character-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.character-filter-row{position:sticky;top:72px;z-index:20;padding:10px 0 12px;background:linear-gradient(180deg,rgba(7,7,11,.98) 72%,rgba(7,7,11,.86) 88%,rgba(7,7,11,0));backdrop-filter:blur(10px)}
.character-art,.mini-avatar{background-size:cover;background-position:center;background-repeat:no-repeat}
.character-art.has-image:after,.mini-avatar.has-image:after{opacity:.16}
.quiz-runner{width:min(850px,100%);margin:20px auto 70px;border:1px solid #292e39;border-radius:24px;background:#0d0f15;padding:clamp(24px,5vw,54px)}
.quiz-progress{display:flex;justify-content:space-between;color:#89919f;font-size:10px;font-weight:900;letter-spacing:.1em}.quiz-progress-bar{height:6px;background:#1c2029;border-radius:999px;margin:12px 0 38px;overflow:hidden}.quiz-progress-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#975cff,#54f3dc);transition:.25s}.quiz-runner h1{font-size:clamp(31px,5vw,54px);line-height:1.06;letter-spacing:-.045em;margin:0 0 30px}.quiz-answers{display:grid;gap:11px}.quiz-answers button{min-height:64px;border:1px solid #2b303b;border-radius:14px;background:#11141b;color:#eef0f5;text-align:left;padding:12px 16px;cursor:pointer;font-weight:750}.quiz-answers button:hover{border-color:#7653af;background:#191526;transform:translateX(4px)}.quiz-answers button span{display:inline-grid;place-items:center;width:32px;height:32px;margin-right:12px;border-radius:9px;background:#211a33;color:#b892ff}.quiz-result-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}
.character-status{position:absolute;z-index:3;top:10px;left:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(7,7,11,.72);backdrop-filter:blur(10px);font-size:8px;font-weight:950;letter-spacing:.10em;color:#fff}
.character-card{min-height:300px;display:flex;flex-direction:column}
.character-card p{min-height:30px;line-height:1.45}
.character-badges{margin-top:auto;padding-top:10px}
.quiz-alternatives{margin:18px 0 70px;border:1px solid #252a35;border-radius:18px;background:#0d0f15;padding:24px}.quiz-alternatives h2{margin:6px 0 18px}.quiz-alternative-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.quiz-alternative-grid button{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;border:1px solid #292e39;border-radius:14px;background:#11141b;color:#fff;text-align:left;padding:10px;cursor:pointer}.quiz-alternative-grid button:hover{border-color:#7653af;background:#191526}.alt-avatar{width:58px;height:58px;border-radius:11px;background:#201a2e center/cover no-repeat}.quiz-alternative-grid strong,.quiz-alternative-grid small{display:block}.quiz-alternative-grid small{margin-top:4px;color:#858d9b;font-size:9px}.quiz-alternative-grid b{color:#54f3dc;font-size:9px;margin-right:6px}
@media(max-width:900px){.character-library-head{align-items:flex-start;flex-direction:column}.character-library-space{padding-top:78px}}
@media(max-width:650px){.character-library-space{padding-top:72px}.character-filter-row{top:64px;padding-top:8px}.quiz-alternative-grid{grid-template-columns:1fr}.quiz-alternatives{padding:16px}}

/* v4.9 — Articles and editorial publishing */
.main-nav a.nav-item{display:flex;align-items:center;text-decoration:none}.footer-links a{color:inherit;text-decoration:none;font:inherit}.home-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-article-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #282e39;border-radius:18px;background:#0d0f15;color:#fff;text-decoration:none;min-height:390px;transition:.2s}.home-article-card:hover{transform:translateY(-4px);border-color:#54447a}.home-article-image{height:190px;background:linear-gradient(135deg,#35235d,#123b3b) center/cover no-repeat}.home-article-copy{display:flex;flex:1;flex-direction:column;padding:18px}.home-article-copy small,.article-public-card small{color:#54f3dc;font-size:9px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.home-article-copy strong{font-size:20px;line-height:1.2;margin:10px 0}.home-article-copy p{color:#9ba3b1;font-size:12px;line-height:1.6;margin:0 0 16px}.home-article-copy b{margin-top:auto;font-size:9px;color:#54f3dc}.article-loading{grid-column:1/-1;border:1px dashed #303644;border-radius:16px;padding:35px;text-align:center;color:#818a99}.article-brand{color:#fff;text-decoration:none}.article-back{border:1px solid #2b303b;border-radius:10px;padding:10px 13px;color:#fff;text-decoration:none;font-size:10px;font-weight:900}.articles-hero{padding:120px 0 72px;background:radial-gradient(circle at 80% 0,rgba(84,243,220,.1),transparent 37%),radial-gradient(circle at 12% 20%,rgba(151,92,255,.13),transparent 40%)}.articles-hero h1{font-size:clamp(50px,8vw,94px);line-height:.94;letter-spacing:-.06em;margin:10px 0 18px}.articles-hero p{color:#a1a8b5;font-size:18px}.article-index{padding-bottom:100px}.article-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.article-filters a{border:1px solid #2b303b;border-radius:999px;padding:8px 13px;color:#abb2c0;text-decoration:none;font-size:10px;font-weight:900}.article-filters a.active{background:#fff;color:#08090d}.article-public-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-public-card{display:grid;grid-template-columns:42% 1fr;min-height:270px;border:1px solid #292f3a;border-radius:18px;background:#0d0f15;overflow:hidden}.article-card-image{background:#171b24 center/cover no-repeat}.article-public-card>div{padding:23px}.article-public-card h2{font-size:25px;line-height:1.1;margin:11px 0}.article-public-card h2 a{color:#fff;text-decoration:none}.article-public-card p{color:#9ba3b1;line-height:1.65;font-size:13px}.read-link{color:#54f3dc;text-decoration:none;font-size:9px;font-weight:900}.article-empty{grid-column:1/-1;padding:60px;text-align:center;border:1px dashed #303644;border-radius:18px}.article-page{width:min(900px,calc(100% - 34px));margin:0 auto;padding:120px 0 70px}.article-page-head{text-align:center}.article-page-head h1{font-size:clamp(45px,8vw,82px);line-height:.98;letter-spacing:-.055em;margin:12px 0 22px}.article-page-head>p{color:#aab1bd;font-size:19px;line-height:1.6;max-width:760px;margin:0 auto}.article-byline{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;color:#7f8898;font-size:11px;margin:25px 0 35px}.article-featured{display:block;width:min(1180px,calc(100vw - 34px));max-width:none;position:relative;left:50%;transform:translateX(-50%);aspect-ratio:16/8;object-fit:cover;border:1px solid #2b303a;border-radius:22px;margin:0 0 55px}.article-content{font-family:Georgia,serif;font-size:19px;line-height:1.86;color:#d7dbe3}.article-content p{margin:0 0 1.45em}.article-content h2,.article-content h3{font-family:Inter,Arial,sans-serif;letter-spacing:-.035em;color:#fff;line-height:1.15;margin:2em 0 .7em}.article-content h2{font-size:36px}.article-content h3{font-size:27px}.article-content a,.article-sources a{color:#63eadc}.article-content blockquote{border-left:4px solid #8568ff;margin:2em 0;padding:4px 0 4px 24px;color:#b8c0ce;font-style:italic}.article-sources{border-top:1px solid #292e39;margin-top:50px;padding-top:25px}.article-sources h2{font-size:21px}.article-sources li{margin:8px 0}.article-share{display:flex;align-items:center;justify-content:space-between;border:1px solid #2a303b;border-radius:14px;padding:18px;margin-top:35px}.article-share button{border:0;border-radius:9px;padding:11px 14px;color:#08090d;background:#54f3dc;font-weight:900;cursor:pointer}.related-articles{padding:40px 0 90px}.related-articles>h2{font-size:34px;margin:7px 0 20px}.related-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.related-article-grid a{display:flex;flex-direction:column;gap:8px;border:1px solid #292e39;border-radius:14px;padding:19px;color:#fff;text-decoration:none;background:#0d0f15}.related-article-grid small{color:#54f3dc}.related-article-grid strong{font-size:18px}.related-article-grid span{color:#8f97a5;font-size:11px}.article-footer{border-top:1px solid #242933;padding:30px 0;color:#767e8c;font-size:11px}.not-found{min-height:100vh;display:grid;place-items:center;text-align:center}.not-found span{color:#54f3dc;font-weight:900}.not-found h1{font-size:50px}.not-found a{color:#fff}@media(max-width:1000px){.home-article-grid{grid-template-columns:1fr 1fr}.home-article-card:last-child{display:none}.article-public-grid{grid-template-columns:1fr}}@media(max-width:700px){.home-article-grid{grid-template-columns:1fr}.home-article-card:last-child{display:flex}.article-public-card{grid-template-columns:1fr}.article-card-image{height:210px}.article-page{padding-top:95px}.article-featured{border-radius:13px;margin-bottom:35px}.article-content{font-size:17px}.article-content h2{font-size:29px}.related-article-grid{grid-template-columns:1fr}.article-back{display:none}.articles-hero{padding-top:95px}}

/* v5.2 — Live New & Trending articles */
.update-mini{text-decoration:none;color:inherit}
.update-mini:hover strong{color:var(--cyan)}
.news-page-space{padding-top:92px}
.news-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px}
.news-all-link{flex:0 0 auto;border:1px solid #303644;border-radius:11px;padding:12px 15px;color:#fff;text-decoration:none;font-size:9px;font-weight:950;letter-spacing:.09em;background:#10131a}
.news-all-link:hover{border-color:#65508f;color:var(--cyan)}
.news-filter-row{position:sticky;top:72px;z-index:20;padding:10px 0 12px;background:linear-gradient(180deg,rgba(7,7,11,.98) 72%,rgba(7,7,11,.86) 88%,rgba(7,7,11,0));backdrop-filter:blur(10px)}
.news-article-card{min-height:430px;padding:0;color:#fff;text-decoration:none}
.news-article-image{position:relative;display:block;height:205px;flex:0 0 auto;background:linear-gradient(135deg,#35235d,#123b3b) center/cover no-repeat;overflow:hidden}
.news-article-image:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(8,9,14,.8))}
.news-article-image b{position:absolute;z-index:2;top:13px;left:13px;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:7px 9px;background:rgba(7,8,13,.76);backdrop-filter:blur(10px);color:#fff;font-size:8px;letter-spacing:.12em}
.news-article-body{display:flex;flex:1;flex-direction:column;padding:20px}
.news-article-body h3{line-height:1.17;margin:9px 0 8px}
.news-article-body p{margin:0 0 16px}
.news-article-body footer{width:100%;padding-top:14px;border-top:1px solid #252a34}
.news-empty{min-height:260px;display:grid;place-items:center}
@media(max-width:900px){.news-page-head{align-items:flex-start;flex-direction:column}.news-page-space{padding-top:78px}}
@media(max-width:650px){.news-page-space{padding-top:72px}.news-filter-row{top:64px;padding-top:8px}.news-all-link{display:none}.news-article-card{min-height:0}.news-article-image{height:220px}.news-article-body{min-height:210px}}

/* v5.3 — Game SEO hubs + affiliate conversion layer */
.game-offer{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:22px}.game-offer a,.affiliate-cta{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:11px;padding:14px 18px;background:linear-gradient(135deg,#975cff,#54f3dc);color:#07080c;text-decoration:none;font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:0 12px 34px rgba(93,222,207,.14)}.game-offer a:hover,.affiliate-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}.game-offer small{color:#b3bbc7;font-size:10px}.game-article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.game-article-link{display:flex;min-height:190px;flex-direction:column;border:1px solid #292f3a;border-radius:15px;padding:20px;background:#10131a;color:#fff;text-decoration:none}.game-article-link:hover{border-color:#65508f;transform:translateY(-3px)}.game-article-link small{color:#54f3dc;font-size:9px;font-weight:900;letter-spacing:.1em}.game-article-link strong{font-size:20px;line-height:1.2;margin:10px 0}.game-article-link span{color:#929baa;font-size:12px;line-height:1.6}.game-article-link b{margin-top:auto;padding-top:16px;color:#54f3dc;font-size:9px}.article-game-hubs{margin:0 0 34px}.article-game-hub{display:flex;align-items:stretch;gap:12px;margin-top:10px}.article-game-main{display:grid;grid-template-columns:118px 1fr;flex:1;min-width:0;overflow:hidden;border:1px solid #2a303b;border-radius:15px;background:#0e1117;color:#fff;text-decoration:none}.article-game-main img{width:118px;height:100%;min-height:105px;object-fit:cover}.article-game-main>span{display:flex;flex-direction:column;justify-content:center;padding:16px}.article-game-main small{color:#54f3dc;font-size:8px;font-weight:900;letter-spacing:.12em}.article-game-main strong{font-size:21px;margin:6px 0}.article-game-main em{color:#8f98a7;font-size:10px;font-style:normal}.article-game-hub>.affiliate-cta{flex:0 0 auto}.detail-tabs{overflow-x:auto;scrollbar-width:none}.detail-tabs::-webkit-scrollbar{display:none}
@media(max-width:700px){.game-article-grid{grid-template-columns:1fr}.article-game-hub{flex-direction:column}.article-game-hub>.affiliate-cta{width:100%;box-sizing:border-box}.article-game-main{grid-template-columns:88px 1fr}.article-game-main img{width:88px}.detail-tabs{justify-content:flex-start}.detail-tabs button{flex:0 0 auto}}
.game-seo-page{padding:48px 0 90px}.game-seo-hero{min-height:470px}.game-seo-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:24px;margin-top:24px}.game-seo-about,.game-seo-articles{border:1px solid #292f3a;border-radius:18px;background:#0d0f15;padding:28px}.game-seo-about h2,.game-seo-articles h2{font-size:34px;margin:8px 0 18px}.game-seo-about>p,.game-seo-articles>p{color:#a3abb8;line-height:1.8}.game-seo-articles .game-article-grid{grid-template-columns:1fr}.game-card{color:inherit;text-decoration:none}
@media(max-width:850px){.game-seo-content{grid-template-columns:1fr}.game-seo-page{padding-top:24px}.game-seo-hero{min-height:400px}}
.article-series-banner{max-width:920px;margin:28px auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border:1px solid #30384a;border-radius:18px;background:linear-gradient(135deg,rgba(129,103,255,.15),rgba(54,221,208,.08)),#10131a}.article-series-banner strong{display:block;font-size:22px;margin-top:6px}.article-series-banner p{color:#aeb8ca;margin:7px 0 0}.article-series-banner>a{flex:0 0 auto;padding:12px 15px;border-radius:10px;background:linear-gradient(135deg,#8167ff,#36ddd0);color:#08090d;font-weight:900}.series-video{max-width:920px;margin:28px auto;aspect-ratio:16/9;border-radius:18px;overflow:hidden;background:#000}.series-video iframe{width:100%;height:100%;border:0}.series-episode-nav{max-width:920px;margin:34px auto;display:grid;grid-template-columns:1fr 1fr;gap:14px}.series-episode-nav a{display:flex;flex-direction:column;padding:18px;border:1px solid #30384a;border-radius:14px;background:#10131a}.series-episode-nav a.next{text-align:right}.series-episode-nav small{color:#36ddd0;font-weight:900}.series-episode-nav strong{margin-top:6px}.series-hero{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:40px;align-items:center;padding-top:58px;padding-bottom:38px}.series-hero>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:22px}.series-hero h1{font-size:clamp(42px,7vw,84px);line-height:.95;margin:14px 0}.series-hero p{color:#aeb8ca;font-size:18px}.series-public-meta{display:flex;gap:9px;flex-wrap:wrap}.series-public-meta span,.series-public-meta a{padding:7px 10px;border:1px solid #30384a;border-radius:999px;font-size:12px}.series-public-meta a{color:#36ddd0}.series-episode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-top:20px;padding-bottom:80px}.series-episode-card{display:flex;flex-direction:column;border:1px solid #30384a;border-radius:18px;overflow:hidden;background:#10131a;padding-bottom:18px}.series-episode-card img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:17px}.series-episode-card>span,.series-episode-card>strong,.series-episode-card>p,.series-episode-card>em{margin-left:18px;margin-right:18px}.series-episode-card>span{font-size:10px;color:#36ddd0;font-weight:900;letter-spacing:.12em}.series-episode-card>strong{font-size:20px;margin-top:7px}.series-episode-card>p{color:#aeb8ca}.series-episode-card>em{font-style:normal;margin-top:auto;color:#36ddd0;font-weight:800}.series-empty{color:#aeb8ca}@media(max-width:800px){.series-hero{grid-template-columns:1fr}.series-episode-grid{grid-template-columns:1fr 1fr}.article-series-banner{align-items:flex-start;flex-direction:column}.series-episode-nav{grid-template-columns:1fr}}@media(max-width:520px){.series-episode-grid{grid-template-columns:1fr}.series-hero{padding-top:32px}.series-video{border-radius:12px}}


/* Series card link states */
.series-episode-card,.series-episode-card:visited{color:#f7f8fc;text-decoration:none}
.series-episode-card>strong{color:#f7f8fc}