/* 게임 목록 페이지 */
.gl-page header{position:sticky;top:0;z-index:20}
.site-nav a[aria-current=page]{color:var(--blue);font-weight:700}
.gl{padding:0 6vw 0;background:var(--cream)}
.gl-hero{padding:90px 0 40px}
.gl-kicker{margin:0 0 14px!important;font-size:14px!important;font-weight:700;color:var(--blue)}
.gl h1{margin:0 0 20px;font-size:clamp(34px,4.4vw,64px);line-height:1.15;letter-spacing:-.06em;color:var(--ink)}
.gl h1 em{font-style:normal;color:var(--blue)}
.homepage .gl-lead{color:var(--muted);font-size:18px;margin:0 0 40px}
.gl-filter{display:flex;flex-wrap:wrap;gap:8px}
.gl-filter button{font:inherit;font-size:15px;font-weight:700;padding:10px 18px;border-radius:999px;border:1.5px solid rgba(38,42,56,.18);background:#fff;color:var(--ink);cursor:pointer}
.gl-filter button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.gl-filter button:hover{border-color:var(--ink)}
.gl-sec{padding:48px 0 30px}
.gl-sec[hidden]{display:none}
.gl-sec-head{display:flex;align-items:baseline;gap:18px;margin-bottom:26px;flex-wrap:wrap}
.homepage .gl-sec h2{margin:0;font-size:28px;letter-spacing:-.04em}
.homepage .gl-sec-head p{margin:0;color:var(--muted);font-size:15px}
.gl-n{font-weight:700;color:var(--ink)}
.gl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:22px}
.gl-cards .gc{width:auto}
.gl-cards .gc::after{display:none}
.gl-cards .gc-ban{-webkit-mask-image:linear-gradient(to bottom,#000 82%,transparent);mask-image:linear-gradient(to bottom,#000 82%,transparent)}
.gl-cards .gc figcaption{margin-top:-10px}
.gc[hidden],.gl-tiles li[hidden]{display:none}
.gl-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:26px 18px}
.gl-tiles li{display:flex;flex-direction:column;gap:4px}
.gl-tiles img{width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:18px;background:#e8e2d4;box-shadow:0 10px 24px rgba(38,42,56,.1);margin-bottom:8px}
.gl-tiles b{font-size:17px;letter-spacing:-.03em}
.gl-tiles span{font-size:14px;line-height:1.5;color:var(--muted)}
.gl-tiles i{font-style:normal;font-size:12px;font-weight:700;color:var(--blue);margin-top:2px}
.homepage .gl-empty{padding:40px 0;color:var(--muted)}
.gl-cta{margin:60px 0 0;padding:70px 0 90px;border-top:2px solid var(--ink);display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap}
.homepage .gl-cta h2{margin:0;font-size:clamp(28px,3vw,42px);letter-spacing:-.05em}
.sv-btn{display:inline-flex;gap:28px;align-items:center;padding:16px 22px;border-radius:14px;background:var(--ink);color:#fff;font-weight:700;font-size:15px;text-decoration:none}
.sv-btn:hover{background:var(--blue)}
@media(max-width:700px){.gl-hero{padding:60px 0 24px}.homepage .gl-lead{font-size:16px;margin-bottom:28px}.gl-filter button{font-size:14px;padding:8px 14px}.gl-cards{grid-template-columns:1fr}.gl-tiles{grid-template-columns:repeat(2,1fr);gap:22px 14px}.gl-tiles b{font-size:15px}.gl-tiles span{font-size:13px}}

/* 게임 열기 딤 */
.gl-cards .gc-open{position:absolute;inset:0;z-index:2;display:grid;place-items:center;background:rgba(24,26,36,.5);opacity:0;transition:opacity .25s;text-decoration:none;border-radius:inherit;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}
.gl-cards .gc-open span{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#262a38;font-size:16px;font-weight:800;padding:14px 24px;border-radius:999px;box-shadow:0 10px 24px rgba(0,0,0,.2);transform:translateY(8px);transition:transform .25s}
.gl-cards .gc-open i{font-style:normal;background:none;padding:0;font-size:15px}
.gl-cards .gc-open.soon span{background:rgba(255,255,255,.9);color:#5d6270;font-weight:700}
.gl-cards .gc:hover .gc-open,.gl-cards .gc-open:focus-visible{opacity:1}
.gl-cards .gc:hover .gc-open span,.gl-cards .gc-open:focus-visible span{transform:none}
.gl-cards .gc{transition:transform .25s,box-shadow .25s}
.gl-cards .gc:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(38,42,56,.2)}
.gl-cards .gc-open:focus-visible{outline:3px solid #3451df;outline-offset:3px}
/* 터치 화면: 딤 없이 배너 오른쪽 위에 작은 버튼 */
@media(hover:none){
  .gl-cards .gc-open{inset:auto 14px auto auto;top:14px;background:none;opacity:1;-webkit-backdrop-filter:none;backdrop-filter:none}
  .gl-cards .gc-open span{transform:none;font-size:13px;padding:8px 13px}
  .gl-cards .gc:hover{transform:none}
}

/* 푸터: 홈(services.css)과 같은 로고 크기·굵기 */
.home-footer .footer-brand{font-size:clamp(100px,25vw,380px);font-weight:700;line-height:1;letter-spacing:-.085em}
.home-footer .footer-brand span:last-child{font-size:.35em;align-self:center}
@media(max-width:800px){.home-footer .footer-brand{font-size:25vw}}
.home-footer .biz a{color:inherit}