/* 🎮 1029 첫 화면 = 게임 고르기 (좀비랜드 / DEAD MAN'S CHAMBER) — 같은 주소 하나로 */
#gamepick{position:fixed;inset:0;z-index:9000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:24px 16px;
  background:radial-gradient(ellipse at 50% 30%,#1e0f0c 0%,#0d0a09 50%,#060606 100%);overflow-y:auto}
#gamepick.hide{display:none}
#gamepick .gp-t{font-size:13px;letter-spacing:.5em;color:#b99a5e;text-shadow:0 0 12px rgba(201,168,92,.4)}
#gamepick .gp-t::before,#gamepick .gp-t::after{content:'';display:inline-block;width:38px;height:1px;vertical-align:middle;margin:0 14px;background:linear-gradient(90deg,transparent,#c9a85c)}
#gamepick .gp-row{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;width:min(920px,100%)}
.gp-card{position:relative;flex:1 1 300px;max-width:430px;height:340px;border-radius:14px;overflow:hidden;cursor:pointer;border:1px solid rgba(255,255,255,.09);
  box-shadow:0 18px 50px rgba(0,0,0,.7),inset 0 0 0 1px rgba(0,0,0,.6);transition:transform .2s,box-shadow .2s,border-color .2s;text-align:left;font:inherit;color:inherit;padding:0;background:#0b0b0b}
.gp-card:hover,.gp-card:focus-visible{transform:translateY(-4px);outline:none}
.gp-card .bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .5s,filter .3s;filter:brightness(.72) saturate(.9)}
.gp-card:hover .bg{transform:scale(1.04);filter:brightness(.9)}
.gp-card .sh{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.82) 78%,rgba(0,0,0,.95))}
.gp-card .tx{position:absolute;left:24px;right:24px;bottom:22px}
.gp-card .k{font-size:11px;letter-spacing:.35em;opacity:.75}
.gp-card .n{margin:6px 0 8px;line-height:1.05}
.gp-card .d{font-size:13px;line-height:1.6;color:#cfc6b8;opacity:.9}
.gp-card .go{display:inline-block;margin-top:12px;font-size:12px;letter-spacing:.2em;padding:7px 14px;border-radius:999px}
/* 좀비랜드: 피 묻은 빨강 */
.gp-zl{border-color:rgba(200,40,30,.35)}
.gp-zl:hover{border-color:rgba(230,60,40,.8);box-shadow:0 22px 60px rgba(0,0,0,.8),0 0 40px rgba(200,20,20,.25)}
.gp-zl .bg{background:radial-gradient(ellipse at 70% 30%,rgba(190,30,20,.55),transparent 60%),radial-gradient(ellipse at 20% 80%,rgba(90,10,10,.7),transparent 60%),#160909}
.gp-zl .em{position:absolute;right:-26px;top:-12px;width:250px;opacity:.85;filter:drop-shadow(0 10px 30px rgba(0,0,0,.8)) saturate(.9);transform:rotate(-6deg)}
.gp-zl .k{color:#e8b0a0} .gp-zl .n{font-family:'Black Han Sans',Pretendard,sans-serif;font-size:54px;color:#efe6d6;text-shadow:0 3px 0 #3a0808,0 0 30px rgba(200,20,20,.5)}
.gp-zl .go{border:1px solid rgba(230,80,60,.6);color:#f3c7b8;background:rgba(120,15,10,.35)}
/* 샷건 룰렛: 촛불 금색 */
.gp-dm{border-color:rgba(201,168,92,.3)}
.gp-dm:hover{border-color:rgba(232,184,75,.85);box-shadow:0 22px 60px rgba(0,0,0,.8),0 0 40px rgba(232,184,75,.2)}
.gp-dm .bg{background-image:url(../pick/chamber.jpg);background-position:center 20%}
.gp-dm .k{color:#c9a85c} .gp-dm .n{font-family:'Cinzel','Nanum Myeongjo',serif;font-weight:700;font-size:34px;letter-spacing:.08em;color:#e8b84b;text-shadow:0 0 18px rgba(232,184,75,.45),0 3px 0 #000}
.gp-dm .go{border:1px solid rgba(232,184,75,.55);color:#f0d89a;background:rgba(70,48,18,.45)}
#gamepick .gp-f{font-size:12px;color:#6d6252;letter-spacing:.08em}
@media (max-width:640px){
  #gamepick{justify-content:flex-start;padding-top:max(28px,env(safe-area-inset-top))}
  .gp-card{height:250px;flex-basis:100%}
  .gp-zl .n{font-size:44px} .gp-dm .n{font-size:27px}
  .gp-zl .em{width:190px}
}