/* Poster faces for the original moving cards. Layout, scenery and fan motion stay in their existing engines. */
.poster-card { --accent:#e8bd78; --surface:#111a2a; --glow:#504229; --picture:none; --picture-position:50% 28%; }
.poster-card[data-theme=destiny],.poster-card[data-theme=gwigok] { --accent:#efc383; --surface:#101c29; --glow:#54422c; --picture:url('../play/img/tale/lost-property/keeper.webp'); --picture-position:50% 28%; }
.poster-card[data-theme=cafe] { --accent:#ffc98d; --surface:#302222; --glow:#876347; --picture:url('../play/img/cafe/cafe-intro.webp'); --picture-position:50% 28%; }
.poster-card[data-theme=stars] { --accent:#c8cbff; --surface:#171d3a; --glow:#3a4174; --picture:url('../play/img/stars/owl-poster.webp'); --picture-position:50% 35%; }
.poster-card[data-theme=cat] { --accent:#ddb3ff; --surface:#241735; --glow:#664875; --picture:url('../play/img/cat/cat2-start.webp'); --picture-position:50% 23%; }
.poster-card[data-theme=otter] { --accent:#ace7dd; --surface:#132b32; --glow:#396c75; --picture:url('../play/img/otter/otter-intro.webp'); --picture-position:50% 26%; }
.poster-card[data-theme=discover],.poster-card[data-theme=goblub],.poster-card[data-theme=pop] { --accent:#c9b8ff; --surface:#221d38; --glow:#625293; --picture:url('../design/img/home/gb-front.webp'); --picture-position:50% 16%; }
.poster-card[data-theme=together],.poster-card[data-theme=questions],.poster-card[data-theme=roulette],.poster-card[data-theme=balance] { --accent:#f5d68b; --surface:#302538; --glow:#7b4963; }
.poster-card[data-theme=arcade],.poster-card[data-theme=reflex],.poster-card[data-theme=race],.poster-card[data-theme=meet] { --accent:#a5f1d6; --surface:#122a36; --glow:#247368; }
.poster-card[data-theme=studio],.poster-card[data-theme=trip],.poster-card[data-theme=chat],.poster-card[data-theme=help] { --accent:#b5dcff; --surface:#19263d; --glow:#445b87; }
.poster-card[data-theme=bread],.poster-card[data-theme=food],.poster-card[data-theme=wallet] { --accent:#ffd39a; --surface:#342b24; --glow:#9c7240; }
.poster-card[data-theme=love],.poster-card[data-theme=letter],.poster-card[data-theme=gift],.poster-card[data-theme=warmth] { --accent:#ffbfcb; --surface:#332235; --glow:#934e6e; }
.poster-card[data-theme=stress],.poster-card[data-theme=bomb] { --accent:#ffbd9f; --surface:#352328; --glow:#9b503c; }
.poster-card[data-theme=zombie],.poster-card[data-theme=lotto] { --accent:#d4eca7; --surface:#25332e; --glow:#617647; }
.poster-card[data-theme=naming],.poster-card[data-theme=decide] { --accent:#d6bdff; --surface:#27223b; --glow:#66518e; }
body.home-moon .gm-card.poster-card,
body.original-hub .card-grid .card.poster-card {
  isolation:isolate; border:1px solid color-mix(in srgb,var(--accent) 48%,#4b5067)!important;
  border-radius:16px; background:var(--surface)!important; color:#fff4df;
  box-shadow:0 18px 34px #050b1d78,inset 0 0 0 1px #ffffff08!important;
  justify-content:flex-end; gap:8px; overflow:hidden;
}
body.home-moon .gm-card.poster-card::before,
body.original-hub .card-grid .card.poster-card::before {
  content:""; position:absolute; inset:0; z-index:-1; opacity:1; pointer-events:none;
  background-image:linear-gradient(180deg,#07101b05 0%,#08101f24 28%,#091221dd 61%,var(--surface) 83%),var(--picture),radial-gradient(ellipse at 72% 12%,var(--glow),var(--surface) 73%);
  background-size:cover,cover,cover; background-position:center,var(--picture-position),center;
  background-repeat:no-repeat; border-radius:inherit;
}
body.home-moon .gm-card.poster-card::after,
body.original-hub .card-grid .card.poster-card::after {
  content:attr(data-label); display:block!important; position:absolute; left:12px; right:12px; top:13px; bottom:auto; z-index:1;
  background:#0b1229ad; width:auto; height:auto; padding:4px 5px; border:0; border-radius:5px;
  color:var(--accent); font:700 11px/1.4 'Malgun Gothic','Apple SD Gothic Neo',sans-serif;
  letter-spacing:.08em; text-align:center; box-shadow:none; opacity:1; transform:none; pointer-events:none;
  text-shadow:0 1px 9px #000;
}
body.home-moon .gm-card.poster-card:hover,
body.original-hub .card-grid .card.poster-card:hover { border-color:var(--accent)!important; box-shadow:0 22px 42px #050b1d88,0 0 0 1px var(--accent)!important; }
body.home-moon .gm-card.poster-card .tt,
body.original-hub .card-grid .card.poster-card h2 {
  color:#fff4df; font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif; font-weight:800;
  letter-spacing:-.045em; line-height:1.3; text-shadow:0 2px 10px #0008; word-break:keep-all; overflow-wrap:anywhere;
  margin:0; padding:0; max-width:94%; flex-shrink:0;
}
body.home-moon .gm-card.poster-card .ds,
body.original-hub .card-grid .card.poster-card p {
  color:#eadfcd; font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif; font-weight:400;
  font-size:16px; line-height:1.55; letter-spacing:-.035em; text-shadow:0 1px 8px #000;
  margin:0; padding:0; max-width:85%; flex-shrink:0; word-break:keep-all; overflow-wrap:anywhere;
}
body.home-moon .gm-card.poster-card .ic,
body.original-hub .card-grid .card.poster-card .icon {
  display:flex; align-items:center; justify-content:center; flex-shrink:0; width:64px; height:64px;
  background:none!important; padding:0; border:0; border-radius:0; box-shadow:none; filter:drop-shadow(0 8px 15px #0005); font-size:45px; line-height:1;
}
body.original-hub .card-grid .card.poster-card[data-theme=gwigok] .icon,
body.original-hub .card-grid .card.poster-card[data-theme=cafe] .icon,
body.original-hub .card-grid .card.poster-card[data-theme=stars] .icon,
body.original-hub .card-grid .card.poster-card[data-theme=cat] .icon,
body.original-hub .card-grid .card.poster-card[data-theme=otter] .icon,
body.original-hub .card-grid .card.poster-card[data-theme=goblub] .icon,
body.original-hub .card-grid .card.poster-card[data-theme=pop] .icon,
body.home-moon .gm-card.poster-card[data-theme=destiny] .ic,
body.home-moon .gm-card.poster-card[data-theme=discover] .ic { visibility:hidden; }
body.original-hub .card-grid .card.poster-card h2::after { display:none; }
body.original-hub .card-grid .card.poster-card .btn-download { min-height:36px; font:600 13px/1.4 'Malgun Gothic',sans-serif; padding:7px 12px; margin:6px 0 0; background:#ffffff12!important; color:#d8d6e3!important; border:1px solid #ffffff24!important; border-radius:8px; box-shadow:none!important; opacity:1; }
body.home-moon .gm-card.poster-card { padding:25px 14px 27px; }
body.home-moon .gm-card.poster-card .tt { font-size:25px; }
body.home-moon .gm-card.poster-card .ds { font-size:18px; max-width:174px; }
body.original-hub .card-grid .card.poster-card { padding:28px 14px 22px; }
body.original-hub .card-grid .card.poster-card.is-symbol .icon { font-size:82px; transform:translateY(-28px); }
body.home-moon .gm-card.poster-card.is-symbol .ic { font-size:76px; transform:translateY(-22px); }
@media(min-width:701px) {
  body.original-hub .card-grid .card.poster-card p { max-width:80%; margin-right:20px; }
  body.original-hub .card-grid .card.poster-card[data-theme=stress] h2 { max-width:82%; }
}
@media(min-width:701px) and (max-width:1100px) {
  body.home-moon .gm-card.poster-card::after,
  body.original-hub .card-grid .card.poster-card::after { display:none!important; }
  body.home-moon .gm-card.poster-card { padding:25px 9px 20px; gap:7px; }
  body.home-moon .gm-card.poster-card .tt { font-size:22px; }
  body.home-moon .gm-card.poster-card .ds { font-size:16px; max-width:78%; margin-right:8px; }
  body.home-moon .gm-card.poster-card .ic { width:42px; height:52px; font-size:34px; }
  body.original-hub .card-grid .card.poster-card { padding:28px 5px 18px; gap:6px; }
  body.original-hub .card-grid .card.poster-card h2 { font-size:20px; line-height:1.3; max-width:96%; }
  body.original-hub .card-grid .card.poster-card p { font-size:15px; line-height:1.5; max-width:78%; margin-right:16px; }
  body.original-hub .card-grid .card.poster-card .icon { width:42px; height:46px; font-size:34px; }
  body.original-hub .card-grid .card.poster-card.is-symbol .icon { font-size:52px; transform:translateY(-8px); }
  body.home-moon .gm-card.poster-card.is-symbol .ic { font-size:48px; transform:translateY(-8px); }
}
@media(max-width:700px) {
  body.home-moon .gm-card.poster-card { padding:25px 8px 15px; gap:6px; }
  body.home-moon .gm-card.poster-card .tt { font-size:20px; }
  body.home-moon .gm-card.poster-card .ds { font-size:15px; line-height:1.45; max-width:100%; }
  body.home-moon .gm-card.poster-card .ic { width:36px; height:44px; font-size:31px; }
  body.original-hub .card-grid .card.poster-card { padding:43px 12px 20px; gap:9px; display:flex; flex-direction:column; align-items:center; text-align:center; min-height:235px; }
  body.original-hub .card-grid .card.poster-card h2 { font-size:21px; line-height:1.3; max-width:100%; }
  body.original-hub .card-grid .card.poster-card p { font-size:16px; line-height:1.6; max-width:100%; }
  body.original-hub .card-grid .card.poster-card .icon { width:50px; height:68px; font-size:40px; }
  body.original-hub .card-grid .card.poster-card.is-symbol .icon { font-size:62px; transform:none; }
  body.home-moon .gm-card.poster-card.is-symbol .ic { font-size:46px; transform:translateY(-6px); }
}
@media(max-width:700px) and (max-height:740px) {
  body.home-moon .gm-card.poster-card { padding:22px 6px 11px; gap:4px; }
  body.home-moon .gm-card.poster-card .ic { width:26px; height:28px; font-size:25px; }
  body.home-moon .gm-card.poster-card .tt { font-size:20px; line-height:1.25; }
  body.home-moon .gm-card.poster-card .ds { font-size:15px; line-height:1.4; }
  body.home-moon .gm-card.poster-card::after { top:9px; font-size:10px; }
  body.home-moon .gm-card.poster-card.is-symbol .ic { font-size:30px; transform:none; }
  body.home-moon .gm-card.poster-card[data-theme=arcade] .ic { height:18px; font-size:24px; }
}
