/* Coin Shop v3: weekly stock + profile pictures. Same trading-post look as shop-v2 (cream tags, teal art windows,
   terracotta rules, gold accents). Rectangular 3px corners, no pills, nothing loops except the avatars themselves. */
.s3-week,.s3-avs{margin:44px 0 0}
.s3-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;padding-bottom:10px;border-bottom:1px solid rgba(242,193,78,.35)}
.s3-head h2{margin:0;font-size:30px!important;color:#fff4dc}
.s3-until{margin:0;font:600 14.5px var(--text);color:var(--s2-gold)}
.s3-lead{max-width:640px;margin:12px 0 18px;font-size:15px;line-height:1.55;color:#d6e2de}
.s3-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.s3-card{display:flex;flex-direction:column;border-radius:4px;overflow:hidden;background:var(--s2-cream);color:var(--s2-ink);box-shadow:0 2px 0 var(--s2-cream2),0 12px 26px rgba(0,0,0,.38);transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.s3-card:hover,.s3-card:focus-within{transform:translateY(-3px)}
.s3-art{position:relative;aspect-ratio:1/1;display:grid;place-items:center;background:radial-gradient(circle at 50% 60%,#2a5c5a 0%,#14424a 45%,#0a2a30 100%);border-bottom:2px solid var(--s2-terra);overflow:hidden}
.s3-art::before{content:"";position:absolute;left:12%;right:12%;bottom:9%;height:9%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.45),transparent)}
.s3-art img{position:absolute;left:11%;top:9%;width:78%;height:82%;object-fit:contain;filter:drop-shadow(0 6px 10px rgba(0,0,0,.45))}
.s3-art.v{padding:14% 16%}.s3-art.v::before{display:none}
.s3-view{display:block;width:100%;height:100%;border-radius:46% 46% 3px 3px/30% 30% 3px 3px;background-size:cover;background-position:center;box-shadow:0 0 0 5px #3a2a1c,0 0 0 7px #6b4a2a,0 10px 20px rgba(0,0,0,.5)}
.s3-tag{flex:1;display:flex;flex-direction:column;padding:12px 14px 14px;background:linear-gradient(180deg,var(--s2-cream),#f0dcb5)}
.s3-kind{margin:0;font:600 11.5px/1 var(--text);letter-spacing:.08em;text-transform:uppercase;color:var(--s2-terra-d)}
.s3-tag h3{margin:5px 0 0;font-size:19px!important;line-height:1.15;color:var(--s2-ink)!important}
.s3-note{margin:5px 0 0;font-size:13px;line-height:1.4;color:#5a4632}
.s3-price{margin:10px 0 10px;font:800 21px/1 var(--text);color:var(--s2-ink)}
.shop2 .s3-buy,.shop2 .s3-go{display:block;margin-top:auto;width:100%;padding:10px 12px;border:0;border-radius:3px;font:700 14.5px var(--text);text-align:center;text-decoration:none;color:#fff8ea;background:var(--s2-terra);box-shadow:inset 0 -3px 0 var(--s2-terra-d);cursor:pointer}
.shop2 .s3-buy:hover,.shop2 .s3-go:hover{background:#d4683d}
.shop2 .s3-buy:disabled{cursor:default;background:#cdb791;color:#5a4632;box-shadow:none}
.shop2 .s3-buy:focus-visible,.shop2 .s3-go:focus-visible,.shop2 .s3-no:focus-visible,.s3-own:focus-visible{outline:3px solid var(--s2-gold);outline-offset:2px}
.shop2 .s3-own{margin-top:auto;display:block;padding:9px 0 2px;border-top:1px solid rgba(143,58,28,.3);font:600 13.5px var(--text);color:#2f6b5e!important;text-decoration:none}
.shop2 .s3-own:hover{text-decoration:underline}
.s3-conf{margin-top:auto;padding-top:8px;border-top:2px solid var(--s2-terra)}
.s3-conf p{margin:0 0 8px;font-size:13.5px;line-height:1.4;color:var(--s2-ink)}
.s3-conf .row{display:flex;gap:8px}.s3-conf .s3-go{flex:1}
.shop2 .s3-no{flex:1;padding:10px 12px;border:0;border-radius:3px;background:transparent;box-shadow:inset 0 0 0 1px #b08a5a;font:600 14px var(--text);color:var(--s2-ink);cursor:pointer}
/* avatars */
.s3-avl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px 18px}
.s3-avc{display:flex;gap:14px;align-items:center;padding:12px;border-radius:4px;background:rgba(0,0,0,.2);border:1px solid rgba(243,234,216,.12);border-left:3px solid var(--s2-terra)}
.s3-avc.own{border-left-color:var(--s2-gold)}
.s3-avp{flex:none;width:76px;height:76px;border-radius:50%;padding:3px;background:linear-gradient(160deg,#f2c14e,#8f3a1c)}
.s3-avt{flex:1;min-width:0;display:flex;flex-direction:column}
.s3-avt h3{margin:0;font-size:17px!important;color:#fff4dc!important}
.s3-avt .s3-price{margin:4px 0 8px;font-size:15px;color:var(--s2-gold)}
.shop2 .s3-avt .s3-own{border-top-color:rgba(243,234,216,.16);color:#9fd4b4!important}
.s3-avt .s3-conf p{color:#f3ead8}.s3-avt .s3-no{color:#f3ead8!important;box-shadow:inset 0 0 0 1px rgba(243,234,216,.4)}
@media (max-width:1100px){.s3-list{grid-template-columns:repeat(3,1fr)}.s3-avl{grid-template-columns:repeat(2,1fr)}}
@media (max-width:700px){.s3-list{grid-template-columns:repeat(2,1fr);gap:12px}.s3-tag{padding:10px 11px 12px}.s3-tag h3{font-size:16.5px!important}.s3-note{display:none}.s3-price{font-size:18px;margin:8px 0}
  .s3-avl{grid-template-columns:1fr}.s3-head h2{font-size:25px!important}}
@media (prefers-reduced-motion:reduce){.s3-card{transition:none}}
.s3-avt .s3-buy{padding:8px 10px!important;font-size:13.5px!important}
html{scroll-padding-top:84px}