/* Shared visual finish for the game storefront, category index and game pages. */
.gw-page,.gs-page,.game-detail{
  --play-bg:#070b12;
  --play-bg-2:#0c1320;
  --play-card:#111a28;
  --play-card-2:#162235;
  --play-line:rgba(170,194,226,.14);
  --play-line-strong:rgba(170,194,226,.24);
  --play-ink:#f5f8fc;
  --play-copy:#aab8ca;
  --play-muted:#7d8da4;
  --play-accent:#63adff;
  color:var(--play-copy);
}
html[data-theme="light"] .gw-page,
html[data-theme="light"] .gs-page,
html[data-theme="light"] .game-detail{
  --play-bg:#f4f7fb;
  --play-bg-2:#eaf0f7;
  --play-card:#fff;
  --play-card-2:#f7faff;
  --play-line:rgba(22,48,79,.1);
  --play-line-strong:rgba(22,48,79,.19);
  --play-ink:#111c2d;
  --play-copy:#46566d;
  --play-muted:#66768d;
  --play-accent:#1267b3;
  color:var(--play-copy);
}
.gw-page,.gs-page,.game-detail{background-color:var(--play-bg);color:var(--play-copy)}
.gw-page :focus-visible,.gs-page :focus-visible,.game-detail :focus-visible{outline:3px solid var(--play-accent);outline-offset:3px}

/* Main catalog hero: image, game marks and layered lighting. */
.gw-hero{isolation:isolate;min-height:490px;padding-block:42px 72px;background:var(--play-bg-2);border-bottom:1px solid var(--play-line)}
.gw-hero__bg{z-index:-3;opacity:.62;background-position:center 43%;filter:saturate(1.12)}
.gw-hero__veil{z-index:-2;background:linear-gradient(90deg,rgba(4,8,14,.97) 0%,rgba(5,10,17,.90) 48%,rgba(5,10,17,.56) 100%),linear-gradient(0deg,var(--play-bg) 0%,transparent 42%)}
.gw-hero__glow{z-index:-1;opacity:.8}
.gw-hero__split{align-items:center}
.gw-hero h1{max-width:14ch;font-size:clamp(38px,5.5vw,66px);line-height:1.02}
.gw-hero__intro{max-width:58ch}
.gw-hero__idpanel{border-radius:22px;border-color:rgba(255,255,255,.18);background:rgba(8,14,24,.78);box-shadow:0 28px 70px -38px #000;backdrop-filter:blur(16px)}
.gw-idpanel__ico{width:48px;height:48px;border-radius:14px}
.gw-idpanel__ico img{width:30px;height:30px}
.gw-idpanel__item{border-radius:13px}
.gw-idpanel__item:hover{transform:translateY(-2px)}
html[data-theme="light"] .gw-hero__veil{background:linear-gradient(90deg,rgba(244,247,251,.97) 0%,rgba(244,247,251,.90) 48%,rgba(244,247,251,.62) 100%),linear-gradient(0deg,var(--play-bg) 0%,transparent 42%)}
html[data-theme="light"] .gw-hero__bg{opacity:.42}
html[data-theme="light"] .gw-hero__idpanel{background:rgba(255,255,255,.88);border-color:var(--play-line-strong);box-shadow:0 24px 60px -36px rgba(17,35,57,.32)}

/* Browsable categories hero and their game-icon mosaics. */
.gs-hero{isolation:isolate;min-height:420px;background:var(--play-bg-2)}
.gs-hero-art{position:absolute;inset:0 0 0 auto;width:min(67%,980px);z-index:-2;background-size:cover;background-position:center 40%;opacity:.48;mask-image:linear-gradient(90deg,transparent 0%,#000 35%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 35%)}
.gs-hero::before{z-index:-1;opacity:.34}
.gs-hero > .gs-wrap{padding-block:24px 58px}
.gs-hero .gs-lead{max-width:62ch}
.gs-cat-icons{position:absolute;z-index:3;left:16px;bottom:15px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid rgba(255,255,255,.24);border-radius:12px;background:rgba(6,11,19,.76);backdrop-filter:blur(9px)}
.gs-cat-icons img{width:34px;height:34px;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.38))}
.gs-cat-icons{gap:9px;padding:8px 11px}
.gw-cat__media:has(.gs-cat-icons) .gw-cat__ico{display:none}
.gw-cat__media{height:178px}
.gw-cat__media img{filter:saturate(.94) brightness(.76)}
.gw-cat:hover .gw-cat__media img{filter:saturate(1.1) brightness(.92)}
html[data-theme="light"] .gs-hero-art{opacity:.26}
html[data-theme="light"] .gs-hero::before{opacity:.22}

/* Game cards: let the actual cover art and game logo carry the identity. */
.gw-game,.gs-game{overflow:hidden;border-radius:20px;border-color:var(--play-line);background:var(--play-card);box-shadow:0 12px 34px -28px rgba(0,0,0,.7)}
.gw-game:hover,.gs-game:hover{transform:translateY(-5px);border-color:var(--play-line-strong);background:var(--play-card-2);box-shadow:0 24px 56px -32px rgba(0,0,0,.72)}
.gw-game__media{height:205px}
.gw-game__media:after,.gs-game__media:after{position:absolute;inset:0;z-index:1;content:"";pointer-events:none;background:linear-gradient(0deg,rgba(4,8,14,.58),transparent 64%)}
.gw-game__media img,.gs-game__media img{filter:saturate(1.08) brightness(.82)}
.gw-game__ico{position:absolute;z-index:3;left:17px;bottom:14px;width:66px;height:66px;border-radius:18px;background:#08101c;border:2px solid rgba(255,255,255,.88);box-shadow:0 10px 26px rgba(0,0,0,.38)}
.gw-game__ico img{width:45px;height:45px;object-fit:contain}
.gw-game__badge{z-index:3;border-radius:999px}
.gw-game__badge+.gw-game__badge{top:48px}
.gw-game .gw-card__pad{padding:20px}
.gw-game__name{color:var(--play-ink);font-size:19px}
.gw-game__tagline,.gw-game__desc{color:var(--play-copy)}
.gw-game__desc{font-size:13px;line-height:1.7}
.gw-game__specs{border-color:var(--play-line)}
.gw-game__foot{border-top:1px solid var(--play-line);padding-top:16px}
.gw-game__price{color:var(--play-ink)}
html[data-theme="light"] .gw-game__media img,html[data-theme="light"] .gs-game__media img{filter:saturate(1.05) brightness(.96)}
html[data-theme="light"] .gw-game__media:after,html[data-theme="light"] .gs-game__media:after{background:linear-gradient(0deg,rgba(4,8,14,.48),transparent 64%)}

/* Game detail hero, purchase summary and feature strip. */
.gd-shell{max-width:1200px}
.gd-hero2{isolation:isolate;min-height:480px;background:var(--play-bg-2);border-bottom:1px solid var(--play-line)}
.gd-hero2-bg{z-index:-2;opacity:.48;background-position:center 42%;filter:saturate(1.12)}
.gd-hero2-shade{z-index:-1;background:linear-gradient(90deg,rgba(4,8,14,.96) 0%,rgba(4,8,14,.84) 54%,rgba(4,8,14,.48) 100%),linear-gradient(0deg,var(--play-bg) 0%,transparent 38%)}
.gd-hero2-inner{padding-block:28px 64px}
.gd-hero2-grid{align-items:center}
.gd-hero2-chip{padding:8px 15px 8px 9px;border-radius:14px;letter-spacing:.09em;background:rgba(7,13,23,.72);color:#f6f9fd;border-color:rgba(255,255,255,.25)}
.gd-hero2-chip img{width:42px;height:42px;padding:5px;border-radius:10px;background:rgba(255,255,255,.1)}
.gd-hero2-copy h1{font-size:clamp(36px,5vw,58px);line-height:1.04;color:#fff}
.gd-hero2-tag{color:#d9e8f8}
.gd-hero2-intro{color:rgba(244,248,253,.8)}
.gd-hero2-facts{gap:.65rem}
.gd-hero2-facts span{padding:8px 11px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(7,13,23,.52);color:#e4edf7}
.gd-hero2-card{border-radius:20px;background:rgba(7,13,23,.84);border-color:rgba(255,255,255,.2);box-shadow:0 26px 65px -34px rgba(0,0,0,.8)}
.gd-service-strip{background:var(--play-bg-2);border-bottom:1px solid var(--play-line)}
.gd-service-grid{background:var(--play-line);border-color:var(--play-line)}
.gd-service-grid>div{background:var(--play-bg-2)}
.gd-service-grid>div>span{border:1px solid rgba(var(--gm-accent-rgb),.24)}
html[data-theme="light"] .gd-hero2-bg{opacity:.24}
html[data-theme="light"] .gd-hero2,html[data-theme="light"] .gd-service-strip{
  --gm-title:var(--play-ink);
  --gm-dim:var(--play-copy);
  --gm-text:var(--play-copy);
  --gm-faint:var(--play-muted);
  --gm-accent:var(--play-accent);
  --gm-accent-rgb:18,103,179;
  --gm-accent-ink:#fff;
  --gm-line:var(--play-line);
  --gm-line-2:var(--play-line-strong);
  --gm-surface:var(--play-card);
  --gm-surface-2:var(--play-card-2);
  --gm-ghost-bg:rgba(15,23,42,.04);
  --gm-ghost-bg-h:rgba(15,23,42,.08);
  --gm-chip-bg:rgba(15,23,42,.05);
  --gm-faq-bg:rgba(15,23,42,.03);
  --gm-faq-bg-h:rgba(15,23,42,.06);
}
html[data-theme="light"] .gd-hero2-shade{background:linear-gradient(90deg,rgba(244,247,251,.97) 0%,rgba(244,247,251,.87) 54%,rgba(244,247,251,.58) 100%),linear-gradient(0deg,var(--play-bg) 0%,transparent 38%)}
html[data-theme="light"] .gd-hero2-chip{background:rgba(255,255,255,.84);border-color:var(--play-line-strong);color:#152238}
html[data-theme="light"] .gd-hero2-chip img{background:rgba(18,103,179,.08)}
html[data-theme="light"] .gd-hero2-copy h1{color:var(--play-ink)}
html[data-theme="light"] .gd-hero2-tag{color:var(--play-accent)}
html[data-theme="light"] .gd-hero2-intro{color:var(--play-copy)}
html[data-theme="light"] .gd-hero2-facts span{background:rgba(255,255,255,.78);border-color:var(--play-line);color:var(--play-copy)}
html[data-theme="light"] .gd-hero2-card{background:rgba(255,255,255,.92);border-color:var(--play-line-strong);box-shadow:0 26px 65px -38px rgba(17,35,57,.32)}
.gd-plan-card,.gd-tech-card,.gd-info-server,.gd-gallery figure,.gd-spotlight-media{border-radius:18px}
.gd-plan-card{box-shadow:0 10px 32px -28px rgba(0,0,0,.64)}
.gd-plan-card:hover{transform:translateY(-4px)}
.gd-gallery img{height:220px}
.gd-gallery.is-wide figure.is-lead img{height:320px}
.gd-info-main,.gd-info-server{padding:24px;border:1px solid var(--play-line);border-radius:18px;background:var(--play-card)}
.gd-info-server{background:var(--play-card-2)}
.gd-spotlight-media{overflow:hidden;border:1px solid var(--play-line);background:var(--play-card)}
.gd-spotlight-media img{aspect-ratio:16/9;object-fit:cover}

@media(max-width:760px){
  .gw-hero{min-height:0;padding-block:30px 48px}
  .gw-hero h1{font-size:clamp(36px,11vw,50px)}
  .gw-hero__split{gap:24px}
  .gw-hero__idpanel{padding:16px}
  .gs-hero{min-height:0}
  .gs-hero-art{width:100%;opacity:.24;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}
  .gs-hero > .gs-wrap{padding-block:20px 42px}
  .gw-game__media{height:190px}
  .gw-game .gw-card__pad{padding-inline:17px}
  .gd-hero2{min-height:0}
  .gd-hero2-inner{padding-block:22px 42px}
  .gd-hero2-grid{gap:24px}
  .gd-hero2-copy h1{font-size:clamp(34px,10vw,46px)}
  .gd-hero2-actions .gd-button{width:100%}
  .gd-gallery.is-wide figure.is-lead img,.gd-gallery img{height:210px}
}
@media(prefers-reduced-motion:reduce){.gw-game,.gs-game,.gw-game__media img,.gs-game__media img,.gd-plan-card{transition:none}}

/* Consistent card rhythm and visible game artwork on every catalog width. */
.gw-grid--3{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:22px}
.gw-game{display:flex;flex-direction:column;min-width:0}
.gw-game__media{flex:none;isolation:isolate}
.gw-game__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .35s ease}
.gw-game:hover .gw-game__media img{transform:scale(1.045)}
.gw-game .gw-card__pad{display:flex;flex:1;flex-direction:column;min-width:0}
.gw-game__head{min-width:0}
.gw-game__name,.gw-game__tagline,.gw-game__desc{overflow-wrap:anywhere}
.gw-game__tagline{min-height:1.4em}
.gw-game__chips{display:flex;flex-wrap:wrap;gap:7px}
.gw-game__foot{margin-top:auto;align-items:center}
.gw-game__badge{max-width:calc(100% - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gw-cat{min-width:0;overflow:hidden;border:1px solid var(--play-line);border-radius:20px;background:var(--play-card);box-shadow:0 12px 34px -28px rgba(0,0,0,.65);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.gw-cat:hover{transform:translateY(-4px);border-color:var(--play-line-strong);box-shadow:0 22px 48px -32px rgba(0,0,0,.72)}
.gw-cat__media{height:180px;background:var(--play-card-2)}
.gw-cat__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .45s ease,filter .35s ease}
.gw-cat:hover .gw-cat__media img{transform:scale(1.045)}
.gw-cat .gw-card__pad{padding:20px}
.gw-cat__games{display:flex;flex-wrap:wrap;gap:7px}
.gs-cat-icons{max-width:calc(100% - 30px);overflow:hidden}
.gw-hero__idpanel,.gw-stat,.gw-trust{border-color:var(--play-line-strong)}

/* Game directory: compact editorial cards with a restrained brand-color edge. */
.gs-page #aktif-oyunlar .gw-head,
.gs-page #yakinda .gw-head{max-width:760px}
.gs-page #aktif-oyunlar .gw-grid,
.gs-page #yakinda .gw-grid{gap:16px}
.gs-page #aktif-oyunlar .gw-game{
  --gs-local-line:color-mix(in srgb,var(--gw-game) 34%,var(--gw-line));
  border:1px solid var(--gs-local-line);
  border-radius:16px;
  background:linear-gradient(155deg,color-mix(in srgb,var(--gw-game) 7%,var(--gw-card)),var(--gw-card) 42%);
  box-shadow:0 14px 38px -30px color-mix(in srgb,var(--gw-game) 48%,transparent);
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;
}
.gs-page #aktif-oyunlar .gw-game:hover,
.gs-page #aktif-oyunlar .gw-game:focus-visible{
  transform:translateY(-4px);
  border-color:color-mix(in srgb,var(--gw-game) 68%,white 10%);
  background:linear-gradient(155deg,color-mix(in srgb,var(--gw-game) 12%,var(--gw-card)),var(--gw-card) 50%);
  box-shadow:0 20px 44px -28px color-mix(in srgb,var(--gw-game) 58%,transparent);
}
.gs-page #aktif-oyunlar .gw-game__media{height:190px;overflow:hidden}
.gs-page #aktif-oyunlar .gw-game__media::after{
  content:"";position:absolute;inset:35% 0 0;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(3,7,12,.74));
}
.gs-page #aktif-oyunlar .gw-game__badge{
  z-index:2;border-color:color-mix(in srgb,var(--gw-game) 44%,white 8%);
  background:rgba(5,10,17,.76);backdrop-filter:blur(9px)
}
.gs-page #aktif-oyunlar .gw-game__ico{z-index:3;border-color:color-mix(in srgb,var(--gw-game) 56%,white 9%);box-shadow:0 8px 22px rgba(0,0,0,.3)}
.gs-page #aktif-oyunlar .gw-card__pad{padding:18px}
.gs-page #aktif-oyunlar .gw-game__name{font-size:17px;letter-spacing:-.025em}
.gs-page #aktif-oyunlar .gw-game__tagline{color:color-mix(in srgb,var(--gw-game) 76%,white 24%);font-size:11.5px}
.gs-page #aktif-oyunlar .gw-game__desc{font-size:12.5px;line-height:1.62}
.gs-page #aktif-oyunlar .gw-game__chips .gw-chip{border-color:color-mix(in srgb,var(--gw-game) 24%,var(--gw-line));background:color-mix(in srgb,var(--gw-game) 6%,var(--gw-card))}
.gs-page #aktif-oyunlar .gw-game__foot{padding-top:14px;border-top:1px solid var(--gw-line)}
.gs-page #aktif-oyunlar .gw-game__price{color:var(--gw-ink)}
.gs-page #aktif-oyunlar .gw-game__foot .gw-btn{border-color:color-mix(in srgb,var(--gw-game) 42%,var(--gw-line));color:color-mix(in srgb,var(--gw-game) 76%,white 24%)}
.gs-page #yakinda .gs-coming-card{position:relative;border-radius:16px;border-color:color-mix(in srgb,var(--gw-game) 32%,var(--gw-line));background:linear-gradient(145deg,color-mix(in srgb,var(--gw-game) 6%,var(--gw-card)),var(--gw-card) 46%)}
.gs-page #yakinda .gs-coming-card .gw-cat__media{height:150px}
.gs-page #yakinda .gs-coming-card--plain .gw-cat__media{background:radial-gradient(ellipse at 72% 25%,color-mix(in srgb,var(--gw-game) 28%,transparent),transparent 46%),linear-gradient(135deg,#101a29,#080c13)}
.gs-coming-label{position:absolute;top:13px;right:13px;z-index:2;padding:6px 9px;border:1px solid color-mix(in srgb,var(--gw-game) 45%,white 8%);border-radius:999px;background:rgba(5,10,17,.78);color:#f4f7fb;font-size:9px;font-weight:800;letter-spacing:.12em;backdrop-filter:blur(8px)}
.gs-page #yakinda .gw-cat__ico{border-color:color-mix(in srgb,var(--gw-game) 46%,white 8%);color:var(--gw-game)}
.gs-page #yakinda .gw-card__pad{padding:17px}
.gs-page #yakinda .gw-cat__foot{gap:8px;flex-wrap:wrap}
.gs-page #yakinda .gw-cat__foot .gw-btn{border-color:color-mix(in srgb,var(--gw-game) 34%,var(--gw-line))}
@media(max-width:760px){
  .gs-page #aktif-oyunlar .gw-game__media{height:180px}
  .gs-page #yakinda .gs-coming-card .gw-cat__media{height:165px}
}

/* Give each game page a clear cover-art hero, then keep the content readable. */
.gd-hero2-bg{background-position:center 44%;opacity:.58}
.gd-hero2-shade{background:linear-gradient(90deg,rgba(4,8,14,.96) 0%,rgba(4,8,14,.83) 48%,rgba(4,8,14,.36) 100%),linear-gradient(0deg,var(--play-bg) 0%,transparent 42%)}
.gd-hero2-inner{padding-block:30px 66px}
.gd-hero2-grid{grid-template-columns:minmax(0,1.1fr) minmax(290px,.72fr);gap:clamp(28px,5vw,64px);align-items:center}
.gd-hero2-copy{max-width:690px}
.gd-hero2-copy h1{max-width:15ch}
.gd-hero2-card{width:100%;max-width:440px;justify-self:end}
.gd-hero2-chip{box-shadow:0 10px 32px rgba(0,0,0,.12)}
.gd-hero2-facts{row-gap:10px}
html[data-theme="light"] .gd-hero2-bg{opacity:.45;filter:saturate(.9)}
html[data-theme="light"] .gd-hero2-shade{background:linear-gradient(90deg,rgba(244,247,251,.97) 0%,rgba(244,247,251,.91) 47%,rgba(244,247,251,.62) 100%),linear-gradient(0deg,var(--play-bg) 0%,transparent 42%)}
html[data-theme="light"] .gd-hero2-card{backdrop-filter:blur(14px)}
html[data-theme="light"] .gd-service-grid{background:var(--play-line);border-color:var(--play-line)}
html[data-theme="light"] .gd-service-grid>div{background:var(--play-card)}
html[data-theme="light"] .gd-service-grid>div>span{background:rgba(18,103,179,.08)}

@media(max-width:900px){
  .gw-grid--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .gd-hero2-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr)}
}
@media(max-width:760px){
  .gw-grid--3{grid-template-columns:minmax(0,1fr);gap:16px}
  .gw-game__media{height:210px}
  .gw-cat__media{height:190px}
  .gw-cat .gw-card__pad{padding:18px}
  .gs-page .gw-trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;padding:12px 14px}
  .gs-page .gw-trust>span{min-width:0;font-size:12px}
  .gs-page .gw-trust>span:last-child{grid-column:1/-1}
  .gd-hero2-bg{background-position:62% center;opacity:.32}
  .gd-hero2-shade{background:linear-gradient(90deg,rgba(4,8,14,.91),rgba(4,8,14,.7)),linear-gradient(0deg,var(--play-bg),transparent 58%)}
  .gd-hero2-grid{grid-template-columns:minmax(0,1fr);align-items:start}
  .gd-hero2-card{max-width:none;justify-self:stretch}
  .gd-hero2-copy h1{max-width:unset}
  .gd-hero2-actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
  .gd-hero2-actions .gd-button{min-height:48px}
  .gd-service-grid{grid-template-columns:minmax(0,1fr)}
  .gd-service-grid>div{padding:14px 16px}
  html[data-theme="light"] .gd-hero2-bg{opacity:.42}
  html[data-theme="light"] .gd-hero2-shade{background:linear-gradient(90deg,rgba(244,247,251,.89),rgba(244,247,251,.70)),linear-gradient(0deg,rgba(244,247,251,.86),transparent 58%)}
}