@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:Cinzel;src:url(/fonts/Cinzel-800.woff2) format("woff2");font-weight:800;font-display:swap}
@font-face{font-family:Cormorant;src:url(/fonts/CormorantGaramond-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:VT323;src:url(/fonts/VT323-Regular.woff2) format("woff2");font-display:swap}
@font-face{font-family:Cormorant;src:url(/fonts/CormorantGaramond-500i.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}
:root{--ink:#0b0a08;--paper:#f3ead6;--gold:#d9b25a;--gold2:#f6dc8c;--gold3:#8a6a22;--line:rgba(217,178,90,.28);--glass:rgba(14,12,9,.72);--muted:#a99a7a}
*{box-sizing:border-box;margin:0;padding:0}
html,body{height:100%;background:var(--ink);color:var(--paper);overflow:hidden;font-family:Cormorant,Georgia,serif;font-size:18px;-webkit-font-smoothing:antialiased}
a{color:var(--gold2)}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
#gl{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none;outline:none}
.gold-text,.mark-1,h2,.count #sold{background:linear-gradient(180deg,#fff3c4 0%,#f1cf72 38%,#b8862b 62%,#f3d47e 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* veil / intro */
.veil{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 40%,#1c160c 0%,#070605 70%);transition:opacity 1.6s ease,visibility 1.6s}
.veil.gone{opacity:0;visibility:hidden}
.veil-inner{text-align:center;padding:24px;max-width:720px}
.seal{font-size:40px;color:var(--gold);opacity:0;animation:fade 1.2s .2s forwards;margin-bottom:18px}
.vl{opacity:0;transform:translateY(8px);animation:rise 1.4s forwards;font-size:clamp(22px,3.4vw,34px);line-height:1.25;margin:0 0 16px;letter-spacing:.01em}
.vl em{color:var(--gold2)}
.l1{animation-delay:.5s}.l2{animation-delay:1.9s}.l3{animation-delay:3.3s}.l4{animation-delay:4.6s;margin-top:18px}.l5{animation-delay:5.2s}
.small{font-size:14px!important;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-family:Cinzel,serif}
@keyframes rise{to{opacity:1;transform:none}}@keyframes fade{to{opacity:1}}

.btn-gold{position:relative;display:inline-flex;align-items:center;gap:10px;justify-content:center;font-family:Cinzel,serif;font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:14px;color:#1d1406;padding:14px 26px;border-radius:2px;background:linear-gradient(180deg,#fff0b8 0%,#e9c565 30%,#b9882c 70%,#e7c46a 100%);box-shadow:0 0 0 1px #6b4f17 inset,0 0 0 2px rgba(255,240,190,.35) inset,0 10px 30px rgba(217,178,90,.25);overflow:hidden;transition:transform .2s,box-shadow .2s,filter .2s}
.btn-gold:hover{transform:translateY(-1px);box-shadow:0 0 0 1px #6b4f17 inset,0 0 0 2px rgba(255,240,190,.5) inset,0 14px 40px rgba(217,178,90,.4)}
.btn-gold:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);transform:translateX(-120%);animation:sheen 4.5s 2s infinite}
.btn-gold[disabled]{filter:grayscale(.6) brightness(.7);cursor:wait}
.btn-gold.big{font-size:15px;padding:16px 28px}
.btn-gold .sub{font-family:Cormorant,serif;font-style:italic;font-weight:500;text-transform:none;letter-spacing:0;font-size:16px;opacity:.75}
@keyframes sheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* top */
.top{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:max(16px,env(safe-area-inset-top)) 22px 16px;pointer-events:none;background:linear-gradient(180deg,rgba(7,6,5,.75),transparent)}
.top>*{pointer-events:auto}
.mark{text-decoration:none;display:flex;flex-direction:column;line-height:1}
.mark-1{font-family:Cinzel,serif;font-weight:800;font-size:22px;letter-spacing:.22em}
.mark-1 b{font-weight:800}
.mark-2{font-style:italic;color:var(--muted);font-size:14px;margin-top:6px;letter-spacing:.04em}
.nav{display:flex;gap:8px;align-items:center}
.pill,.icon{font-family:Cinzel,serif;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);border:1px solid var(--line);background:rgba(10,9,7,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:9px 14px;border-radius:999px;text-decoration:none;transition:border-color .2s,background .2s}
.icon{width:36px;height:36px;padding:0;display:grid;place-items:center;font-size:15px;letter-spacing:0}
.pill:hover,.icon:hover{border-color:var(--gold);background:rgba(40,30,12,.6)}
.icon.off{opacity:.45;text-decoration:line-through}

/* hud */
.hud{position:fixed;left:50%;bottom:max(46px,calc(env(safe-area-inset-bottom) + 40px));transform:translateX(-50%);z-index:10;width:min(560px,calc(100% - 32px));text-align:center;padding:18px 20px 20px;background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:4px;box-shadow:0 20px 60px rgba(0,0,0,.5);opacity:0;transition:opacity 1.2s 1s}
body.in .hud{opacity:1}
.hud-title{font-family:Cinzel,serif;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}
.count{font-family:Cinzel,serif;font-size:13px;letter-spacing:.06em;color:var(--muted)}
.count #sold{font-size:30px;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.bar{height:6px;margin:10px 0 8px;background:#1d1910;border:1px solid #3a2f17;border-radius:3px;overflow:hidden}
.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#8a6a22,#f6dc8c,#c9a24a);box-shadow:0 0 12px #f6dc8c;min-width:2px;transition:width 1.2s cubic-bezier(.2,.8,.2,1)}
.next{font-size:16px;color:#e9dcc0;margin:-2px 0 6px;font-style:italic}.next b{color:var(--gold2);font-style:normal;font-family:Cinzel,serif;font-size:14px}
.meta{font-size:15px;color:var(--muted);margin-bottom:14px}
.meta span{color:var(--paper)}

.ticker{position:fixed;left:22px;bottom:150px;z-index:9;display:flex;flex-direction:column;gap:6px;max-width:300px;pointer-events:none}
.ticker div{font-size:15px;padding:7px 12px;background:rgba(10,9,7,.55);border-left:2px solid var(--gold);backdrop-filter:blur(6px);animation:tick 8s forwards}
.ticker b{color:var(--gold2);font-weight:500}
@keyframes tick{0%{opacity:0;transform:translateX(-10px)}8%{opacity:1;transform:none}85%{opacity:1}100%{opacity:0}}

/* drawers */
.drawer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:rgba(4,3,2,.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;padding:16px}
.drawer.open{opacity:1;visibility:visible}
.sheet{position:relative;width:min(620px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:30px 28px 26px;background:linear-gradient(180deg,#17130c,#0d0b08);border:1px solid var(--line);box-shadow:0 0 0 6px rgba(217,178,90,.06),0 30px 90px rgba(0,0,0,.7);border-radius:3px;transform:translateY(14px) scale(.98);transition:transform .35s}
.drawer.open .sheet{transform:none}
.sheet:before{content:"";position:absolute;inset:8px;border:1px solid rgba(217,178,90,.14);pointer-events:none}
.x{position:absolute;top:10px;right:14px;font-size:30px;color:var(--muted);line-height:1;padding:4px 8px}
.x:hover{color:var(--gold2)}
h2{font-family:Cinzel,serif;font-weight:800;font-size:26px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.lede{color:#d7ccb2;font-size:18px;line-height:1.45;margin-bottom:18px}
.amts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}
.amts button{border:1px solid var(--line);padding:12px 6px;font-family:Cinzel,serif;font-weight:800;font-size:18px;color:var(--gold2);background:rgba(255,255,255,.02);transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:2px}
.amts button small{font-family:Cormorant,serif;font-style:italic;font-weight:500;font-size:14px;color:var(--muted)}
.amts button.on,.amts button:hover{border-color:var(--gold);background:rgba(217,178,90,.12)}
.fld{display:block;font-family:Cinzel,serif;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin:12px 0}
.fld input{display:block;width:100%;margin-top:6px;padding:12px 14px;font:20px Cormorant,serif;color:var(--paper);background:#0a0907;border:1px solid var(--line);border-radius:2px;outline:none}
.fld input:focus{border-color:var(--gold)}
.total{margin:16px 0 14px;font-size:20px}.total b{color:var(--gold2);font-family:Cinzel,serif}
.muted{color:var(--muted)}
.fine{font-size:14px;color:var(--muted);margin-top:14px;line-height:1.45}
.board{list-style:none;counter-reset:r;margin:6px 0 18px}
.board li{counter-increment:r;display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid rgba(217,178,90,.12);font-size:19px}
.board li:before{content:counter(r);font-family:Cinzel,serif;font-weight:800;color:var(--gold3);width:28px;text-align:right}
.board li:nth-child(1):before{color:var(--gold2)}
.board .nm{flex:1}.board .px{font-family:Cinzel,serif;font-size:14px;color:var(--gold2)}
.board .tier{font-size:13px;font-style:italic;color:var(--muted)}
.board .empty{justify-content:center;color:var(--muted);font-style:italic}
.board .empty:before{display:none}
.tiers{display:grid;gap:8px;font-size:16px;color:#d7ccb2}.tiers b{color:var(--gold2);font-family:Cinzel,serif;font-size:13px;letter-spacing:.08em}
.how{padding-left:22px;display:grid;gap:10px;font-size:18px;line-height:1.4;margin-bottom:16px}.how b{color:var(--gold2)}
details{border-top:1px solid rgba(217,178,90,.15);padding:10px 0}
summary{cursor:pointer;font-family:Cinzel,serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold2)}
details p{margin-top:8px;font-size:17px;color:#d7ccb2}

.toast{position:fixed;top:84px;left:50%;transform:translate(-50%,-20px);z-index:40;padding:12px 20px;background:var(--glass);border:1px solid var(--gold);font-size:18px;opacity:0;transition:all .4s;pointer-events:none;max-width:calc(100% - 32px);text-align:center}
.toast.show{opacity:1;transform:translate(-50%,0)}
.tip{position:fixed;top:86px;left:50%;transform:translateX(-50%);z-index:9;font-family:Cinzel,serif;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);opacity:0;transition:opacity 1s;pointer-events:none;white-space:nowrap}
body.in .tip{opacity:.8}body.moved .tip{opacity:0}
.foot{position:fixed;bottom:0;left:0;right:0;z-index:9;display:flex;justify-content:space-between;gap:10px;padding:10px 22px max(10px,env(safe-area-inset-bottom));font-size:13px;color:var(--muted);background:linear-gradient(0deg,rgba(7,6,5,.8),transparent)}
.foot a{color:var(--muted)}
.nojs{position:fixed;inset:0;display:grid;place-items:center;font-size:22px;padding:24px;text-align:center}

@media (min-width:900px){.hud{width:480px;bottom:44px;padding:14px 18px 16px}.ticker{bottom:60px}}
@media (max-width:640px){
  html,body{font-size:16px}
  .top{padding:max(12px,env(safe-area-inset-top)) 16px 12px}
  .mark-1{font-size:16px;letter-spacing:.16em}.mark-2{font-size:12px}
  .pill{padding:8px 10px;font-size:10px;letter-spacing:.1em}
  #nextGallery{display:none}
  .icon{width:32px;height:32px}
  .hud{padding:12px 14px 14px;bottom:max(36px,calc(env(safe-area-inset-bottom) + 32px))}
  .count #sold{font-size:22px}.count .of{display:block;font-size:11px}
  .meta{font-size:13px;margin-bottom:10px}.next{font-size:13px}
  .ticker{left:16px;bottom:200px;max-width:70%}
  .ticker div{font-size:13px}
  .amts{grid-template-columns:repeat(2,1fr)}
  .sheet{padding:26px 18px 20px}
  h2{font-size:21px}
  .foot{flex-direction:column;align-items:center;gap:2px;padding:6px 16px max(6px,env(safe-area-inset-bottom));font-size:11px}
  .tip{top:70px;font-size:9px}
}

body.og .top,body.og .foot,body.og .ticker,body.og .tip{display:none!important}

.mark-2 a{color:var(--gold2)}
.cta{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}
.link{margin-top:10px;font-style:italic;color:var(--muted);text-decoration:underline;font-size:15px}.link:hover{color:var(--gold2)}
.fine.warn{color:#f6dc8c}
.lede b{color:var(--gold2);font-weight:500}
/* scratch view */
.scratch{position:fixed;inset:0;z-index:20;background:#070605;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
body.scratching .scratch{opacity:1;visibility:visible}
body.scratching .hud,body.scratching .ticker,body.scratching .tip,body.scratching .top{opacity:0!important;pointer-events:none}
#scratchCv{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:none}
.sc-top,.sc-bottom{position:absolute;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;pointer-events:none}
.sc-top{top:0;padding-top:max(14px,env(safe-area-inset-top));background:linear-gradient(180deg,rgba(7,6,5,.85),transparent)}
.sc-bottom{bottom:0;padding-bottom:max(14px,env(safe-area-inset-bottom));background:linear-gradient(0deg,rgba(7,6,5,.85),transparent)}
.sc-top>*,.sc-bottom>*{pointer-events:auto}
.sc-left{font-family:Cinzel,serif;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.sc-left b{font-size:26px;color:var(--gold2);letter-spacing:.02em;margin-right:4px}
.sc-tools{display:flex;gap:8px;align-items:center}.sc-tools .lbl{font-family:Cinzel,serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#brushes{display:flex;border:1px solid var(--line);border-radius:999px;overflow:hidden}#brushes button{padding:8px 11px;font-family:Cinzel,serif;font-size:11px;color:var(--gold2)}#brushes button.on{background:rgba(217,178,90,.2)}
.pill.on{background:rgba(217,178,90,.22);border-color:var(--gold)}
.sc-tip{font-style:italic;color:var(--muted);font-size:15px}
.sc-btns{display:flex;gap:8px;align-items:center}
#scBuy.pulse{animation:pulse 1.2s infinite;border-color:var(--gold)}@keyframes pulse{50%{background:rgba(217,178,90,.35)}}
.sc-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:14px 20px;background:var(--glass);border:1px solid var(--gold);font-size:19px;opacity:0;transition:opacity .3s;pointer-events:none}.sc-hint.show{opacity:1}
body.scratching .toast{z-index:60}
@media (max-width:640px){.sc-tip{display:none}.sc-tools .lbl{display:none}.sc-top{flex-direction:column;align-items:flex-start}.cta .btn-gold{width:100%}}

.hud{opacity:1;transition:none}.count{font-size:clamp(20px,3vw,28px);color:var(--gold2);font-weight:800}.amts{grid-template-columns:repeat(4,1fr)}
@media(max-width:640px){.top{flex-wrap:wrap;gap:10px}.nav{gap:5px}.mark-1{font-size:14px}.amts{grid-template-columns:repeat(2,1fr)}}

[hidden]{display:none!important}
body.og .hud .cta,body.og .hud .meta,body.og .hud .bar{display:none}