/* Demarcus Games: catalog, game page, request form. */
/* ---------- catalog ---------- */
.scm-catalog__toolbar{align-items:stretch}
.scm-catalog__sort{width:auto;min-width:210px}
.scm-catalog__filters{display:flex;justify-content:space-between;align-items:center;gap:var(--scm-4);flex-wrap:wrap;margin-bottom:var(--scm-5)}
.scm-gamegrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--scm-5)}
.scm-gamecard{display:flex;flex-direction:column;background:var(--scm-surface);border:1px solid var(--scm-border);border-radius:var(--scm-r-lg);overflow:hidden;transition:border-color .2s,transform .2s var(--scm-ease),box-shadow .2s}
.scm-gamecard:hover{border-color:var(--scm-border-glow);transform:translateY(-3px);box-shadow:0 22px 50px -28px rgba(246,196,83,.9)}
.scm-gamecard__art{display:block;aspect-ratio:16/10;overflow:hidden;background:#0E0408}
.scm-art{display:block;width:100%;height:100%;object-fit:cover}
.scm-gamecard__body{display:flex;flex-direction:column;gap:var(--scm-2);padding:var(--scm-4);flex:1}
.scm-gamecard__meta{display:flex;gap:var(--scm-2);flex-wrap:wrap;min-height:22px}
.scm-gamecard__title{margin:0;font-family:var(--scm-font-display);font-size:1.02rem;font-weight:600;line-height:1.25}
.scm-gamecard__title a{color:var(--scm-text);text-decoration:none}
.scm-gamecard__title a:hover{color:#FFE08A}
.scm-gamecard__tagline{margin:0;color:var(--scm-muted);font-size:var(--scm-fs-sm);flex:1}
.scm-gamecard__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--scm-3);margin-top:var(--scm-2);flex-wrap:wrap}
.scm-gamecard__from{font-size:var(--scm-fs-sm);font-weight:600;color:#E8CFC6}

/* ---------- game detail ---------- */
.scm-crumbs{margin-bottom:var(--scm-4)}
.scm-crumbs a{display:inline-flex;align-items:center;gap:6px;color:var(--scm-muted);text-decoration:none;font-weight:600;font-size:var(--scm-fs-sm)}
.scm-crumbs a:hover{color:var(--scm-text)}
.scm-game__hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--scm-6);align-items:center;margin-bottom:var(--scm-7)}
.scm-game__art{border-radius:var(--scm-r-xl);overflow:hidden;border:1px solid var(--scm-border-strong);aspect-ratio:16/10;box-shadow:var(--scm-glow)}
.scm-game__intro{display:grid;gap:var(--scm-2)}
.scm-game__intro .scm-muted{margin:0;max-width:60ch}
.scm-game__facts{list-style:none;padding:0;margin:var(--scm-3) 0 0;display:grid;gap:var(--scm-2);font-size:var(--scm-fs-sm);color:#E8CFC6}
.scm-game__facts li{display:flex;gap:var(--scm-2);align-items:center}
.scm-game__facts .scm-icon{color:#F6C453}
.scm-pkggrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:var(--scm-4);margin-bottom:var(--scm-5)}
.scm-pkg{position:relative;display:grid;gap:6px;padding:var(--scm-5) var(--scm-4) var(--scm-4);border-radius:var(--scm-r-lg);border:1px solid var(--scm-border-strong);background:var(--scm-surface);cursor:pointer;transition:border-color .15s,box-shadow .2s,background-color .15s}
.scm-pkg:hover{border-color:var(--scm-border-glow)}
.scm-pkg.is-selected{border-color:var(--scm-purple);background:linear-gradient(180deg,rgba(246,196,83,.16),rgba(255,79,154,.05));box-shadow:var(--scm-glow)}
.scm-pkg__flag{position:absolute;top:-11px;left:var(--scm-4);padding:3px 10px;border-radius:99px;background:var(--scm-gradient);color:#fff;font-size:11px;font-weight:700}
.scm-pkg__label{font-weight:700;color:var(--scm-muted);font-size:var(--scm-fs-sm)}
.scm-pkg__coins{display:flex;align-items:center;gap:8px;font-family:var(--scm-font-display);font-size:1.3rem;font-weight:600}
.scm-pkg__coins .scm-icon{color:var(--scm-warning)}
.scm-pkg__bonus{font-size:var(--scm-fs-sm);color:#6EE7B7;font-weight:600}.scm-pkg__bonus--none{color:var(--scm-muted)}
.scm-pkg__price{margin-top:var(--scm-2);font-size:1.15rem;font-weight:700}
.scm-pkg__pick{position:absolute;top:14px;right:14px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:2px solid var(--scm-border-strong);color:transparent}
.scm-pkg.is-selected .scm-pkg__pick{background:var(--scm-purple);border-color:var(--scm-purple);color:#fff}
.scm-selection{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;gap:var(--scm-4);flex-wrap:wrap;padding:var(--scm-3) var(--scm-3) var(--scm-3) var(--scm-5);margin:var(--scm-5) 0 var(--scm-3);border-radius:var(--scm-r-lg);background:rgba(36,16,26,.92);backdrop-filter:blur(14px);border:1px solid var(--scm-border-glow);box-shadow:0 24px 60px -24px #000}
.scm-selection__text{display:grid;flex:1;min-width:160px;font-size:var(--scm-fs-sm)}
.scm-selection__text strong{font-size:var(--scm-fs-base)}
.scm-selection__price{font-family:var(--scm-font-display);font-size:1.3rem}
.scm-selection__actions{display:flex;gap:var(--scm-2);flex-wrap:wrap}
#scm-compare{margin-bottom:var(--scm-4)}

/* ---------- purchase ---------- */
.scm-purchase{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--scm-5);align-items:start}
.scm-purchase--done{grid-template-columns:minmax(0,640px);justify-content:center}
.scm-purchase__summary{position:sticky;top:96px;display:grid;gap:var(--scm-3)}
.scm-purchase__summary--empty{justify-items:center;text-align:center;color:var(--scm-muted)}
.scm-purchase__art{border-radius:var(--scm-r);overflow:hidden;aspect-ratio:16/10}
.scm-purchase__done{text-align:center;justify-items:center}
.scm-purchase__done .scm-tracker{width:100%}
.scm-purchase__done .scm-notice{text-align:left}
.scm-purchase__check{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:rgba(52,211,153,.12);color:var(--scm-success);border:1px solid rgba(52,211,153,.4)}
.scm-pkgpick{display:grid;gap:var(--scm-2)}
.scm-pkgpick__item{display:grid;grid-template-columns:1fr auto auto;gap:var(--scm-4);align-items:center;padding:12px 14px;border-radius:var(--scm-r);border:1px solid var(--scm-border-strong);cursor:pointer;font-size:var(--scm-fs-sm);transition:border-color .15s,background-color .15s}
.scm-pkgpick__item:hover{border-color:var(--scm-border-glow)}
.scm-pkgpick__item.is-selected{border-color:var(--scm-purple);background:rgba(246,196,83,.14)}
.scm-pkgpick__label{display:flex;gap:8px;align-items:center;font-weight:700}
.scm-pkgpick__coins{color:var(--scm-muted)}
.scm-pkgpick__price{font-weight:700}
.scm-summary{padding:12px 14px;border-radius:var(--scm-r);background:#0E0408;border:1px solid var(--scm-border)}
.scm-summary > div{display:flex;justify-content:space-between;gap:var(--scm-3);font-weight:600}
.scm-summary p{margin:6px 0 0;font-size:var(--scm-fs-sm)}


/* ---------- request page ---------- */
.dsg-request{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:var(--scm-5);align-items:start}
.dsg-request__summary{position:sticky;top:96px;display:grid;gap:var(--scm-3)}
.dsg-request__art{border-radius:var(--scm-r);overflow:hidden;aspect-ratio:16/10}
.dsg-as{display:flex;gap:var(--scm-3);align-items:center;padding:12px 14px;border-radius:var(--scm-r);background:#0E0408;border:1px solid var(--scm-border);font-size:var(--scm-fs-sm)}
.dsg-done{display:grid;justify-items:center;gap:var(--scm-3);text-align:center;max-width:620px;margin:0 auto}
.dsg-done__check{display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:rgba(52,211,153,.12);color:var(--scm-success);border:1px solid rgba(52,211,153,.4)}
.dsg-done dl{width:100%;text-align:left}
.dsg-trap{position:absolute!important;left:-9999px;width:1px;height:1px;opacity:0}
@media (max-width:860px){.dsg-request{grid-template-columns:1fr}.dsg-request__summary{position:static;order:-1}.dsg-request__art{display:none}.scm-game__hero{grid-template-columns:1fr;gap:var(--scm-5)}}