/* Original Slabss editorial direction across public and account views. */
:root { --bg:#f7f5ef; --chrome:#f7f5ef; --surface:#fffefa; --surface-top:#fffefa; --text:#282923; --muted:#68695f; --line:#dfddd2; --line-strong:#aca99a; --accent:#a43c28; --coral:#ad412b; --button:#ed694b; --button-text:#252722; --button-hover:#f27d61; --field:#fffefa; --soft:#eeeae0; --tint:#f2e2d8; }
:root[data-theme="dark"] { --bg:#1f211e; --chrome:#1f211e; --surface:#292c26; --surface-top:#30342c; --text:#f6f3e9; --muted:#b9bbaf; --line:#45493e; --line-strong:#89917b; --accent:#ffac92; --coral:#ffac92; --button:#ed694b; --button-text:#252722; --button-hover:#f27d61; --field:#252820; --soft:#34392e; --tint:#42382e; }
html { scroll-padding-top:95px; }
body { font-size:16px; -webkit-font-smoothing:antialiased; }
h1,h2 { font-family:var(--font); font-weight:500; letter-spacing:-.055em; }
h1 { font-size:clamp(40px,5.6vw,72px); line-height:1.05; }
h2 { font-size:clamp(26px,3.1vw,38px); line-height:1.15; }
h1 em,h2 em { font-family:var(--editorial-font); font-weight:400; color:inherit; }
h3 { font-size:17px; } p { line-height:1.7; }
button,.button { min-height:44px; border-radius:7px; padding:11px 18px; font-size:14px; transition:background 180ms ease,border-color 180ms ease,transform 180ms ease; }
.primary:hover { background:var(--button-hover); border-color:var(--button-hover); }
.small { min-height:38px; font-size:14px; padding:7px 12px; } .quiet { background:transparent; }
.eyebrow { font:500 12px/1.5 var(--mono); letter-spacing:.1em; color:var(--muted); }
.fine,.meta,.photo-credit { font-size:12px; line-height:1.65; }
.text-link { text-decoration:none; border-bottom:1px solid currentColor; padding:8px 0; font-size:14px; }
.price { font-size:16px; font-variant-numeric:tabular-nums; white-space:nowrap; }
.product-header { max-width:1440px; margin:auto; padding:25px 40px; border:0; gap:32px; }
.brand { flex:none; font-size:32px; gap:9px; letter-spacing:-.07em; }
#header-search { position:relative; max-width:440px; flex:1; }
#header-search input { background:transparent; padding:12px 45px 12px 18px; border-color:var(--line); }
#header-search button { position:absolute; right:3px; top:2px; border:0; background:none; padding:5px 12px; }
.header-actions { flex-wrap:nowrap; gap:14px; } .theme-toggle { background:transparent; border:0; }
#balance { font-size:12px; color:var(--muted); white-space:nowrap; }
.layout { display:block; max-width:none; }
.layout aside { position:sticky; top:0; z-index:3; min-height:0; padding:0 32px; background:var(--bg); border-block:1px solid var(--line); border-right:0; }
#nav { position:relative; display:flex; flex-direction:row; align-items:center; gap:6px; max-width:1300px; margin:auto; padding:8px 0; overflow-x:auto; scrollbar-width:thin; }
#nav a { flex:none; display:flex; align-items:center; gap:3px; padding:10px 15px; font-size:14px; text-decoration:none; border-radius:7px; white-space:nowrap; }
#nav a.active { background:var(--tint); color:var(--text); }
#nav.has-indicator a.active { background:transparent; }
#nav .nav-indicator { border:0; background:var(--tint); border-radius:7px; }
.nav-dot { width:auto; font-size:15px; margin-right:5px; }
.pilot { max-width:1300px; margin:auto; padding:18px 0 0; background:transparent; color:var(--muted); font:11px/1.6 var(--mono); text-align:left; }
.pilot span { float:right; font:12px/1.6 var(--font); }
main { max-width:1380px; margin:auto; padding:45px 40px 90px; }
.page-head { margin:10px 0 38px; } .page-head p { max-width:620px; font-size:16px; }
.collector-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:50px; padding:22px 0 70px; }
.collector-hero h1 { font-size:clamp(44px,5.6vw,78px); margin:20px 0; }
.collector-hero p { max-width:440px; }
.collector-hero .actions { align-items:center; gap:25px; margin:28px 0 18px; }
.collector-hero .photo-credit { text-align:center; max-width:none; margin:18px 0 0; }
.reference-gallery { display:flex; align-items:center; justify-content:center; isolation:isolate; padding:20px 5px; min-width:0; }
.reference-gallery figure { margin:0; width:36%; flex:none; transform:rotate(-11deg) translateY(14px); }
.reference-gallery figure:nth-child(2) { transform:translateY(-7px); margin:0 -3%; z-index:1; }
.reference-gallery figure:nth-child(3) { transform:rotate(11deg) translateY(14px); }
.reference-gallery img { width:100%; height:auto; max-height:320px; object-fit:contain; filter:drop-shadow(0 16px 14px #24282120); border-radius:7px; }
.reference-gallery figcaption { text-align:center; font-size:12px; margin-top:12px; }
.photo-credit { color:var(--muted); text-align:center; }
.section-title { margin:42px 0 24px; } .section-title .eyebrow { margin-bottom:8px; } .section-title h2 { margin:0; } .section-title>a { font-size:14px; flex:none; }
.edition-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
[data-tier="discovery"] { --edition-bg:#e3ebf2; --edition-ink:#2c4e73; --edition-line:#b7cada; }
[data-tier="gallery"] { --edition-bg:#ece7f2; --edition-ink:#624a80; --edition-line:#cdc0dc; }
[data-tier="grail"] { --edition-bg:#eee8da; --edition-ink:#6d5325; --edition-line:#d1c2a2; }
[data-theme="dark"] [data-tier="discovery"] { --edition-bg:#283846; --edition-ink:#b4d5f5; --edition-line:#43596c; }
[data-theme="dark"] [data-tier="gallery"] { --edition-bg:#373040; --edition-ink:#d8c2f3; --edition-line:#5c4b70; }
[data-theme="dark"] [data-tier="grail"] { --edition-bg:#39342a; --edition-ink:#e8cf97; --edition-line:#5f543d; }
.edition-card { border:1px solid var(--edition-line,var(--line)); border-radius:12px; overflow:hidden; background:var(--surface); display:flex; flex-direction:column; transition:transform 300ms var(--motion-ease),box-shadow 300ms ease; }
.edition-top { display:flex; justify-content:space-between; gap:10px; font:11px/1.5 var(--mono); letter-spacing:.04em; padding:15px 20px; color:var(--edition-ink); background:var(--edition-bg); border-bottom:1px solid var(--edition-line); }
.edition-top span:last-child { font-size:9px; }
.edition-title { display:flex; justify-content:space-between; align-items:baseline; gap:10px; padding:23px 22px 0; color:var(--edition-ink); background:var(--edition-bg); }
.edition-title h2 { font-size:29px; margin:0; }
[data-tier="gallery"] .edition-title h2 { font-family:Georgia,serif; font-style:italic; }
[data-tier="grail"] .edition-title h2 { font-family:Georgia,serif; }
.edition-title .price { color:inherit; font-size:15px; }
.edition-artwork { position:relative; width:100%; height:270px; border:0; border-radius:0; background:var(--edition-bg); padding:10px 25px 20px; overflow:hidden; }
.edition-artwork:hover { background:var(--edition-bg); }
.edition-artwork img { width:100%; height:100%; object-fit:contain; transition:transform 500ms var(--motion-ease); filter:drop-shadow(0 12px 12px #00000015); }
.edition-artwork::after { content:""; position:absolute; inset:0; background:linear-gradient(115deg,transparent 35%,#fff4 49%,transparent 63%); transform:translateX(-120%); transition:transform 700ms ease; pointer-events:none; }
.edition-copy { padding:22px; display:flex; flex-direction:column; flex:1; }
.edition-copy>p:first-child { min-height:48px; font-size:14px; margin-bottom:14px; }
.edition-copy dl { font-size:12px; margin:0 0 16px; padding:14px 0; border-block:1px solid var(--line); }
.edition-copy dl div { display:flex; justify-content:space-between; gap:10px; margin:5px 0; }
.edition-copy dt { color:var(--muted); } .edition-copy dd { margin:0; text-align:right; font-variant-numeric:tabular-nums; }
.edition-copy>.primary { width:100%; margin-top:20px; } .edition-copy>.fine { text-align:center; margin:12px 0 0; }
.pool-peek { display:flex; flex-direction:column; gap:6px; flex:1; font-size:12px; }
.pool-peek>div { display:flex; justify-content:space-between; gap:8px; } .pool-peek strong { font:12px var(--mono); }
.welcome-strip { margin:52px 0; display:flex; align-items:center; justify-content:space-between; gap:30px; border-block:1px solid var(--line); padding:30px 0; }
.welcome-strip .eyebrow { margin-bottom:9px; } .welcome-strip h2 { font-size:30px; margin-bottom:8px; } .welcome-strip p { margin-bottom:0; font-size:14px; } .welcome-strip button { flex:none; }
.grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.card { border:1px solid var(--line); border-radius:10px; overflow:hidden; background:var(--surface); transition:transform 250ms ease,box-shadow 250ms ease; }
.card-body { padding:22px; } .art { height:270px; background:var(--soft); isolation:isolate; } .art::before { display:none; } .art>img { padding:20px; }
.art:has(.object-art) { background:#f4f0e8; }
.art::after { display:none; }
.art .object-art { width:auto; max-width:100%; aspect-ratio:.67; height:100%; display:block; flex:none; transform:none; background-image:url('../media/collection-studio.png'); background-size:440% 100%; background-repeat:no-repeat; background-color:#f4f0e8; }
.art .object-dragon { background-position:0% 50%; } .art .object-butterfly { background-position:25% 50%; } .art .object-artifact { background-position:50% 50%; } .art .object-watch { background-position:75% 50%; } .art .object-sculpture { background-position:100% 50%; }
.art-label { position:absolute; bottom:25px; font:11px var(--mono); text-transform:uppercase; letter-spacing:.14em; }
.art .collectible-monogram { font-size:76px; font-family:Georgia,serif; opacity:.65; }
.hero { background:transparent; padding:20px 0 40px; border:0; gap:50px; grid-template-columns:1.1fr 1fr; }
.hero h1 { font-size:clamp(40px,5vw,64px); } .hero .reference-gallery img { max-height:220px; }
.panel { background:var(--surface); border:1px solid var(--line); border-radius:10px; padding:26px; }
.tag { font-size:12px; } .stat strong { font-family:var(--font); } .stat small,.detail span { font-size:13px; } .detail strong { font-size:15px; } label,table { font-size:14px; }
caption { text-align:left; font-weight:600; padding:15px 0; }
.opening-guide { display:grid; grid-template-columns:repeat(3,1fr); gap:35px; margin-top:55px; padding-top:30px; border-top:1px solid var(--line); }
.opening-guide span { display:block; font:11px var(--mono); color:var(--accent); margin-bottom:16px; } .opening-guide p { font-size:14px; }
.product-footer { max-width:1300px; margin:auto; padding:30px 0; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:24px; }
.product-footer p,.product-footer>a:last-child { font-size:13px; } .product-footer p { margin:0; }
dialog { width:min(740px,calc(100vw - 24px)); padding:28px; border-radius:14px; }
.pack-detail-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:25px; background:var(--edition-bg); border-radius:9px; padding:20px; }
.pack-detail-hero img { width:100%; height:210px; object-fit:contain; } .pack-detail-hero p,.pack-detail-hero .eyebrow { color:var(--edition-ink); } .pack-detail-hero .price { font-size:24px; }
.opening-dialog { width:min(650px,calc(100vw - 24px)); text-align:center; }
.opening-stage { position:relative; } .opening-stage .actions,.reveal-result .actions { justify-content:center; }
.sealed-pack { padding:10px; border-radius:16px; background:radial-gradient(ellipse,var(--edition-bg),transparent 72%); }
.sealed-pack img { height:300px; width:100%; object-fit:contain; filter:drop-shadow(0 15px 24px #0002); }
.is-revealing .sealed-pack img { animation:slabs-unseal 800ms cubic-bezier(.2,.8,.2,1) forwards; }
.reveal-art { width:230px; height:300px; border-radius:10px; margin:24px auto; box-shadow:0 15px 35px #0002; animation:slabs-arrival 600ms var(--motion-ease) both; } .reveal-result h3 { font-size:22px; }
@keyframes slabs-unseal { 0%{transform:translateY(0) scale(1);opacity:1} 35%{transform:translateY(-14px) rotate(-3deg) scale(1.025);opacity:1} 100%{transform:translateY(-40px) scale(1.12);opacity:0} }
@keyframes slabs-arrival { from{opacity:0;transform:translateY(15px) rotateY(-18deg) scale(.94)} to{opacity:1;transform:translateY(0) rotateY(0) scale(1)} }
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .edition-card:hover { transform:translateY(-4px); box-shadow:0 14px 40px #0000000d; }
  .edition-artwork:hover img { transform:translateY(-7px) rotate(-2deg); } .edition-artwork:hover::after { transform:translateX(120%); }
  .card:hover { transform:translateY(-3px); box-shadow:0 10px 28px #0000000c; }
  .reference-gallery figure { transition:transform 400ms var(--motion-ease); } .reference-gallery figure:hover { transform:translateY(-16px) rotate(0); z-index:2; }
}
@media(max-width:1380px) { .pilot,.product-footer { margin-inline:40px; } }
@media(max-width:1050px) {
  .product-header { padding:20px 24px; gap:20px; } #balance { display:none; }
  main { padding:35px 24px 70px; } .layout aside { padding-inline:20px; } .pilot,.product-footer { margin-inline:24px; }
  .collector-hero { gap:25px; } .edition-grid,.grid { gap:16px; }
  .edition-top,.edition-title,.edition-copy { padding-inline:16px; } .edition-artwork { height:220px; }
  .edition-title { flex-wrap:wrap; } .edition-top span:last-child { display:none; } .art { height:235px; }
}
@media(max-width:760px) {
  .product-header { padding:16px 20px; flex-wrap:wrap; gap:14px; } .product-header .header-actions { margin-left:auto; }
  .product-header #header-search { order:3; flex-basis:100%; max-width:none; } .brand { font-size:28px; } .header-actions { gap:4px; } .theme-toggle { padding-inline:10px; }
  main { padding:28px 20px 55px; } .layout aside { padding-inline:12px; } #nav a { padding:9px 12px; }
  .pilot { margin-inline:20px; padding-top:14px; font-size:10px; } .pilot span { float:none; display:block; margin:3px 0 0; font-size:11px; }
  .collector-hero,.hero { grid-template-columns:1fr; gap:25px; padding-top:0; } .collector-hero h1 { font-size:clamp(44px,9vw,64px); } .collector-hero p { max-width:510px; }
  .reference-gallery { max-width:450px; margin:auto; } .reference-gallery img { max-height:270px; } .collector-hero { padding-bottom:25px; }
  .edition-grid { grid-template-columns:1fr; gap:24px; } .edition-title { flex-wrap:nowrap; padding-inline:24px; } .edition-top { padding-inline:24px; } .edition-top span:last-child { display:block; }
  .edition-artwork { height:280px; } .edition-copy { padding:24px; } .edition-copy>p:first-child { min-height:0; }
  .grid,.grid.four,.grid.two { grid-template-columns:repeat(2,minmax(0,1fr)); } .card-body { padding:16px; } .card .row { align-items:flex-start; flex-direction:column; gap:6px; } .art { height:230px; }
  .section-title { flex-wrap:wrap; gap:18px; margin-top:35px; } .welcome-strip { align-items:flex-start; flex-direction:column; }
  .opening-guide { grid-template-columns:1fr; gap:18px; } .opening-guide p { margin-bottom:0; }
  .product-footer { flex-wrap:wrap; margin-inline:20px; padding:25px 0; } .product-footer p { flex-basis:100%; order:3; }
  .page-head { flex-direction:column; margin-top:0; } .columns { grid-template-columns:1fr; }
  .pack-detail-hero { padding:15px; gap:12px; } .pack-detail-hero img { height:175px; } .sealed-pack img { height:240px; } .stats { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:430px) {
  .grid,.grid.four,.grid.two { grid-template-columns:1fr; } .art { height:310px; } .card .row { flex-direction:row; }
  .reveal-art { height:290px; } .edition-title h2 { font-size:28px; } .reference-gallery figcaption { font-size:10px; }
  dialog { padding:20px; } .pack-detail-hero { grid-template-columns:1fr; text-align:center; } .pack-detail-hero img { height:180px; } .detail { gap:10px; } .detail strong { font-size:14px; }
}
/* Pokémon slabs stay fully framed, with reference metadata next to their odds. */
.card-set { font-size:12px; line-height:1.6; color:var(--muted); margin:0 0 12px; }
.odds-card { display:flex; align-items:center; gap:12px; min-width:190px; }
.odds-card img { width:48px; height:65px; object-fit:contain; border-radius:3px; flex:none; }
.odds-card small { display:block; font-size:11px; line-height:1.6; color:var(--muted); margin-top:4px; }
.art:has(>img) { background:var(--soft); }
.reveal-art:has(>img) { height:330px; width:250px; }
.reveal-art>img { padding:12px; }

/* Slabss collector workspace: tactile cards, compact controls, honest pool data. */
.page-head h1 { font-size:clamp(36px,4.8vw,60px); }
.page-head { margin-bottom:28px; }
#nav { overflow:visible; }
#nav a { min-height:44px; }
.nav-more { margin-left:auto; position:relative; z-index:8; }
.nav-more summary { list-style:none; cursor:pointer; padding:10px 16px; border-radius:7px; font-size:14px; display:flex; gap:14px; align-items:center; min-height:44px; }
.nav-more summary::-webkit-details-marker { display:none; }
.nav-more summary.active,.nav-more[open] summary { background:var(--tint); }
.more-links { position:absolute; top:calc(100% + 8px); right:0; width:230px; background:var(--surface); border:1px solid var(--line); border-radius:12px; padding:8px; box-shadow:0 16px 40px #0002; }
#nav .more-links a { display:flex; }
#nav.has-indicator .more-links a.active { background:var(--tint); }
.collection-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); margin:24px 0 32px; padding:20px 0; gap:24px; }
.collection-summary>div { display:flex; flex-direction:column; gap:8px; }
.collection-summary span { font-size:14px; color:var(--muted); }
.collection-summary strong { font-size:28px; font-weight:500; font-variant-numeric:tabular-nums; }
.welcome-card { margin:24px 0; padding:22px 26px; background:var(--tint); border-radius:10px; }
.welcome-card p { margin:0; } .welcome-card h3 { margin:5px 0; }
.art { height:350px; overflow:hidden; }
.art>img { width:100%; height:100%; object-fit:contain; padding:18px; }
.reference-art>img { padding:0; transform:scale(1.22); }
.card .art { background:linear-gradient(140deg,var(--soft),var(--surface)); }
.card-body { padding:20px; } .card-body h3 { font-size:20px; margin:6px 0; letter-spacing:-.03em; }
.card-body .meta,.card-set { font-size:13px; }
.card-body .tag { font-size:12px; text-transform:capitalize; }
.card-body .price { font-size:20px; }
.status-loan-locked,.status-trade-locked,.status-auction { background:var(--tint); color:var(--accent); }
.vault-toolbar { display:flex; gap:16px; align-items:center; justify-content:space-between; margin:25px 0; }
.vault-toolbar>span,.result-count { font-size:14px; color:var(--muted); }
.filter-chips { display:flex; gap:8px; flex-wrap:wrap; }
.filter-chips button { border-radius:30px; min-height:40px; padding:8px 15px; font-weight:500; }
.filter-chips button[aria-pressed=true] { background:var(--text); color:var(--bg); border-color:var(--text); }
.vault-links { display:flex; flex-wrap:wrap; gap:24px; padding-block:25px; font-size:14px; }
.collector-pass { margin:38px 0 0; border:1px solid var(--line); border-radius:14px; padding:28px; background:var(--surface); }
.pass-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }
.pass-heading h2 { margin:6px 0 20px; font-size:32px; }
.pass-count { font:40px var(--editorial-font); color:var(--accent); white-space:nowrap; }
.pass-count small { font:16px var(--font); color:var(--muted); }
progress { display:block; width:100%; height:7px; border:0; appearance:none; border-radius:20px; overflow:hidden; background:var(--soft); accent-color:var(--accent); }
progress::-webkit-progress-bar { background:var(--soft); border-radius:20px; }
progress::-webkit-progress-value { background:var(--accent); border-radius:20px; }
progress::-moz-progress-bar { background:var(--accent); border-radius:20px; }
.milestones { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px; margin:24px 0 15px; }
.milestone { display:flex; gap:10px; flex-direction:column; text-decoration:none; padding:14px; border:1px dashed var(--line); border-radius:9px; }
.milestone.complete { background:var(--tint); border-style:solid; border-color:transparent; }
.milestone strong { font-size:14px; display:block; } .milestone small { font-size:12px; color:var(--muted); display:block; margin-top:5px; }
.milestone-stamp { width:38px; height:38px; border:1px solid var(--line-strong); border-radius:50%; display:grid; place-items:center; font:14px var(--mono); }
.complete .milestone-stamp { color:var(--accent); border-color:var(--accent); }
.collector-pass>.fine { margin-bottom:0; }
.card-breadcrumb { display:flex; flex-wrap:wrap; gap:20px; color:var(--muted); font-size:14px; margin-bottom:30px; }
.card-detail-page { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:60px; align-items:start; }
.card-display { text-align:center; min-width:0; }
.large-card-art { height:600px; border-radius:14px; background:linear-gradient(145deg,var(--soft),var(--surface)); }
.card-display>.quiet { margin-top:15px; border:1px solid var(--line); padding:10px 18px; }
.card-information h1 { font-size:clamp(36px,4.5vw,58px); margin:12px 0; }
.card-subtitle { color:var(--muted); margin:0 0 18px; }
.card-badges { display:flex; gap:8px; flex-wrap:wrap; }
.card-badges .tag { text-transform:capitalize; }
.card-price { display:flex; flex-direction:column; gap:6px; margin:26px 0; }
.card-price>span,.card-price small { color:var(--muted); font-size:14px; }
.card-price strong { font-size:36px; font-weight:500; font-variant-numeric:tabular-nums; }
.card-primary-actions { display:flex; flex-wrap:wrap; gap:10px; }
.card-primary-actions .primary { min-width:180px; }
.card-secondary-actions { margin-top:26px; padding:18px 0; border-block:1px solid var(--line); }
.card-secondary-actions h3 { margin:0 0 10px; }
.card-secondary-actions .quiet { margin-right:10px; font-size:14px; min-height:40px; text-decoration:underline; text-underline-offset:4px; }
.card-facts { margin:25px 0; font-size:14px; }
.card-facts>div { display:flex; justify-content:space-between; gap:20px; padding:9px 0; }
.card-facts dt { color:var(--muted); } .card-facts dd { margin:0; text-align:right; overflow-wrap:anywhere; }
.collector-note { margin:20px 0; padding:16px 20px; border-left:3px solid var(--accent); background:var(--soft); }
.card-evidence { display:grid; grid-template-columns:1fr 1fr; gap:50px; border-top:1px solid var(--line); padding-top:32px; margin-top:50px; }
.card-evidence h2 { font-size:28px; }
.photo-dialog { width:min(1000px,calc(100vw - 24px)); }
.photo-inspector { max-height:65vh; overflow:auto; background:var(--soft); }
.photo-inspector img { display:block; width:100%; max-height:none; object-fit:contain; }
#photo-zoom { padding:0; }
/* The reveal changes presentation only. The server has already saved the award. */
.opening-dialog { width:min(880px,calc(100vw - 24px)); padding:28px 40px; }
.opening-dialog h2 { font-size:clamp(30px,4vw,44px); margin:12px 0; }
.opening-stage>p { max-width:500px; margin:14px auto; }
.sealed-pack { position:relative; width:100%; height:330px; padding:0; margin:20px auto; perspective:1000px; }
.sealed-pack img { position:absolute; inset:0; width:100%; height:100%; filter:drop-shadow(0 18px 20px #0002); }
.sealed-pack .pack-body { clip-path:inset(17% 0 0); }
.sealed-pack .pack-seal { clip-path:inset(0 0 83%); }
.is-revealing .sealed-pack .pack-seal { animation:slabss-seal 1100ms cubic-bezier(.2,.7,.2,1) forwards; }
.is-revealing .sealed-pack .pack-body { animation:slabss-pack 1100ms cubic-bezier(.2,.7,.2,1) forwards; }
.flip-scene { perspective:1400px; margin:20px auto; width:250px; max-width:100%; }
.flip-card { position:relative; transform-style:preserve-3d; overflow:hidden; border-radius:12px; animation:slabss-flip 800ms cubic-bezier(.16,.8,.2,1) both; box-shadow:0 16px 45px #0002; }
.flip-card .reveal-art { width:100%; height:350px; margin:0; border-radius:0; animation:none; box-shadow:none; }
.flip-card .reference-art>img { padding:0; }
.foil-sheen { pointer-events:none; position:absolute; inset:0; background:linear-gradient(115deg,transparent 28%,#fef5ca30 40%,#e7aaff30 48%,#a5edf930 53%,transparent 65%); transform:translateX(-130%); animation:slabss-foil 1300ms 600ms ease-out forwards; mix-blend-mode:screen; }
.reveal-facts { display:flex; justify-content:center; flex-wrap:wrap; gap:10px 24px; color:var(--muted); font-size:14px; margin-bottom:20px; }
.reveal-facts strong { color:var(--text); }
.skip-motion * { animation:none!important; }
@keyframes slabss-seal { 0%,15%{transform:translateY(0);opacity:1} 50%{transform:translateY(-30px) rotate(-6deg);opacity:1} 100%{transform:translateY(-90px) rotate(-12deg);opacity:0} }
@keyframes slabss-pack { 0%,20%{transform:rotateY(0);opacity:1} 55%{transform:translateY(8px) rotateY(-10deg);opacity:1} 100%{transform:translateY(65px) rotateY(18deg) scale(.9);opacity:0} }
@keyframes slabss-flip { from{transform:rotateY(-90deg) translateY(18px);opacity:0} to{transform:rotateY(0) translateY(0);opacity:1} }
@keyframes slabss-foil { to{transform:translateX(130%)} }
.finance-nav { display:flex; flex-wrap:wrap; align-items:center; gap:10px 24px; margin-bottom:30px; }
.finance-nav a { font-size:14px; text-decoration:none; border-bottom:2px solid transparent; padding:8px 0; }
.finance-nav a[aria-current] { border-color:var(--accent); }
.finance-nav>span { margin-left:auto; font:12px var(--mono); color:var(--muted); }
.finance-metrics { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-block:1px solid var(--line); gap:20px; padding:24px 0; margin:24px 0; }
.finance-metric { display:flex; flex-direction:column; gap:8px; min-width:0; }
.finance-metric>span { font-size:14px; color:var(--muted); }
.finance-metric>strong { font-size:clamp(24px,2.5vw,36px); font-weight:500; font-variant-numeric:tabular-nums; letter-spacing:-.04em; overflow-wrap:anywhere; }
.finance-metric>small { font-size:12px; color:var(--muted); }
.pool-dashboard { padding:28px; border:1px solid var(--line); border-radius:14px; background:var(--surface); margin-top:24px; }
.pool-title { display:flex; justify-content:space-between; gap:20px; align-items:center; }
.pool-title h2 { margin:8px 0 0; }
.pool-columns { display:grid; grid-template-columns:1.3fr 1fr; gap:40px; }
.utilization-panel>progress { margin:20px 0; height:10px; }
.pool-breakdown { margin:24px 0; }
.pool-breakdown>div { display:flex; justify-content:space-between; align-items:baseline; gap:20px; margin:14px 0; font-size:14px; }
.pool-breakdown span { color:var(--muted); }
.pool-position { padding:25px; background:var(--soft); border-radius:10px; }
.pool-position h3 { font-size:30px; font-weight:500; margin:10px 0; }
.pool-position .actions { display:flex; flex-direction:column; align-items:stretch; }
.metric-definition { font-size:14px; border-top:1px solid var(--line); padding-top:16px; }
.metric-definition summary { cursor:pointer; font-weight:600; }
.loan-position { border:1px solid var(--line); border-radius:12px; padding:25px; background:var(--surface); margin-bottom:20px; }
.loan-identity { display:flex; gap:20px; align-items:center; }
.loan-identity h3 { font-size:24px; margin:8px 0; }
.loan-identity p { margin:0; font-size:14px; }
.loan-art { width:80px; height:105px; flex:none; border-radius:6px; }
.loan-status { display:inline-block; font-size:12px; background:var(--soft); border-radius:20px; padding:4px 10px; text-transform:capitalize; }
.loan-status.attention { color:var(--accent); background:var(--tint); }
.loan-numbers { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; margin:24px 0; }
.loan-numbers>div,.loan-preview-grid>div { display:flex; flex-direction:column; gap:5px; }
.loan-numbers span,.loan-preview-grid span { font-size:14px; color:var(--muted); }
.loan-numbers strong { font-size:19px; font-weight:500; }
.loan-term { display:flex; align-items:center; gap:18px; margin-bottom:20px; font-size:14px; flex-wrap:wrap; }
.loan-term progress { flex:1; min-width:80px; } .loan-term strong { font-size:14px; font-weight:500; }
.borrow-preview { display:flex; flex-direction:column; gap:5px; margin-top:16px; }
.borrow-preview>span,.borrow-preview small { font-size:13px; color:var(--muted); }
.borrow-preview strong { font-size:25px; font-weight:500; }
.loan-preview-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:22px; background:var(--soft); border-radius:10px; margin:20px 0; }
.loan-preview-grid strong { font-size:25px; font-weight:500; }
@media(max-width:1050px) {
  .milestones { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .card-detail-page { gap:30px; } .large-card-art { height:500px; }
  .finance-metric>strong { font-size:26px; } .pool-columns { gap:24px; }
  .art { height:300px; }
}
@media(max-width:760px) {
  .card-detail-page,.card-evidence,.pool-columns { grid-template-columns:1fr; }
  .card-detail-page { gap:28px; } .large-card-art { height:480px; } .card-display { max-width:480px; width:100%; margin:auto; }
  .art { height:270px; } .large-card-art { height:480px; } .loan-art { width:72px; height:95px; }
  .pool-dashboard { padding:20px; } .pool-title { align-items:flex-start; flex-wrap:wrap; }
  .finance-metrics { grid-template-columns:1fr; gap:20px; } .finance-metric { padding-bottom:16px; border-bottom:1px solid var(--line); } .finance-metric:last-child { padding-bottom:0; border:0; }
  .finance-metric>strong { font-size:32px; }
  .collection-summary { gap:16px; grid-template-columns:repeat(2,minmax(0,1fr)); } .collection-summary>div:last-child { grid-column:1/-1; } .collection-summary strong { font-size:24px; }
  .milestones { grid-template-columns:repeat(2,minmax(0,1fr)); } .collector-pass { padding:20px; }
  .vault-toolbar { align-items:flex-start; flex-direction:column; }
  .loan-numbers { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .finance-nav { gap:10px 16px; } .finance-nav>span { width:100%; margin:0; }
  .card-evidence { gap:24px; } .welcome-card { flex-wrap:wrap; }
  .opening-dialog { padding:22px; } .sealed-pack { height:290px; } .flip-card .reveal-art { height:330px; }
}
@media(max-width:430px) {
  .layout aside { padding-inline:8px; } #nav { gap:0; } #nav a { font-size:12px; padding-inline:9px; } .nav-dot { display:none; } .nav-more summary { padding-inline:10px; font-size:12px; }
  .card .art { height:360px; } .card-body { padding:20px; } .large-card-art { height:410px; }
  .milestones { gap:10px; } .milestone { padding:12px; } .milestones .milestone:last-child { grid-column:1/-1; flex-direction:row; align-items:center; }
  .loan-position { padding:18px; } .loan-preview-grid { gap:16px; padding:18px; } .loan-preview-grid strong { font-size:22px; }
  .pool-breakdown>div { flex-wrap:wrap; gap:4px; } .pool-breakdown strong { margin-left:auto; }
  .flip-scene { width:220px; } .flip-card .reveal-art { height:310px; }
}
@media(prefers-reduced-motion:reduce) {
  .is-revealing .sealed-pack img,.flip-card,.foil-sheen { animation:none!important; }
}
.photo-inspector { height:65vh; }
.photo-inspector img { width:100%; height:100%; object-fit:contain; }
.loan-identity .loan-art { width:80px; height:105px; }
.card-display .large-card-art { height:clamp(360px,50vw,600px); }
@media(max-width:430px) {
  #nav a,#nav .nav-more summary { font-size:14px; padding-inline:7px; }
  #nav>a:first-child { display:none; }
  .more-links { width:230px; }
}

/* Long provider wallet addresses and order controls must fit small screens. */
.collector-crypt-page { min-width:0; }
.collector-crypt-page .code { overflow-wrap:anywhere; word-break:break-word; white-space:normal; }
.collector-crypt-page .panel { min-width:0; }
.collector-crypt-page .row { flex-wrap:wrap; }
.collector-crypt-page .price { white-space:normal; }