:is(#studio-landing,#guliplay) .gpc-card{min-width:0;border:1px solid #4d5848;border-bottom:4px solid var(--game-accent);border-radius:15px;overflow:hidden;background:#252b25;box-shadow:0 7px 0 #0f1411,0 12px 20px #0003;transition:transform .18s,border-color .18s,box-shadow .18s}:is(#studio-landing,#guliplay) .gpc-card:has(.gpc-select:hover),:is(#studio-landing,#guliplay) .gpc-card:focus-within{transform:translateY(-5px);border-color:var(--game-accent);box-shadow:0 8px 0 #0f1411,0 12px 25px #0006}:is(#studio-landing,#guliplay) .gpc-card:has(.gpc-select:active){transform:translateY(1px);box-shadow:0 2px 0 #0f1411}:is(#studio-landing,#guliplay) .gpc-select{display:block;width:100%;padding:0;border:0;background:none;color:#f2f4eb;text-align:left;text-decoration:none;cursor:pointer;font:inherit}:is(#studio-landing,#guliplay) .gpc-art{position:relative;aspect-ratio:1.35;overflow:hidden;background:#384235}:is(#studio-landing,#guliplay) .gpc-art:after{content:'';position:absolute;inset:0;background:linear-gradient(#080c0738,transparent 35%,#17201565);pointer-events:none}:is(#studio-landing,#guliplay) .gpc-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}:is(#studio-landing,#guliplay) .gpc-genre{position:absolute;z-index:1;top:11px;left:11px;background:#151d13d9;color:#f0f8de;border:1px solid #ecf8d560;border-radius:5px;padding:5px 7px;font-size:8px;font-weight:600;letter-spacing:.08em}:is(#studio-landing,#guliplay) .gpc-pad{position:absolute;bottom:10px;right:10px;width:31px;height:31px;z-index:1;display:grid;place-items:center;background:var(--game-accent);border:1px solid #fff5;border-radius:9px;color:#263421;box-shadow:0 3px 0 #1922158a}:is(#studio-landing,#guliplay) .gpc-pad svg{width:21px;height:21px}:is(#studio-landing,#guliplay) .gpc-hover{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;color:#f5ffe8;background:#101a1275;opacity:0;transition:opacity .18s;font-size:13px;letter-spacing:.06em;font-weight:600;pointer-events:none}:is(#studio-landing,#guliplay) .gpc-hover svg{width:33px;height:33px}:is(#studio-landing,#guliplay) .gpc-select:is(:hover,:focus-visible) .gpc-hover{opacity:1}:is(#studio-landing,#guliplay) .gpc-select:is(:hover,:focus-visible) img{transform:scale(1.045)}:is(#studio-landing,#guliplay) .gpc-copy{padding:15px 14px 13px;background:linear-gradient(145deg,#343c2f,#242b25)}:is(#studio-landing,#guliplay) .gpc-copy h3{font:600 clamp(17px,1.45vw,22px)/1.18 Arial,sans-serif;letter-spacing:-.035em;min-height:2.36em;margin:0 0 7px;color:#f0f3e8}:is(#studio-landing,#guliplay) .gpc-copy p{font-size:9px;line-height:1.65;color:#b6c2ac;margin:0 0 14px;min-height:1.65em}:is(#studio-landing,#guliplay) .gpc-start{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 11px;border:1px solid #ffffff40;border-bottom:3px solid #10190c70;border-radius:7px;background:var(--game-accent);color:#23321d;box-shadow:0 2px 0 #131b1180}:is(#studio-landing,#guliplay) .gpc-start>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}:is(#studio-landing,#guliplay) .gpc-start svg{width:19px;height:19px}:is(#studio-landing,#guliplay) .gpc-start b{font-size:16px;font-weight:400}:is(#studio-landing,#guliplay) .gpc-select:focus-visible{outline:3px solid var(--game-accent);outline-offset:-3px}
@media(max-width:650px){:is(#studio-landing,#guliplay) .gpc-art{aspect-ratio:1.12}:is(#studio-landing,#guliplay) .gpc-copy{padding:12px 10px}:is(#studio-landing,#guliplay) .gpc-copy h3{font-size:18px}:is(#studio-landing,#guliplay) .gpc-copy p{font-size:8px;min-height:3.3em;margin-bottom:10px}:is(#studio-landing,#guliplay) .gpc-start{padding:8px}:is(#studio-landing,#guliplay) .gpc-start>span{gap:5px;font-size:10px}:is(#studio-landing,#guliplay) .gpc-genre{top:8px;left:8px;font-size:7px}:is(#studio-landing,#guliplay) .gpc-pad{width:27px;height:27px;right:8px;bottom:8px}:is(#studio-landing,#guliplay) .gpc-pad svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){:is(#studio-landing,#guliplay) .gpc-card,:is(#studio-landing,#guliplay) .gpc-art img,:is(#studio-landing,#guliplay) .gpc-hover{transition:none}:is(#studio-landing,#guliplay) .gpc-card:has(.gpc-select:hover),:is(#studio-landing,#guliplay) .gpc-card:focus-within,:is(#studio-landing,#guliplay) .gpc-select:hover img{transform:none}}