/* Existing game shop artwork, presented as three characters sharing one stage. */
.skins-section {background:#f7fbff;}
.skins-section .section-heading {max-width:1000px;}
.skin-lineup {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;}
.skin-character {min-width:0;display:flex;flex-direction:column;}
.skin-portrait {position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:320px;padding:16px 8px 24px;isolation:isolate;}
.skin-portrait::before {content:"";position:absolute;inset:17% 4% 4%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#ffe6bb 0,#fff1db99 40%,transparent 71%);}
.skin-character[data-skin=puppy] .skin-portrait::before {background:radial-gradient(ellipse,#c9efff 0,#e6f6ff99 40%,transparent 71%);}
.skin-character[data-skin=guardian] .skin-portrait::before {background:radial-gradient(ellipse,#d2f2d9 0,#eaf8e999 40%,transparent 71%);}
.skin-portrait::after {content:"";position:absolute;bottom:11px;left:20%;right:20%;height:16px;z-index:-1;border-radius:50%;background:#264c7120;filter:blur(8px);}
.skin-portrait img {display:block;width:auto;height:290px;max-width:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 6px #1835521a);}
.skin-portrait:focus-visible {outline:3px solid #1378ef;outline-offset:4px;border-radius:12px;}
.skin-label {font-size:var(--type-label)!important;color:#496b88;margin:22px 0 8px!important;}
.game-site .skin-character h3 {font-size:var(--type-card);line-height:1.35;margin-bottom:16px;}
.game-site .skin-description {font-size:var(--type-body);line-height:var(--line-body);color:#365775;margin-bottom:24px;}
.skin-stamps {display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #cddfeb;color:#245b94;font-size:var(--type-label);}
.skin-stamps svg {width:26px;height:26px;fill:#20b9d7;flex-shrink:0;}
.skin-guide {margin-top:52px;padding-top:32px;border-top:1px solid #cddfeb;}
.game-site .skin-guide h3 {font-size:var(--type-card);line-height:1.35;margin-bottom:20px;}
.skin-unlock-steps {display:flex;flex-wrap:wrap;gap:14px 32px;list-style:none;margin:0 0 22px;padding:0;counter-reset:skin-step;}
.skin-unlock-steps li {display:flex;align-items:center;gap:10px;font-size:var(--type-label);line-height:1.6;}
.skin-unlock-steps li::before {counter-increment:skin-step;content:counter(skin-step);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#dfedff;color:#195dbb;font-family:Arial,sans-serif;font-weight:700;flex-shrink:0;}
.game-site .skin-guide>p {font-size:var(--type-body);line-height:var(--line-body);color:#365775;max-width:78ch;}
.game-site .skin-guide .screenshot-note {font-size:var(--type-caption);margin-top:14px;}
@media(max-width:1000px) and (min-width:761px) {
  .skin-lineup {gap:24px;}
  .skin-portrait {min-height:260px;}
  .skin-portrait img {height:230px;}
}
@media(max-width:760px) {
  .skin-lineup {grid-template-columns:1fr;gap:40px;}
  .skin-character {max-width:480px;width:100%;margin-inline:auto;}
  .skin-portrait {min-height:286px;padding-bottom:20px;}
  .skin-portrait img {height:270px;}
  .skin-label {margin-top:16px!important;}
  .skin-guide {margin-top:40px;}
  .skin-unlock-steps {flex-direction:column;gap:14px;}
}
