/* V6.3 DUAL_SURFACE — public front extras + workspace ops chrome */
/* —— Sign-in CTA on public topbar —— */
.wt-signin{
  font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;
  padding:8px 14px;border-radius:999px;text-decoration:none;
  color:#1a1408;background:linear-gradient(135deg,var(--gold-bright),var(--gold));
  box-shadow:0 4px 14px var(--gold-glow);border:0;
}
.wt-signin:hover{filter:brightness(1.06)}
.wt-public-nav{display:flex;gap:14px;align-items:center;margin-right:8px}
.wt-public-nav a{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-decoration:none}
.wt-public-nav a:hover{color:var(--gold-bright)}

/* —— Public gallery grid (sell density) —— */
.gallery-sell{margin:8px 0 28px}
.gallery-sell .gs-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:14px}
.gallery-sell .gs-head h2{font-family:var(--font-serif);font-size:clamp(24px,2.6vw,30px);margin:0;font-weight:600}
.gallery-sell .gs-head p{margin:0;font-size:13px;color:var(--muted);max-width:42ch}
.gallery-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;
}
.gallery-grid .g-cell{
  position:relative;border-radius:16px;overflow:hidden;min-height:160px;
  border:1px solid var(--glass-border);background:#120e12;
}
.gallery-grid .g-cell.tall{grid-row:span 2;min-height:340px}
.gallery-grid .g-cell.wide{grid-column:span 2}
.gallery-grid .g-cell img{width:100%;height:100%;object-fit:cover;display:block;min-height:160px}
.gallery-grid .g-cell .cap{
  position:absolute;left:0;right:0;bottom:0;padding:12px 14px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.85));
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright);
}
.sell-band{
  margin:0 0 28px;padding:28px;border-radius:22px;
  border:1px solid var(--glass-border);
  background:
    linear-gradient(120deg, color-mix(in oklab, var(--accent) 18%, transparent), rgba(0,0,0,.4)),
    #0c0a0c;
  display:grid;grid-template-columns:1.2fr .8fr;gap:20px;align-items:center;
}
.sell-band h2{font-family:var(--font-serif);font-size:clamp(26px,3vw,36px);margin:0 0 10px;color:var(--gold-bright)}
.sell-band p{margin:0 0 16px;color:var(--muted);line-height:1.55;max-width:48ch}
.sell-band .sell-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.sell-band .sell-stats span{
  font-size:11px;letter-spacing:.1em;text-transform:uppercase;
  padding:8px 12px;border-radius:12px;border:1px solid var(--glass-border);background:var(--glass);color:var(--ink);
}
.sell-band .sell-vis{border-radius:18px;overflow:hidden;border:1px solid var(--gold-dim);min-height:200px}
.sell-band .sell-vis img{width:100%;height:100%;object-fit:cover;display:block;min-height:200px}
.mascot-strip{
  display:flex;gap:12px;overflow:auto;padding:4px 0 20px;margin:0 0 8px;
}
.mascot-strip .ms-card{
  flex:0 0 140px;border-radius:16px;border:1px solid var(--glass-border);
  background:rgba(255,255,255,.03);padding:10px;text-align:center;
}
.mascot-strip .ms-card img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:12px;margin-bottom:8px}
.mascot-strip .ms-card b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-bright)}
.mascot-strip .ms-card span{font-size:10px;color:var(--muted)}

@media (max-width:1100px){
  .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gallery-grid .g-cell.wide{grid-column:span 1}
  .sell-band{grid-template-columns:1fr}
}

/* —— WORKSPACE OPS (back surface) —— */
body.ws-v63{margin:0;background:#070608;color:var(--ink);font-family:var(--font-sans)}
.ws-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}
.ws-rail{
  position:sticky;top:0;align-self:start;height:100vh;overflow:auto;
  padding:18px 14px;background:linear-gradient(180deg,#0e0c10,#070608);
  border-right:1px solid var(--glass-border);display:flex;flex-direction:column;gap:4px;
}
.ws-rail .ws-brand{display:block;text-decoration:none;color:inherit;margin-bottom:14px}
.ws-rail .ws-brand b{display:block;font-family:var(--font-serif);font-size:18px;color:var(--gold-bright)}
.ws-rail .ws-brand small{display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.ws-rail nav a{
  display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:10px;
  font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-decoration:none;
}
.ws-rail nav a:hover,.ws-rail nav a.is-active{color:var(--gold-bright);background:var(--gold-glow)}
.ws-rail .ws-back{
  margin-top:auto;padding:10px 12px;border-radius:12px;text-align:center;text-decoration:none;
  border:1px solid var(--glass-border);color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;
}
.ws-rail .ws-back:hover{color:var(--gold-bright);border-color:var(--gold-dim)}
.ws-main{min-width:0;display:flex;flex-direction:column}
.ws-top{
  position:sticky;top:0;z-index:20;height:54px;display:flex;align-items:center;gap:12px;padding:0 20px;
  background:rgba(8,7,10,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);
}
.ws-top .chip{font-size:10px;letter-spacing:.12em;text-transform:uppercase;padding:5px 10px;border-radius:999px;border:1px solid var(--glass-border);color:var(--muted)}
.ws-top .chip.ops{color:#1a1408;background:linear-gradient(135deg,#c9a227,#e8c547);border:0;font-weight:700}
.ws-top .spacer{flex:1}
.ws-body{padding:22px 24px 56px}
.ws-hero{
  border-radius:20px;padding:26px 28px;margin-bottom:18px;
  border:1px solid var(--glass-border);
  background:linear-gradient(135deg,rgba(201,162,39,.12),rgba(0,0,0,.35));
}
.ws-hero .ey{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 8px}
.ws-hero h1{font-family:var(--font-serif);font-size:clamp(28px,3.2vw,40px);margin:0 0 8px;color:var(--gold-bright)}
.ws-hero p{margin:0;color:var(--muted);max-width:60ch;line-height:1.5}
.ws-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.ws-grid-2{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-bottom:14px}
.ws-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}
.ws-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.ws-card{
  border-radius:16px;border:1px solid var(--glass-border);padding:16px 18px;
  background:rgba(255,255,255,.03);
}
.ws-card h3{font-family:var(--font-serif);font-size:18px;margin:0 0 8px}
.ws-card p{margin:0;font-size:13px;color:var(--muted);line-height:1.45}
.ws-card .tag{display:inline-block;margin-top:10px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.ws-desk{min-height:140px}
.ws-desk .desk-k{font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}
.pkg-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--glass-border);font-size:13px}
.pkg-row:last-child{border-bottom:0}
.pkg-total{font-family:var(--font-serif);font-size:28px;color:var(--gold-bright);margin:12px 0 4px}
.conn-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.conn-list .conn{
  display:flex;align-items:center;justify-content:space-between;gap:8px;
  padding:10px 12px;border-radius:12px;border:1px solid var(--glass-border);background:rgba(0,0,0,.25);
}
.conn-list .conn b{font-size:13px}
.conn-list .conn span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.conn-list .conn .st{color:var(--gold)}
.chan-pill{
  border-radius:14px;padding:14px;border:1px solid var(--glass-border);background:rgba(0,0,0,.28);min-height:110px;
}
.chan-pill .n{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}
.chan-pill b{display:block;font-size:15px;margin-bottom:6px}
.chan-pill p{margin:0;font-size:12px;color:var(--muted);line-height:1.4}
.ws-legal{margin-top:28px;font-size:11px;color:rgba(255,255,255,.55);line-height:1.45;max-width:80ch}

/* Demo gate */
.ws-gate{
  position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;
  background:rgba(4,3,6,.88);backdrop-filter:blur(10px);padding:20px;
}
.ws-gate[hidden]{display:none!important}
.ws-gate .box{
  width:min(420px,100%);border-radius:20px;padding:28px;border:1px solid var(--gold-dim);
  background:linear-gradient(160deg,#141018,#0a080c);text-align:center;
}
.ws-gate h2{font-family:var(--font-serif);font-size:26px;margin:0 0 8px;color:var(--gold-bright)}
.ws-gate p{margin:0 0 16px;font-size:13px;color:var(--muted);line-height:1.5}
.ws-gate input{
  width:100%;box-sizing:border-box;padding:12px 14px;border-radius:12px;border:1px solid var(--glass-border);
  background:#0a080c;color:var(--ink);margin-bottom:12px;font-size:14px;
}
.ws-gate button{
  width:100%;padding:12px;border:0;border-radius:999px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
  background:linear-gradient(135deg,var(--gold-bright),var(--gold));color:#1a1408;cursor:pointer;
}
.ws-gate .hint{margin-top:12px;font-size:11px;color:var(--muted)}
.ws-gate a{color:var(--gold)}

@media (max-width:900px){
  .ws-shell{grid-template-columns:1fr}
  .ws-rail{position:relative;height:auto}
  .ws-grid-2,.ws-grid-3,.ws-grid-4{grid-template-columns:1fr}
}

/* V6.4 cartoon avatar + sparse identity proof */
.id-proof{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:8px;background:rgba(0,0,0,.55);border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:4px 10px 4px 4px;text-decoration:none;color:#eee;font-size:11px;z-index:3}
.id-proof img{width:28px;height:28px;border-radius:50%;object-fit:cover}
.ws-avatar{display:flex;gap:10px;margin:0 0 12px}
.ws-avatar img{width:64px;height:64px;border-radius:16px;object-fit:cover;border:1px solid rgba(255,255,255,.12);background:#111}
.world-v64 .hc-vis .portrait{object-fit:cover}