/* Coin Shop v2: its own look, a lantern-lit trading post on the dock. Own palette (teal sea, terracotta awning, cream tags, gold).
   Motion is slow and small: cards lift 3px on hover, nothing loops. */
.shop2{--s2-sea:#0b2a30;--s2-sea2:#0f3a40;--s2-terra:#c4582f;--s2-terra-d:#8f3a1c;--s2-cream:#f5e6c8;--s2-cream2:#ead3a6;--s2-ink:#2b1a0e;--s2-gold:#f2c14e;--s2-text:#f3ead8;
  background:radial-gradient(120% 60% at 50% 0%,#14424a 0%,var(--s2-sea) 55%,#081d22 100%);color:var(--s2-text);padding-bottom:40px}
.shop2 h1,.shop2 h2,.shop2 h3{font-family:"Ledger",Georgia,serif!important;letter-spacing:0!important}
/* hero */
.s2-hero{position:relative;min-height:440px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:2px solid var(--s2-terra)}
.s2-hero picture,.s2-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%}
.s2-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,10,14,.92) 0%,rgba(6,10,14,.6) 34%,rgba(6,10,14,0) 62%),linear-gradient(0deg,rgba(8,29,34,.9),rgba(8,29,34,0) 40%)}

.s2-hero-copy{position:relative;z-index:3;padding-top:60px;padding-bottom:46px;max-width:1100px}
.s2-kick{margin:0 0 6px;font:600 13px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--s2-gold)}
.s2-hero h1{margin:0;font-size:clamp(46px,7vw,84px)!important;line-height:1;color:#fff4dc;text-shadow:0 2px 0 rgba(0,0,0,.35),0 0 40px rgba(255,170,80,.35)}
.s2-lead{max-width:470px;margin:14px 0 0;font-size:17px;line-height:1.55;color:#efe2c8}
.s2-mode{display:inline-block;margin:16px 0 0;padding:4px 10px;font:600 12.5px var(--text);color:var(--s2-ink);background:var(--s2-gold);border-radius:2px}
/* body */
.s2-body{max-width:1100px;padding-top:26px}
.s2-wallet{display:flex;gap:26px;flex-wrap:wrap;font-size:14.5px;color:#cfe0dc;margin:0 0 22px}
.s2-wallet b{margin-left:6px;font-size:18px;color:#fff4dc}.s2-wallet a{color:var(--s2-gold)}
.s2-packs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.s2-pack{position:relative;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 14px 30px rgba(0,0,0,.4);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}
.s2-pack:hover,.s2-pack:focus-within{transform:translateY(-3px);box-shadow:0 2px 0 var(--s2-cream2),0 22px 40px rgba(0,0,0,.5),0 0 0 2px rgba(242,193,78,.55)}
.s2-art{position:relative;aspect-ratio:4/3;background:radial-gradient(circle at 50% 55%,#1b5560 0%,#0f3a40 55%,#0a2a30 100%);overflow:hidden;border-bottom:3px solid var(--s2-terra)}
.s2-art::after{content:"";position:absolute;left:50%;top:58%;width:70%;height:50%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,196,100,.28),rgba(255,196,100,0));opacity:.6;transition:opacity .6s}
.s2-art img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;padding:8px;-webkit-mask-image:radial-gradient(closest-side,#000 62%,transparent 98%);mask-image:radial-gradient(closest-side,#000 62%,transparent 98%);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.s2-handful .s2-art img{transform:scale(.8)}.s2-pouch .s2-art img{transform:scale(.92)}
.s2-pack:hover .s2-art img{transform:scale(1.04)}.s2-handful.s2-pack:hover .s2-art img{transform:scale(.84)}.s2-pouch.s2-pack:hover .s2-art img{transform:scale(.96)}
.s2-pack:hover .s2-art::after{opacity:1}
.s2-tag{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;background:linear-gradient(180deg,var(--s2-cream),#f0dcb5)}
.s2-tag h3{margin:0;font-size:24px!important;color:var(--s2-ink)!important;font-weight:600}
.s2-coins{margin:2px 0 0;font-weight:600;color:#7a4a22;font-size:15px}
.s2-usd{margin:12px 0 14px;font:800 40px/1 var(--text);color:var(--s2-ink);letter-spacing:-.01em}
.s2-usd small{font-size:14px;font-weight:600;color:#7a5a3a;letter-spacing:0}
.shop2 .s2-buy{margin-top:auto;width:100%;padding:12px 14px!important;border:0;border-radius:3px!important;font:700 16px var(--text)!important;color:#fff8ea!important;background:var(--s2-terra)!important;box-shadow:inset 0 -3px 0 var(--s2-terra-d)!important;cursor:pointer;transition:background .25s}
.shop2 .s2-buy:hover{background:#d4683d!important}.shop2 .s2-buy:focus-visible{outline:3px solid var(--s2-gold);outline-offset:2px}
.shop2 .s2-buy:disabled{opacity:.55;cursor:default}
/* confirm + messages */
.shop2 .sh-confirm{margin:22px 0 0;padding:18px 20px;background:var(--s2-cream)!important;color:var(--s2-ink)!important;border:0!important;border-left:6px solid var(--s2-terra)!important;border-radius:4px!important;font-family:var(--text)!important}
.shop2 .sh-confirm h3{font-size:22px!important}
.shop2 .sh-confirm .go{background:var(--s2-terra)!important;color:#fff8ea!important}
.shop2 .sh-confirm .ghost{color:var(--s2-ink)!important;box-shadow:inset 0 0 0 1px #b08a5a!important}
.shop2 .sh-msg{margin:14px 0 0;color:var(--s2-gold)!important;font-weight:600}
/* fine print */
.s2-fine{margin:30px 0 0;padding:18px 20px;border-radius:4px;background:rgba(0,0,0,.22);border:1px solid rgba(243,234,216,.12);font-size:14.5px;line-height:1.55;color:#d6e2de}
.s2-fine p{margin:6px 0}.s2-fine a{color:var(--s2-gold)}
.s2-parent{padding-left:10px;border-left:3px solid var(--s2-gold);color:#fff4dc}
.s2-rules{margin:30px 0 0}
.s2-rules h2{font-size:26px!important;margin:0 0 12px;color:#fff4dc}
.s2-rules ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px 28px}
.s2-rules li{padding:10px 0 10px 18px;position:relative;border-top:1px solid rgba(243,234,216,.14);font-size:15px;color:#d6e2de}
.s2-rules li::before{content:"";position:absolute;left:0;top:18px;width:7px;height:7px;background:var(--s2-terra)}
.s2-rules b{color:#fff4dc}
.shop2 .rw{background:rgba(0,0,0,.22)!important;border-color:rgba(243,234,216,.14)!important}
@media (max-width:860px){.s2-packs{grid-template-columns:1fr;gap:18px;max-width:520px}.s2-pack{flex-direction:row}.s2-art{aspect-ratio:auto;width:42%;flex:none;border-bottom:0;border-right:3px solid var(--s2-terra)}.s2-tag{padding:14px}.s2-usd{font-size:32px;margin:8px 0 12px}.s2-tag h3{font-size:21px!important}.s2-rules ul{grid-template-columns:1fr}}
@media (max-width:700px){.s2-hero{min-height:380px}.s2-hero img{object-position:78% 50%}.s2-hero::after{background:linear-gradient(0deg,rgba(8,29,34,.97) 18%,rgba(8,29,34,.55) 55%,rgba(8,29,34,.15) 100%)}.s2-hero-copy{padding-bottom:36px}.s2-lead{font-size:15.5px}}
@media (prefers-reduced-motion:reduce){.s2-pack,.s2-art img,.s2-art::after{transition:none}}

/* art stage = each painting's own backdrop color, so no square edge shows */
.s2-handful .s2-art{background:#054452}.s2-pouch .s2-art{background:#034251}.s2-chest .s2-art{background:#004851}
.s2-art::after{display:none}.s2-art img{padding:0!important;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)!important;mask-image:radial-gradient(closest-side,#000 70%,transparent 100%)!important}