:root{
  --gs-bg:#020805;
  --gs-panel:#041109;
  --gs-panel-2:#07140b;
  --gs-border:rgba(109,255,18,.70);
  --gs-border-soft:rgba(109,255,18,.42);
  --gs-green:#7bff18;
  --gs-green-2:#aaff32;
  --gs-text-soft:#d9e2dc;
  --gs-glow:0 0 10px rgba(109,255,18,.42),0 0 26px rgba(109,255,18,.18);
}

.game-store-page{background:radial-gradient(circle at top center,rgba(31,79,15,.12),transparent 32%),var(--gs-bg)}
.game-store-page .site-header{position:relative}
.game-store-page .desktop-nav .nav-link{font-size:12px}
.game-store-page .menu-toggle{display:none}
.gs-shell{max-width:1536px;margin:0 auto;padding:0 16px}
.gs-card{background:linear-gradient(180deg,#06120b,#030d08 70%,#030905);border:1px solid var(--gs-border);border-radius:12px;box-shadow:0 0 0 1px rgba(138,255,58,.06) inset,0 0 22px rgba(98,255,10,.10)}

.gs-hero{position:relative;overflow:hidden;min-height:472px;background:#010804;border-top:1px solid rgba(128,255,48,.22);border-bottom:1px solid rgba(128,255,48,.22)}
.gs-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,transparent 0%,var(--gs-green) 10%,var(--gs-green-2) 50%,var(--gs-green) 90%,transparent 100%);box-shadow:0 0 13px rgba(117,255,0,.7)}
.gs-hero-scene{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,6,2,.98) 0%,rgba(0,8,2,.95) 13%,rgba(0,9,3,.86) 27%,rgba(0,10,4,.56) 42%,rgba(0,10,4,.18) 60%,rgba(0,0,0,.02) 100%),linear-gradient(180deg,rgba(0,8,2,.28),rgba(0,0,0,.24)),url('../assets/gs-city-hero.webp');background-size:cover;background-position:center center;filter:saturate(1.08) contrast(1.06)}
.gs-hero-inner{position:relative;z-index:1;padding-top:34px;padding-bottom:24px}
.gs-hero-copy{width:min(470px,36vw);padding-top:8px}
.gs-title-art{display:block;width:min(420px,100%);height:auto;margin:6px 0 6px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.65))}
.gs-kicker{margin:0 0 8px;font-size:clamp(29px,3.2vw,47px);font-weight:900;letter-spacing:-1.8px;line-height:1.02;max-width:560px}
.gs-intro{margin:0 0 18px;max-width:420px;font-size:16px;line-height:1.28;color:var(--gs-text-soft)}
.gs-feature-pills{display:flex;gap:14px;flex-wrap:wrap}
.benefit{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:999px;background:rgba(2,11,4,.62);border:1px solid var(--gs-border-soft);box-shadow:0 0 10px rgba(97,255,8,.12)}
.benefit-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid rgba(130,255,42,.95);font-size:18px;font-weight:900;color:#fff;box-shadow:0 0 10px rgba(111,255,26,.30)}
.benefit strong,.benefit small{display:block}
.benefit strong{font-size:15px;line-height:1.05}
.benefit small{font-size:12px;line-height:1.05;color:#dce8df}

.gs-showcase{padding:10px 0 8px}
.showcase-grid{display:grid;grid-template-columns:minmax(280px,31%) minmax(0,1fr);gap:12px}
.showcase-info,.showcase-media{min-height:330px}
.showcase-info{padding:16px 18px 14px;display:flex;flex-direction:column}
.showcase-logo{display:block;width:min(314px,100%);height:auto;margin:5px 0 8px}
.showcase-copy{max-width:340px;margin:0 0 10px;font-size:14px;line-height:1.28;color:#dde6df}
.showcase-price,.release-price{font-weight:900;letter-spacing:-1px;line-height:1}
.showcase-price{margin:4px 0 14px;font-size:clamp(34px,2.8vw,46px)}
.showcase-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.buy-button,.seller-buy{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:0 25px;border:none;border-radius:10px;background:linear-gradient(180deg,#8cff29,#59e700);box-shadow:inset 0 0 0 1px rgba(236,255,212,.55),0 0 16px rgba(103,255,7,.35);color:#fff;font-size:18px;font-weight:900;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.buy-button span{font-size:20px}
.icon-square{width:52px;height:52px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(124,255,32,.78);background:#030b05;color:#fefefe;box-shadow:0 0 10px rgba(97,255,8,.15)}
.icon-square svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon-square:hover,.thumb:hover,.thumb.active,.wish-toggle[aria-pressed="true"],.side-shot:hover{box-shadow:var(--gs-glow)}
.platform-row{display:flex;gap:11px;flex-wrap:wrap;margin-top:14px}
.platform-row span{min-width:84px;padding:9px 12px;border-radius:10px;border:1px solid rgba(124,255,32,.74);background:#030c06;box-shadow:inset 0 0 0 1px rgba(147,255,70,.08);font-size:14px;font-weight:800;line-height:1;text-align:center}
.platform-row.compact{margin-top:0;gap:8px}
.platform-row.compact span{min-width:72px;padding:8px 11px;font-size:13px}
.showcase-media{padding:10px}
.showcase-main{height:236px;border-radius:10px;overflow:hidden;border:1px solid rgba(124,255,32,.52);background:#000}
.showcase-main img{width:100%;height:100%;object-fit:cover;display:block}
.thumb-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:10px}
.thumb{padding:0;background:transparent;border:none;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(118,255,38,.38)}
.thumb img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}

.gs-section{padding:7px 0 0}
.gs-section-head{display:flex;align-items:center;gap:22px;padding:0 10px 11px}
.heading-with-line{display:flex;align-items:center;gap:16px;min-width:fit-content}
.gs-section-head h2{margin:0;font-size:clamp(46px,4.4vw,64px);font-weight:900;letter-spacing:-2.7px;line-height:.92;white-space:nowrap}
.gs-section-head h2 span{color:var(--gs-green)}
.gs-section-head .heading-with-line i{width:74px;height:1px;background:var(--gs-green);box-shadow:0 0 6px rgba(121,255,26,.74)}
.gs-section-head p{margin:0;max-width:480px;color:#d6dfd8;font-size:16px;line-height:1.2}
.gs-section-head .small-outline-button{margin-left:auto;min-width:126px;height:44px;border-radius:10px;font-size:16px;font-weight:800}

.release-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.release-card{display:grid;grid-template-columns:minmax(0,1fr) 128px;grid-template-rows:auto auto;gap:10px;padding:10px;overflow:hidden}
.release-visual{position:relative;min-height:304px;border-radius:10px;overflow:hidden;border:1px solid rgba(124,255,32,.50)}
.release-main-image{width:100%;height:100%;display:block;object-fit:cover}
.release-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.38) 46%,rgba(0,0,0,0) 78%)}
.release-overlay{position:absolute;left:16px;bottom:14px;z-index:1;max-width:55%}
.release-logo{display:block;width:min(320px,100%);height:auto;margin:0 0 8px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.6))}
.release-logo.village{width:min(270px,100%)}
.release-logo.project{width:min(215px,100%)}
.release-overlay p{margin:0;color:#f4f7f4;font-size:12.8px;line-height:1.24;max-width:280px;text-shadow:0 2px 4px rgba(0,0,0,.76)}
.release-price{margin:8px 0 0;font-size:22px}
.release-side{display:grid;grid-template-rows:repeat(3,1fr);gap:10px}
.side-shot{padding:0;background:transparent;border:none;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px rgba(118,255,38,.38)}
.side-shot img{display:block;width:100%;height:100%;object-fit:cover}
.release-footer{grid-column:1 / -1;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:0 2px}
.release-footer .buy-button{min-height:45px;padding:0 20px;font-size:17px}
.release-footer .icon-square{width:46px;height:46px}

.seller-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.seller-card{position:relative;min-height:170px;overflow:hidden}
.seller-art{display:block;width:100%;height:100%;object-fit:cover}
.seller-overlay{position:absolute;inset:0;display:flex;flex-direction:column;padding:13px 15px 12px;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.52) 52%,rgba(0,0,0,.14) 100%)}
.seller-logo{width:146px;height:auto;margin-bottom:4px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.55))}
.seller-logo.village{width:156px}
.seller-logo.project{width:150px}
.seller-overlay h3{margin:0;font-size:16px;line-height:1.05}
.seller-overlay p{margin:2px 0 auto;font-size:10.5px;line-height:1.2;letter-spacing:.9px;color:#c9d4cb;font-weight:700}
.seller-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px}
.seller-bottom strong{display:block;font-size:16px;line-height:1.05}
.seller-bottom span{display:block;margin-top:3px;font-size:10.5px;color:#dce4de}
.seller-actions{display:flex;align-items:center;gap:8px}
.seller-actions .icon-square{width:40px;height:40px}
.seller-buy{min-height:40px;padding:0 18px;font-size:16px;border-radius:9px}

.site-footer{margin-top:0}

.app-dialog{border:none;padding:0;background:transparent;color:#fff;max-width:min(720px,calc(100% - 30px))}
.app-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(3px)}
.app-dialog>div,.search-dialog{background:linear-gradient(180deg,#09140b,#031008);border:1px solid rgba(116,255,26,.62);border-radius:14px;box-shadow:0 0 28px rgba(106,255,12,.22);padding:26px 24px 22px;position:relative}
.dialog-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:50%;background:#081209;color:#fff;font-size:28px;line-height:1;border:1px solid rgba(116,255,26,.4)}
#dialog-content h2,.search-dialog h2{margin:0 0 10px;font-size:32px;letter-spacing:-1px}.search-dialog h2 span{color:#89ff20}
.dialog-kicker{margin:0 0 8px;color:#94ff2b;font-size:12px;font-weight:800;letter-spacing:3px}.dialog-note{color:#c3d4c7}.dialog-button{margin-top:12px;min-height:46px;padding:0 20px;border:none;border-radius:10px;background:linear-gradient(90deg,#58e700,#9efe27);color:#fff;font-weight:900}
.search-dialog{width:min(760px,calc(100% - 28px))}.search-dialog label{display:block;margin-bottom:8px;color:#dbe7df}.search-dialog input{width:100%;height:48px;border-radius:10px;border:1px solid rgba(124,255,32,.58);background:#010804;color:#fff;padding:0 14px;font-size:16px}.search-results{display:grid;gap:10px;margin-top:14px;max-height:48vh;overflow:auto}.search-result{padding:12px 13px;text-align:left;border-radius:10px;border:1px solid rgba(124,255,32,.48);background:#051008;color:#fff}.search-result strong{display:block;font-size:15px}.search-result span{display:block;color:#d8e2da;font-size:13px;margin-top:4px}.search-empty{margin:4px 0 0;color:#dbe6de}

@media (max-width:1180px){
  .release-grid,.seller-grid{grid-template-columns:1fr}
  .gs-section-head{flex-wrap:wrap}
  .gs-section-head .small-outline-button{margin-left:0}
}
@media (max-width:1040px){
  .showcase-grid{grid-template-columns:1fr}
}
@media (max-width:860px){
  .menu-toggle{display:grid!important}.desktop-nav{display:none}.header-inner{gap:12px}
  .gs-hero{min-height:470px}
  .gs-hero-copy{width:min(520px,100%)}
  .release-card{grid-template-columns:minmax(0,1fr) 110px}
}
@media (max-width:700px){
  .gs-shell{padding:0 10px}
  .gs-hero{min-height:0}
  .gs-hero-inner{padding-top:24px;padding-bottom:20px}
  .gs-title-art{width:min(350px,100%)}
  .gs-kicker{font-size:29px}
  .gs-intro{font-size:14px;max-width:unset}
  .benefit{flex:1 1 100%;border-radius:16px}
  .showcase-info{padding:14px}
  .showcase-price{font-size:30px}
  .buy-button,.seller-buy{min-height:46px;padding:0 18px;font-size:16px}
  .icon-square{width:44px;height:44px}
  .platform-row span{min-width:69px;padding:8px 10px;font-size:12px}
  .showcase-main{height:220px}
  .thumb-row{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gs-section-head{padding:0 4px 10px;gap:10px}
  .gs-section-head h2{font-size:clamp(36px,8vw,50px)}
  .gs-section-head p{font-size:13px}
  .release-card{grid-template-columns:1fr;grid-template-rows:auto auto auto}
  .release-visual{min-height:250px}
  .release-overlay{max-width:74%}
  .release-side{grid-template-columns:repeat(3,1fr);grid-template-rows:none}
  .release-footer .buy-button{min-height:42px;padding:0 16px;font-size:15px}
  .seller-card{min-height:198px}
  .seller-bottom{flex-direction:column;align-items:flex-start}
  .seller-actions{width:100%}
  .seller-buy{flex:1}
}
@media (max-width:420px){
  .gs-feature-pills{gap:10px}
  .benefit{padding:9px 12px 9px 9px}
  .benefit strong{font-size:14px}
  .benefit small{font-size:11px}
  .showcase-actions{gap:8px}
  .release-overlay{left:12px;right:12px;max-width:78%}
  .release-price{font-size:19px}
  .release-footer .platform-row{width:100%}
  .release-footer .platform-row span{flex:1;min-width:0}
}
@media (prefers-reduced-motion:reduce){.game-store-page *,.game-store-page *::before,.game-store-page *::after{scroll-behavior:auto!important;transition:none!important}}