@font-face{font-family:Pixel;src:url('/assets/silkscreen.ttf')}
@font-face{font-family:Chivo;src:url('/assets/chivo-regular.ttf')}

:root{color-scheme:dark;font-family:Chivo,sans-serif;background:#060909;color:#e8f4ef}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 78% 2%,#123029 0,transparent 34rem),#060909}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:1rem;top:1rem;z-index:9;background:#7ef4de;color:#06100d;padding:.5rem}
.market-header{max-width:1440px;margin:auto;padding:2rem clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #27443d}
.brand{font:1.05rem/1 Pixel;letter-spacing:-.04em}
.brand span,.market-intro h1 span{color:#7ef4de}
nav{display:flex;gap:2rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em}
nav span{color:#7ef4de}
main{max-width:1440px;margin:auto;padding:0 clamp(1.25rem,4vw,4rem) 5rem}
.eyebrow{font:.73rem Pixel;color:#7ef4de;letter-spacing:.11em}
.market-intro{padding:clamp(4rem,8vw,9rem) 0 4rem}
.market-intro h1{font:clamp(2.8rem,7vw,6rem)/1.08 Pixel;letter-spacing:-.04em;margin:1.4rem 0 2rem}
.intro-copy{color:#b4c7c1;max-width:640px;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}
.market-status{display:inline-flex;align-items:center;gap:.75rem;border:1px solid #31534a;padding:.8rem 1rem;margin-top:1.2rem;font:.7rem Pixel;text-transform:uppercase}
.status-light{width:8px;height:8px;background:#7ef4de;box-shadow:0 0 12px #7ef4de}
.sealed-room{border-top:1px solid #2b5146;border-bottom:1px solid #2b5146;padding:clamp(2rem,6vw,5rem) 0;display:grid;grid-template-columns:minmax(200px,360px) 1fr;align-items:center;gap:clamp(2rem,8vw,8rem)}
.sealed-frame{aspect-ratio:1;display:grid;place-items:center;background:repeating-linear-gradient(0deg,#08100e 0 10px,#0b1713 10px 20px);border:1px solid #2c5347;box-shadow:inset 0 0 0 16px #07100d,inset 0 0 0 17px #31534a}
.sealed-mark{font:clamp(7rem,21vw,17rem) Pixel;color:#3e9279;text-shadow:0 0 30px #174a3c}
.sealed-room h2,.browser-heading h2{font:clamp(1.6rem,3.2vw,3.5rem)/1.15 Pixel;margin:.7rem 0}
.sealed-room p:not(.eyebrow){max-width:520px;color:#b4c7c1;line-height:1.7}
.back-link{display:inline-block;color:#7ef4de;margin-top:1rem;border-bottom:1px solid #7ef4de;padding-bottom:.3rem}
.browser-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem}
.browser-heading p:last-child{color:#9cb8ae}
.filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin:2rem 0}
.filters label{font-size:.8rem;color:#a8c0b6;display:grid;gap:.5rem}
.filters input,.filters select{min-width:0;width:100%;padding:.85rem;background:#091410;border:1px solid #325548;color:#e8f4ef}
.filters button,.pagination button{padding:.85rem 1rem;border:1px solid #7ef4de;background:#7ef4de;color:#06100d;cursor:pointer;font:inherit;align-self:end}
.active-traits{display:flex;flex-wrap:wrap;gap:.5rem;margin:-1rem 0 1.5rem}
.active-traits button{border:1px solid #31534a;color:#7ef4de;background:#091410;padding:.55rem .7rem;cursor:pointer;font-size:.75rem}
.market-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}
.market-card{background:#09120f;border:1px solid #29483d;padding:.6rem}
.market-card img{width:100%;height:auto;aspect-ratio:1;display:block;image-rendering:pixelated;background:#07100d}
.market-card h3{font:.85rem/1.5 Pixel;margin:.8rem 0 .3rem}
.market-card p{color:#9cb8ae;font-size:.8rem}
.market-card .tier{color:#7ef4de;font:.7rem Pixel}
.market-card-button{display:block;text-align:left;background:transparent;border:0;color:inherit;padding:0;width:100%;cursor:pointer}
.market-card-button:hover h3{text-decoration:underline;text-underline-offset:.25rem}
.market-card-button:hover{background:transparent}
.market-card .card-price{color:#e8f4ef;font-size:1rem;font-variant-numeric:tabular-nums;border-top:1px solid #29483d;padding-top:.8rem;margin-bottom:.3rem}
.market-card .card-status{font-size:.75rem;min-height:1.2rem}
.revealed .market-intro{padding:3rem 0 2.5rem}
.revealed .market-intro h1{font-size:3rem;margin:.5rem 0 1rem}
.revealed .market-intro h1 br{display:none}
.revealed .intro-copy{font-size:1rem;margin-bottom:0}
.market-views{display:flex;flex-direction:row;gap:0;flex-wrap:wrap;border-bottom:1px solid #31534a;margin-bottom:2rem;text-transform:none;letter-spacing:normal}
.market-views button{background:transparent;color:#a8c0b6;border:0;border-bottom:2px solid transparent;padding:1rem 1.25rem;min-height:48px;cursor:pointer}
.market-views button[aria-pressed=true]{border-bottom-color:#7ef4de;color:#7ef4de}
.market-views button:hover{background:#142b22;color:#b9ffeb}
.wallet-panel{padding:2rem;border:1px solid #31534a;display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2.5rem;background:#0d1714}
.wallet-panel h2{font:1.4rem/1.4 Pixel;margin:0 0 1rem}
.wallet-panel p{color:#b4c7c1;line-height:1.6;max-width:65ch}
.wallet-panel form{display:grid;gap:.75rem}
button,.primary-link{min-height:44px;transition:background-color .15s,color .15s}
button{border:1px solid #7ef4de;background:#7ef4de;color:#06100d;padding:.8rem 1rem;cursor:pointer}
button:hover,.primary-link:hover{background:#b9ffeb}
button:disabled{opacity:.5;cursor:not-allowed}
.quiet-button{background:transparent;color:#7ef4de;border:1px solid #31534a}
.quiet-button:hover{background:#142b22;color:#b9ffeb}
.market-header .quiet-button{font-size:.8rem;text-transform:none;letter-spacing:0;padding:.6rem .8rem}
.market-header nav{align-items:center;flex-wrap:wrap}
input,select,textarea{font:inherit;border:1px solid #325548;background:#091410;color:#e8f4ef;padding:.8rem;width:100%;min-width:0;border-radius:0;caret-color:#7ef4de}
input::placeholder,textarea::placeholder{color:#9cb8ae;opacity:1}
input[type=checkbox]{width:1.2rem;height:1.2rem;accent-color:#7ef4de;flex:0 0 auto}
::selection{background:#7ef4de;color:#06100d}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #7ef4de;outline-offset:4px}
.empty-state{padding:3rem 0;color:#b4c7c1;line-height:1.7}
.market-browser[aria-busy=true] .market-grid{opacity:.55;pointer-events:none}
.market-browser[aria-busy=true] #market-count{color:#7ef4de}
.error:empty{display:none}
dialog{background:#080f0c;color:#e8f4ef;border:1px solid #31534a;width:min(1040px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:1.5rem;overflow:auto}
dialog::backdrop{background:#020706d9}
.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem;border-bottom:1px solid #29483d;margin-bottom:1.5rem;padding-bottom:1rem;position:sticky;top:0;background:#080f0c;z-index:2}
.dialog-heading h2{font:1.4rem/1.5 Pixel;margin:0;overflow-wrap:anywhere}
.edition-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}
.edition-art{position:sticky;top:0;align-self:start}
.edition-art img{width:100%;height:auto;image-rendering:pixelated;display:block}
.edition-layout h3{font:1.1rem Chivo;margin:2rem 0 1rem}
.tier{color:#7ef4de}
.asking-price{font-size:2rem;font-variant-numeric:tabular-nums;margin:.5rem 0}
.edition-layout form{display:grid;gap:.8rem;margin:1.5rem 0}
.edition-layout form p{margin:0;line-height:1.6;color:#b4c7c1}
.consent{display:flex;align-items:start;gap:.75rem;font-size:.9rem;line-height:1.6}
.consent input{margin:.2rem 0 0}
.edition-traits{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0}
.edition-traits div{border-top:1px solid #29483d;padding-top:.6rem;min-width:0}
.edition-traits dt{color:#9cb8ae;font-size:.8rem}
.edition-traits dd{margin:.3rem 0 0;overflow-wrap:anywhere}
.sale-row{display:flex;justify-content:space-between;gap:1rem;padding:.8rem 0;border-bottom:1px solid #29483d;font-variant-numeric:tabular-nums}
.sale-row time{color:#9cb8ae;font-size:.85rem}
.checkout-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.8rem;font-variant-numeric:tabular-nums;border-bottom:1px solid #29483d;padding-bottom:1.5rem}
.checkout-summary dt{color:#9cb8ae}
.checkout-summary dd{margin:0;text-align:right}
#checkout-panel{max-width:700px;margin:auto;overflow-wrap:anywhere}
#checkout-panel p{line-height:1.7}
#checkout-panel textarea{display:block;resize:vertical;overflow-wrap:anywhere;margin:.5rem 0}
.primary-link{display:inline-flex;align-items:center;background:#7ef4de;color:#06100d;padding:.8rem 1rem;margin:.5rem 0}
#alternate-form{display:grid;gap:.8rem}
#alternate-quote{margin-top:1.5rem;border-top:1px solid #29483d;padding-top:1rem}
.checkout-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:1.5rem 0}
.activity-row{display:grid;grid-template-columns:minmax(100px,1fr) minmax(100px,1fr) minmax(150px,1.5fr) auto;align-items:center;gap:1rem;border-bottom:1px solid #29483d;padding:1.2rem 0;font-variant-numeric:tabular-nums}
.activity-row p{margin:.25rem 0}
.activity-row small{color:#9cb8ae;display:block;line-height:1.6}
.ownership-notice,.trading-note{font-size:.9rem;line-height:1.7;max-width:75ch}
body:has(dialog[open]){overflow:hidden}
[hidden]{display:none!important}
@media(max-width:760px){
  .wallet-panel,.edition-layout{grid-template-columns:1fr;gap:1.5rem}
  .wallet-panel{padding:1.25rem}
  .revealed .market-intro h1{font-size:2rem}
  .revealed .market-intro h1 br{display:block}
  .market-views button{flex:1 0 50%;padding:.8rem .5rem}
  .market-header.site-nav nav{justify-content:flex-end;flex-direction:row;gap:.5rem .8rem;max-width:75%}
  .market-header.site-nav nav a,.market-header.site-nav nav span{font-size:.75rem}
  .edition-art{position:static;max-width:380px;margin:auto;width:100%}
  .dialog-heading h2{font-size:1.1rem}
  dialog{padding:1rem}
  .activity-row{grid-template-columns:1fr 1fr;gap:.75rem}
  .browser-heading h2{font-size:1.5rem}
  .checkout-actions>*{flex:1}
  .market-browser .market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-browser .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .market-browser .filters label:first-child{grid-column:1/-1}
  .market-card h3{font-size:.7rem}
}
.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin:2rem}
.pagination button:disabled{opacity:.35;cursor:not-allowed}
.trading-note{border-top:1px solid #27443d;color:#9cb8ae;padding-top:1.5rem}
.error{color:#ff9a90}
footer{border-top:1px solid #27443d;padding:2rem clamp(1.25rem,4vw,4rem);display:flex;gap:2rem;font-size:.75rem;color:#91aaa1}
footer span{margin-right:auto;font-family:Pixel}
[hidden]{display:none!important}
:focus-visible{outline:2px solid #7ef4de;outline-offset:4px}
@media(max-width:800px){.sealed-room{grid-template-columns:1fr}
.sealed-frame{max-width:320px}
.filters{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){.filters{grid-template-columns:1fr}
.market-header{align-items:flex-start;gap:1rem}
nav{flex-direction:column;gap:.7rem}
.market-intro{padding-top:4rem}
}