.navbar nav{flex-wrap:wrap;justify-content:center;gap:16px}
.purchase-confirm{max-width:min(92vw,520px);padding:28px;border:1px solid #af8542;border-radius:12px;background:#fff5da;color:#302616}
.purchase-confirm::backdrop{background:#0008}
.purchase-confirm button,.purchase-confirm a{margin:12px 12px 0 0}
.owned-page{max-width:1280px;margin:40px auto;padding:0 24px}
.owned-page h1,.owned-page p{margin-bottom:20px}
.owned-page input{padding:10px;margin:12px;max-width:90%}
.owned-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:24px}
.owned-card{min-width:0;padding:14px;border:1px solid #b79355;border-radius:12px;background:#fff4d9}
.owned-card .owned-open{display:block;width:100%;border:0;background:none;cursor:pointer;padding:0;color:inherit}
.owned-card .card-art{width:100%;max-width:320px;margin:auto}
.owned-card h2{font-size:20px;margin:12px 0}
.owned-card p{margin:12px 0}
#owned-detail{max-width:min(92vw,650px);max-height:90vh;overflow:auto;padding:24px;background:#fff4d9;color:#302616}
#owned-detail .card-art{width:min(100%,360px);margin:12px auto}
#owned-detail h3{margin-top:16px}
@media(max-width:600px){.navbar nav{gap:10px;font-size:14px}.owned-page{padding:0 16px}.owned-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.owned-card{padding:8px}.owned-card .gold-button{font-size:12px;padding:8px}.owned-card h2{font-size:16px}}