/* Midnight sky: decorative background, original collection layout */
:root{
 --bg:#090f20;
 --panel:#131d32;
 --line:#2b3a55;
 --muted:#aab8d0;
 --accent:#f5d77a;
}
body{
 color:#edf3ff;
 background:
 radial-gradient(ellipse 800px 600px at 95% 3%,#49418a44,transparent 75%),
 radial-gradient(ellipse 700px 900px at 0% 30%,#115d8040,transparent 75%),
 radial-gradient(ellipse 800px 600px at 100% 75%,#283f7333,transparent 75%),
 #090f20;
 min-height:100vh;
 isolation:isolate;
}
body::before{
 content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
 background-image:radial-gradient(circle,#b4d8ff35 .8px,transparent 1.3px);
 background-size:53px 59px;
 mask-image:linear-gradient(#0008,transparent 80%);
}
body::after{
 content:"";position:absolute;top:90px;right:max(24px,calc((100vw - 1128px)/2));width:330px;height:330px;
 z-index:-1;pointer-events:none;opacity:.065;transform:rotate(-24deg);
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 300'%3E%3Cg fill='none' stroke='%23b5caff' stroke-width='8'%3E%3Ccircle cx='150' cy='150' r='137'/%3E%3Cpath d='M13 150h98m78 0h98'/%3E%3Ccircle cx='150' cy='150' r='39'/%3E%3Ccircle cx='150' cy='150' r='19' stroke-width='4'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;
}
.top{background:linear-gradient(90deg,#0b132480,#0b132400)}
.card{background:#131d32;box-shadow:0 6px 20px #02071230}
.art{background:radial-gradient(ellipse at 50% 65%,#2d4164,#142039 75%)}
.art::after{content:"";position:absolute;inset:auto 0 0;height:35%;background:linear-gradient(transparent,#0d16252b);pointer-events:none;z-index:0}
.search,.trade-explanation{background:#111b30d9}
.filter{color:#c4d2e9;background:#111b3080}
.filter[aria-pressed=true],.discord,.empty button{background:var(--accent);color:#202237}
.discord:hover{background:#ffe9a4}
.tag{background:#243451;color:#c7d9f6}
.shiny-label{background:#111a2ce8;color:#ffe9a4;border-color:#f5d77a44}
.card-contact{color:#dce8ff}
.contact-strip{background:linear-gradient(110deg,#192b45,#222540);border-color:#3c4b69}
dialog{background:#152139;border-color:#506184}
.username{background:#0d1729}
.username button{background:#253655}
#pagination button{background:#17243b}
input::placeholder{color:#aab8d0}
@media(max-width:760px){
 body::after{width:230px;height:230px;right:8px;top:130px;opacity:.045}
}

.sale-price{display:flex;align-items:baseline;gap:9px;margin:16px 0 0}
.sale-price strong{font-size:26px;letter-spacing:-.8px;font-weight:750;color:var(--accent);white-space:nowrap}
.sale-price span{font-size:10px;color:var(--muted)}
.price-policy{font-size:12px;color:#cedaf0;line-height:1.7;border-left:2px solid var(--accent);padding:9px 13px;background:#15213a99;margin:0 0 20px}

.top-actions{display:flex;align-items:center;gap:22px}.how-link{font-size:12px;color:var(--muted)}.how-link:hover{color:var(--accent)}
.availability-controls{display:flex;align-items:center;gap:12px;margin-top:18px;font-size:12px;color:var(--muted)}
.availability-controls select{font:inherit;color:#edf3ff;background:#15213a;border:1px solid var(--line);padding:9px 30px 9px 12px;border-radius:7px;max-width:100%}
.stock-badge{position:absolute;bottom:10px;left:10px;z-index:3;font-size:10px;padding:4px 9px;border-radius:5px;background:#142538ed;border:1px solid #4f7385;color:#cde9ff}
.stock-available{background:#16362cee;border-color:#417d64;color:#bcf4d2}.stock-reserved{background:#443619ee;border-color:#8a713a;color:#ffe1a0}.stock-sold{background:#3d2230ee;border-color:#8d5266;color:#f0bcc9}
.how-section{padding:36px;margin:0 0 30px;scroll-margin-top:20px}.how-section>h2{font-size:30px;letter-spacing:-1px;margin:12px 0}.how-intro{font-size:14px;color:var(--muted);margin:0 0 26px}
.buy-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;list-style:none;padding:0;margin:0}
.buy-steps li{border:1px solid var(--line);background:#131d32;padding:20px;border-radius:12px}.step-no{font-size:11px;color:var(--accent);letter-spacing:2px}.buy-steps h3{font-size:16px;line-height:1.4;margin:15px 0 10px}.buy-steps p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
#trade-request{margin-top:22px}#trade-request label{font-size:12px;display:block;color:var(--accent);margin-bottom:8px}#request-message{box-sizing:border-box;display:block;width:100%;resize:vertical;min-height:130px;background:#0d1729;color:#e2eafb;border:1px solid var(--line);border-radius:7px;font:12px/1.7 system-ui;padding:12px}.request-copy{margin-top:9px;border:1px solid var(--line);background:#253655;color:var(--accent);padding:9px 12px;border-radius:6px;font-size:12px}
html{scroll-behavior:smooth}
@media(max-width:800px){.buy-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.how-section{padding:22px}.top-actions{gap:12px}}
@media(max-width:480px){.buy-steps{grid-template-columns:1fr}.top-actions{gap:8px;align-items:flex-end;flex-direction:column}.how-link{font-size:10px}.how-section>h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}