
html.playarc body.home-console .pa-gifts{
  position:relative;margin:4px 0 8px;padding:0;
}
html.playarc body.home-console .pa-gifts-head{
  display:flex;align-items:center;gap:12px;flex-wrap:wrap;
  margin:0 0 8px;padding:0 max(4px, env(safe-area-inset-inline-start));
}
html.playarc body.home-console .pa-gifts-head h2{
  margin:0;font-size:19px;font-weight:800;letter-spacing:0;color:#eaf3ff;
}
html.playarc body.home-console .pa-gifts-sub{
  margin:0;flex:1 1 280px;min-width:200px;font-size:12.5px;line-height:1.8;color:#93aac8;
}
html.playarc body.home-console .pa-gifts-all{
  flex:0 0 auto;padding:7px 12px;border-radius:999px;font-size:12.5px;font-weight:700;
  color:#d9ecff;text-decoration:none;background:rgba(58,160,255,.12);
  box-shadow:inset 0 0 0 1px rgba(120,190,255,.28);
}
html.playarc body.home-console .pa-gifts-all:hover{color:#fff;box-shadow:inset 0 0 0 1px rgba(150,215,255,.5)}

html.playarc body.home-console .pa-gift-track{
  display:flex;gap:10px;overflow-x:clip;padding:6px 0 12px;
  scroll-snap-type:none;overscroll-behavior-x:contain;
  scrollbar-width:none;cursor:grab;touch-action:pan-y pinch-zoom;
  perspective:none;
}

html.playarc body.home-console .pa-gift-strip{
  display:flex;flex:0 0 auto;width:max-content;min-width:max-content;gap:inherit;
}
html.playarc body.home-console .pa-gift-track::-webkit-scrollbar{display:none;height:0}
html.playarc body.home-console .pa-gift-track.is-dragging{
  cursor:grabbing;scroll-snap-type:none;user-select:none;-webkit-user-select:none;
}
html.playarc body.home-console .pa-gift-track.is-dragging .gift-card{pointer-events:none;transition:none}


html.playarc body.home-console .gift-card{
  --gc:#5ec8ff;--gc-soft:rgba(94,200,255,.22);
  position:relative;flex:0 0 auto;width:min(238px,72vw);
  display:block;padding:0;margin:0;border:0;border-radius:12px;
  background:transparent;box-shadow:none;transform:none;
  color:#e9edf2;text-decoration:none;scroll-snap-align:start;
  direction:ltr;text-align:start;
  transition:transform .2s ease, filter .2s ease;
}
html.playarc body.home-console .gift-card.is-geny{--gc:#b9a3ff;--gc-soft:rgba(185,163,255,.24)}
html.playarc body.home-console .gift-card.is-soon{opacity:.55}
html.playarc body.home-console .gift-card::before,
html.playarc body.home-console .gift-card::after{content:none;display:none}
html.playarc body.home-console .gift-card:hover{transform:translateY(-3px)}

html.playarc body.home-console .gift-card:focus,
html.playarc body.home-console .gift-card:focus-visible{
  outline:none;outline-offset:0;box-shadow:none;
}
html.playarc body.home-console .gift-card img{-webkit-user-drag:none;user-drag:none;-webkit-user-select:none}

html.playarc body.home-console .gift-card .gift-art{
  display:block;margin:0;padding:0;border-radius:12px;overflow:hidden;line-height:0;
  box-shadow:0 14px 28px -18px rgba(0,0,0,.9);
  transition:box-shadow .2s ease;
}
html.playarc body.home-console .gift-card .gift-art img{
  width:100%;height:auto;aspect-ratio:640/400;display:block;object-fit:cover;
}
html.playarc body.home-console .gift-card:hover .gift-art{
  box-shadow:0 20px 36px -18px rgba(0,0,0,.95), 0 0 22px -10px var(--gc);
}


html.playarc body.home-console .gift-card .gift-count{
  position:absolute;z-index:2;top:8px;inset-inline-start:8px;margin:0;
  padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;color:#eaf3ff;
  background:rgba(4,10,20,.66);backdrop-filter:blur(6px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);
}
html.playarc body.home-console .gift-card .gift-tag{
  position:absolute;z-index:2;left:8px;right:8px;bottom:8px;margin:0;
  display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:6px;
  padding:6px 8px;border-radius:10px;font-size:11.5px;font-weight:800;color:#eaf3ff;
  background:rgba(4,10,20,.72);backdrop-filter:blur(8px);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  direction:ltr;white-space:nowrap;
}
html.playarc body.home-console .gift-card .gift-tag i{font-style:normal;color:var(--gc)}

html.playarc body.home-console .gift-card .gift-tag .gift-was{
  font-size:12px;font-weight:700;color:rgba(234,243,255,.62);
  text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff8aa0;
}
html.playarc body.home-console .gift-card .gift-tag .gift-was i{font-size:10px;color:inherit}
html.playarc body.home-console .gift-card .gift-tag .gift-now{
  font-size:17px;font-weight:800;letter-spacing:-.01em;color:#fff;line-height:1;
}
html.playarc body.home-console .gift-card .gift-tag .gift-now i{font-size:11px}
html.playarc body.home-console .gift-card .gift-tag .gift-off{
  font-style:normal;font-size:12.5px;font-weight:800;color:#06210f;
  background:#3dde7a;border-radius:999px;padding:3px 8px;line-height:1.2;
  box-shadow:0 0 0 1px rgba(61,222,122,.35);
}


html.playarc body.home-console .gift-card .gift-top,
html.playarc body.home-console .gift-card .gift-mid,
html.playarc body.home-console .gift-card .gift-logo,
html.playarc body.home-console .gift-card .gift-copy,
html.playarc body.home-console .gift-card .gift-name,
html.playarc body.home-console .gift-card .gift-kind,
html.playarc body.home-console .gift-card .gift-brand,
html.playarc body.home-console .gift-card .gift-notch,
html.playarc body.home-console .gift-card .gift-row,
html.playarc body.home-console .gift-card .gift-meta{display:none !important}


html.playarc body.home-console .gift-card.is-plain{
  aspect-ratio:1.62;padding:12px;border-radius:12px;
  display:flex;flex-direction:column;justify-content:flex-end;gap:6px;
  background:
    radial-gradient(130% 150% at 100% 0%, var(--gc-soft), transparent 60%),
    linear-gradient(165deg,#11161e 0%, #0a0e15 55%, #06080c 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06), 0 14px 28px -18px rgba(0,0,0,.9);
}
html.playarc body.home-console .gift-card.is-plain .gift-top,
html.playarc body.home-console .gift-card.is-plain .gift-mid,
html.playarc body.home-console .gift-card.is-plain .gift-logo,
html.playarc body.home-console .gift-card.is-plain .gift-copy,
html.playarc body.home-console .gift-card.is-plain .gift-name,
html.playarc body.home-console .gift-card.is-plain .gift-kind{display:flex !important}
html.playarc body.home-console .gift-card.is-plain .gift-tag{position:static;left:auto;right:auto;bottom:auto}
html.playarc body.home-console .gift-card.is-plain .gift-count{position:static}

html.playarc body.home-console .pa-gifts-foot{margin:0;padding:0 4px;font-size:12px;color:#8ea6c4}

@media (max-width:900px){
  html.playarc body.home-console .gift-card{width:min(178px,70vw);border-radius:10px}
  html.playarc body.home-console .gift-card .gift-art{border-radius:10px}
  html.playarc body.home-console .pa-gift-track{gap:8px}
}
@media (prefers-reduced-motion:reduce){
  html.playarc body.home-console .gift-card,
  html.playarc body.home-console .gift-card:hover{transition:none;transform:none}
}


html.playarc body.home-console .gift-card .gift-tag:empty{display:none}

html.playarc body.home-console .gift-card .gift-face{
  position:absolute;z-index:3;top:5%;right:3%;width:58%;height:34%;
  display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:1px;
  padding:0 2% 0 16%;box-sizing:border-box;
  direction:ltr;line-height:1;pointer-events:none;border-radius:10px;
  background:linear-gradient(to right, transparent 0, var(--gc) 26%, var(--gc) 100%);
}
html.playarc body.home-console .gift-card .gift-face-was{
  font-size:clamp(10px,4cqw,14px);font-weight:700;color:rgba(255,255,255,.82);
  text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:#ff5d6c;
}
html.playarc body.home-console .gift-card .gift-face-now{
  font-size:clamp(13px,6.4cqw,22px);font-weight:800;color:#fff;letter-spacing:-.02em;
}

html.playarc body.home-console .gift-card{overflow:hidden}
html.playarc body.home-console .gift-card .gift-face-was,
html.playarc body.home-console .gift-card .gift-face-now{
  max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}

html.playarc body.home-console .gift-card .gift-face.is-off{
  top:auto;bottom:13%;right:4%;width:auto;height:auto;padding:0;
  align-items:flex-end;justify-content:flex-end;background:none;
}
html.playarc body.home-console .gift-card .gift-face-off{
  font-style:normal;font-weight:800;line-height:1;color:#06210f;
  font-size:clamp(16px,9cqw,24px);letter-spacing:-.02em;
  background:#3dde7a;border-radius:10px;padding:.2em .42em;
  box-shadow:0 8px 18px -10px rgba(0,0,0,.85), 0 0 0 1px rgba(61,222,122,.45);
}




html.playarc body.home-console .gift-card.is-plain .gift-copy{flex-direction:column;align-items:center;gap:3px}
html.playarc body.home-console .gift-card.is-plain .gift-mid{flex-direction:column;align-items:center;justify-content:center;flex:1}
html.playarc body.home-console .gift-card.is-plain{text-align:center}


html.playarc body.home-console .pa-gift-track.is-dragging .gift-count,
html.playarc body.home-console .pa-gift-track.is-dragging .gift-tag{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}



html.playarc body.home-console .gift-card .gift-count,
html.playarc body.home-console .gift-card .gift-tag{
  -webkit-backdrop-filter:none !important;
  backdrop-filter:none !important;
}



html.playarc body.home-console .gift-card .gift-face:has(.gift-face-now i){width:80%;padding:0 3% 0 9%}
html.playarc body.home-console .gift-card .gift-face-now:has(i){
  display:flex;flex-direction:column;align-items:flex-end;gap:2px;
  font-size:clamp(14px,4.6vw,19px);overflow:visible;text-overflow:clip;white-space:nowrap;
}
html.playarc body.home-console .gift-card .gift-face-now i{font-style:normal;font-size:.56em;font-weight:700;letter-spacing:0;opacity:.92}

