/* seats.css — the collection gallery. seats.html only. */

body{font-size:14px;line-height:1.55;overflow-y:auto}
.wrap{max-width:1280px;margin:0 auto;padding:52px 16px 90px}

.mast{margin-bottom:22px}
h1{font-size:clamp(30px,5.6vw,50px);font-weight:800;letter-spacing:-.03em;color:#F2F5F1;line-height:.96}
h1 .t{color:var(--tape)}
.sub{color:#93a09a;font-size:13.5px;line-height:1.65;max-width:68ch;margin-top:12px}
.meta{font-size:11px;letter-spacing:.18em;color:#5d6a64;text-transform:uppercase;margin-top:14px}

.filters{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px;
  border-bottom:1px solid var(--line);padding-bottom:16px}
input[type=search]{font-family:var(--mono);font-size:12.5px;background:#0D1311;color:#F2F5F1;
  border:1px solid var(--line);padding:9px 12px;border-radius:2px;min-width:210px}
input:focus-visible{outline:2px solid var(--tape);outline-offset:2px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;cursor:pointer;background:transparent;
  border:1px solid var(--line);color:#8b978f;padding:7px 10px;border-radius:2px}
.chip:hover{color:#F2F5F1}
.chip.on{color:var(--ink);font-weight:800}
.chip.on.c-ALL{background:#D8DED9;border-color:#D8DED9}
.chip.on.c-PAPER_HANDS{background:#9AA3A7;border-color:#9AA3A7}
.chip.on.c-AFTER_HOURS_TRADER{background:#57C7FF;border-color:#57C7FF}
.chip.on.c-WHALE{background:#8A5CFF;border-color:#8A5CFF}
.chip.on.c-MARKET_MAKER{background:#FFB020;border-color:#FFB020}
.chip.on.c-INSIDER{background:#FF4B4B;border-color:#FF4B4B}

.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;min-height:50vh}
figure{background:#101715;border:1px solid var(--line);border-radius:3px;overflow:hidden;cursor:pointer}
figure:hover{border-color:var(--tape)}
figure img{width:100%;height:auto;display:block;background:#F2EFE6;aspect-ratio:1}
figcaption{padding:7px 9px;font-size:10px;display:flex;flex-direction:column;gap:2px}
figcaption b{color:#F2F5F1;font-size:11px}
.cls{font-size:8px;letter-spacing:.1em}
.c-PAPER_HANDS{color:#9AA3A7}.c-AFTER_HOURS_TRADER{color:#57C7FF}.c-WHALE{color:#8A5CFF}
.c-MARKET_MAKER{color:#FFB020}.c-INSIDER{color:#FF4B4B}
.own{color:#6d7a73;font-size:9px}

.pager{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:26px;
  font-size:11px;color:#7d8a83;letter-spacing:.1em}
button.ghost{font-family:var(--mono);font-size:11px;letter-spacing:.12em;cursor:pointer;
  background:transparent;border:1px solid var(--line);color:#8b978f;padding:9px 14px;border-radius:2px}
button.ghost:hover:not(:disabled){border-color:var(--tape);color:var(--tape)}
button.ghost:disabled{opacity:.3;cursor:not-allowed}

#lightbox{position:fixed;inset:0;background:rgba(6,9,8,.93);z-index:200;display:flex;
  align-items:center;justify-content:center;padding:24px}
#lightbox[hidden]{display:none}
#close{position:absolute;top:18px;right:20px;background:transparent;border:0;color:#8b978f;
  font-size:22px;cursor:pointer;font-family:var(--mono)}
#close:hover{color:#F2F5F1}
.box{display:grid;grid-template-columns:auto 300px;gap:22px;align-items:start;max-width:900px;width:100%}
.box .art{background:#F2EFE6;border:1px solid var(--line);border-radius:3px;overflow:hidden}
.box .art img{width:100%;height:auto;display:block;max-height:74vh;object-fit:contain}
.info h3{font-size:22px;font-weight:800;color:#F2F5F1;letter-spacing:-.01em}
.info .k{display:flex;justify-content:space-between;gap:12px;font-size:11.5px;padding:6px 0;
  border-bottom:1px solid #1b2622}
.info .k span:first-child{color:#6d7a73;letter-spacing:.06em}
.info .k span:last-child{color:#D8DED9;text-align:right}
@media (max-width:760px){.box{grid-template-columns:1fr}}

/* ---- market ---- */
.market{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.mk-head{font-size:9.5px;letter-spacing:.2em;color:var(--tape);margin:12px 0 8px;
  display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.mk-head span{color:#5d6a64;letter-spacing:.06em;font-size:9px;text-align:right}
.mk-as{display:flex;align-items:center;gap:8px;font-size:10px;color:#5d6a64;margin-bottom:10px}
.mk-as select{font-family:var(--mono);font-size:11px;background:#0D1311;color:#D8DED9;
  border:1px solid var(--line);padding:6px 8px;border-radius:2px;flex:1}
.mk-row{display:flex;align-items:center;gap:8px;font-size:11.5px;padding:7px 0;
  border-bottom:1px solid #1b2622;color:#8b978f}
.mk-row b{color:#F2F5F1;font-variant-numeric:tabular-nums;margin-left:auto}
.mk-by{color:#5d6a64;font-size:10px;margin-left:0}
.mk-none{font-size:11px;color:#5d6a64;padding:8px 0;line-height:1.5}
.mk-err{font-size:11px;color:var(--loss);border:1px solid var(--loss);padding:7px 9px;
  border-radius:2px;margin-bottom:10px}
.mk-form{display:flex;gap:8px;margin-top:10px}
.mk-form input{font-family:var(--mono);font-size:12px;background:#0D1311;color:#F2F5F1;
  border:1px solid var(--line);padding:9px 10px;border-radius:2px;width:100%;min-width:0}
.mk-btn{font-family:var(--mono);font-size:10px;letter-spacing:.12em;cursor:pointer;
  background:transparent;border:1px solid var(--tape);color:var(--tape);padding:9px 12px;
  border-radius:2px;white-space:nowrap}
.mk-btn:hover:not(:disabled){background:var(--tape);color:var(--ink)}
.mk-btn:disabled{opacity:.4;cursor:not-allowed}
.mk-btn.solid{background:var(--tape);color:var(--ink);font-weight:800}
.mk-btn.warn{border-color:var(--amber);color:var(--amber)}
.mk-btn.tiny{padding:5px 8px;font-size:9px;margin-left:6px}
.market + .market{display:none}
.tag-listed{color:var(--tape);font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}
@media (max-width:640px){
  .grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:9px}
  .filters{gap:9px}
  .wrap{padding:44px 12px 80px}
}