/* Afterdark Archives: dashboard + key pages clean-up (Creative's DESIGN-SPEC, Oct 20, 2026).
   Additive and reversible: remove this file's <link> to go back. */
:root{--s1:8px;--s2:16px;--s3:24px;--s4:32px;--frame:#5a141a;--panel:#141212;--bar:#46080c;--red:#c8141e}
/* no Arial: form controls inherit the page font */
input,button,select,textarea{font:inherit}

/* one window frame */
.pbox,.win,.box{border-color:var(--frame)}
.pbox-h,.win-title{background:var(--bar);font-family:var(--f-term,monospace);font-size:18px;min-height:28px}

/* ---------- /join: one form at a time ---------- */
.join-one{grid-template-columns:minmax(0,560px)!important;justify-content:center}
.join-one[data-view="signup"] .join-login{display:none}
.join-one[data-view="login"]>section:first-child{display:none}
.join-one[data-view="login"] .join-rules{display:none}
.join-one[data-view="rules"] .join-login #login,
.join-one[data-view="rules"] .join-login #li-h,
.join-one[data-view="rules"] .join-login .join-swap,
.join-one[data-view="rules"] .join-login .win-title{display:none}
.join-swap{font-size:.95rem;color:var(--ash,#aaa);margin:var(--s1) 0 0}

/* ---------- /home dashboard: 4-col rail + 8-col main ---------- */
.dash{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--s3);align-items:start;max-width:1120px;margin-inline:auto}
.dash-rail,.dash-main{display:grid;gap:var(--s3);min-width:0}
.dash-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3);align-items:stretch}
.dash-pair>*{margin:0;min-width:0}
.dash-pair:has(>:only-child){grid-template-columns:minmax(0,1fr)}
.dash-stuff .qlinks{grid-template-columns:repeat(2,minmax(0,1fr))}
.dash-url{margin:var(--s1) 0 0}
.dash-bring{display:grid;gap:var(--s2)}
.dash-bring[hidden]{display:none}
.dash .pbox,.dash .box{margin:0}
.welcome .row .btn:not(.ghost){background:var(--red);border-color:var(--red)}
@media (max-width:900px){
  .dash{grid-template-columns:minmax(0,1fr);gap:var(--s2);padding-inline:var(--s2)}
  .dash-main{order:-1}            /* phones: getting started first */
  .dash-rail .dash-card{order:-1}
  .dash-pair{grid-template-columns:minmax(0,1fr)}
}

/* ---------- / and /#crypt ---------- */
.hero-link{align-self:center;color:var(--bone,#fff);text-decoration:underline;font-family:var(--f-term,monospace);font-size:1.2rem}
#crypt>.win-title{display:none}                 /* repeated the H1 right below */
.ticker .run.one{animation:none;display:block;text-align:center}
.more-strip{display:flex;flex-wrap:wrap;gap:var(--s1);align-items:center;margin-block:var(--s3);font-family:var(--f-term,monospace)}
.more-strip .more-h{color:var(--ash,#aaa);font-size:1.1rem;margin-right:var(--s1)}
.b88{display:inline-flex;align-items:center;justify-content:center;width:88px;height:31px;border:1px solid var(--frame);background:var(--panel);color:var(--bone,#fff);text-decoration:none;font-size:15px;line-height:1;text-align:center}
.b88:hover{border-color:var(--red)}

/* ---------- mail / bulletins rows ---------- */
.tlist tr{height:48px}

/* ---------- lounge: welcome + séance compact ---------- */
.s3-seance{padding-block:var(--s1)}
/* lounge mobile: grid column was sized by the H1, causing sideways scroll */
.lounge .win-body{grid-template-columns:minmax(0,1fr)}
.lounge .win-body>*{min-width:0}
.lounge h1{overflow-wrap:anywhere}
/* house-ad banners shrink on phones instead of pushing the page sideways */
.ad-zone{grid-template-columns:minmax(0,1fr)!important;max-width:100%}
.ad-spot{max-width:100%;box-sizing:border-box}
.ad-spot img,.ad-spot canvas{max-width:100%;height:auto}
body:has(#lounge) .s3-rsvp-shop{display:none}   /* lounge: house-ad slot is the one promo */

/* ---------- dashboard v2 (Oct 20): grouped sections, one card grid ---------- */
.dash-v2 .dash-main{gap:var(--s4)}
.dash-sec{display:grid;gap:var(--s2);min-width:0}
.dash-h{font-family:var(--font-main);font-weight:700;font-size:1.05rem;text-transform:uppercase;letter-spacing:.06em;color:var(--bone,#fff);margin:0;padding-bottom:6px;border-bottom:2px solid var(--red)}
.dash-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:var(--s2);align-items:start}
.dash-grid>*{margin:0;min-width:0}
.dash-grid>[hidden]{display:none}
.dash-count{list-style:none;margin:0 0 var(--s2);padding:0;display:grid}
.dash-count li{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s2);padding:7px 0;border-bottom:1px dotted var(--frame)}
.dash-count li:last-child{border-bottom:0}
.dash-count b{font-variant-numeric:tabular-nums;min-width:2.5ch;text-align:right;color:var(--ash,#aaa)}
.dash-count b.hot{color:var(--red)}
.dash-v2 .pbox-b>p.muted{margin:0 0 var(--s2)}
.dash-v2 .row{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s2);align-items:center}
.dash-v2 .tlist{width:100%;table-layout:fixed}
.dash-v2 .tlist td.subj{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dash-sec#dash-shop .pbox,.dash-sec#dash-settings .pbox{opacity:.92}
@media (max-width:600px){
  .dash-v2{padding-inline:12px}
  .dash-v2 .tlist td.dt{display:none}
  .dash-v2 .people{grid-template-columns:repeat(3,minmax(0,1fr))}
}
.dash-adwrap{display:block!important;margin:0 0 var(--s2)}
.dash-adwrap>.dash-adslot{display:block;min-width:0}
.mod-v2{display:grid;gap:var(--s4)}
.mod-v2 .dash-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr))}
/* live fixes Oct 20 (/~archive_demo): readable button text on red; the code always shows */
.btn:not(.ghost),.space .btn:not(.ghost){color:#fff}
.ada-shop b{color:inherit!important;font-weight:700;display:inline!important;visibility:visible!important;font-family:var(--font-main)}
.space .name,.space .bl-h,.space h1,.space h2,.space h3{font-family:var(--p-font,var(--font-main))}

/* ---------- nostalgia5 (Oct 20): buddy list, chains, desk, mix CD. CSS only, no images ---------- */
.n5-buddy{position:fixed;right:12px;bottom:12px;z-index:50;width:220px;max-width:calc(100vw - 24px);background:#0b0909;border:1px solid var(--frame);box-shadow:0 6px 24px rgba(0,0,0,.6);font-family:var(--font-main);font-size:14px}
.n5-bh{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--bar);color:#fff;border:0;padding:6px 10px;font-weight:700;cursor:pointer}
.n5-buddy.min .n5-bb{display:none}
.n5-bb{padding:8px 10px;max-height:min(50vh,360px);overflow:auto}
.n5-me{margin:0 0 6px;font-size:13px}
.n5-grp{margin:4px 0;font-weight:700;color:#ffd400;font-size:13px}
.n5-b{display:flex;gap:6px;align-items:center;padding:3px 0;color:var(--bone,#fff);text-decoration:none}
.n5-b:hover{text-decoration:underline}
.n5-dot{width:8px;height:8px;border-radius:50%;background:#3c3;flex:none}
.n5-b.away .n5-dot{background:#fc3}
.n5-snd{display:flex;gap:6px;align-items:center;margin-top:8px;font-size:12px;color:var(--ash,#aaa)}
.n5-up{font-size:13px;overflow-wrap:anywhere}
.n5-prompt{font-weight:700;font-size:1.1rem;margin:0}
.n5-form{display:grid;gap:8px;margin:10px 0}
.n5-form textarea{width:100%;box-sizing:border-box}
.n5-form input[type=file]{max-width:100%;font-size:13px}
.n5-note{font-size:12px;margin:0}
.n5-feed{display:grid;gap:10px;margin-top:10px}
.n5-post{border-top:1px dotted var(--frame);padding-top:8px}
.n5-post img{display:block;max-width:100%;max-height:260px;object-fit:cover;border:1px solid var(--frame)}
.n5-by{margin:0 0 4px;font-size:13px}
.n5-case{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start;background:linear-gradient(135deg,#1a1416,#0b0909);border:1px solid #3a3034;padding:12px;border-radius:3px}
.n5-disc{width:96px;height:96px;border-radius:50%;background:radial-gradient(circle,#0b0909 0 10%,#bbb 11% 13%,transparent 14%),conic-gradient(from 30deg,#d9d9e0,#9ad,#e9c,#ddd,#9cf,#e9e9ef,#d9d9e0);box-shadow:inset 0 0 0 1px #888}
.n5-title{margin:0 0 6px;font-weight:700;font-style:italic}
.n5-tracks{margin:0;padding-left:1.4em;font-size:14px;line-height:1.5}
.n5-tracks a{color:inherit}
.n5-ed{display:grid;gap:6px;margin-top:10px}
.n5-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
.n5-row input,.n5-ed>input{min-width:0;width:100%;box-sizing:border-box}
.n5-modlist{display:grid;gap:10px}
@media (max-width:600px){.n5-buddy{width:180px;font-size:13px}.n5-case{grid-template-columns:64px minmax(0,1fr)}.n5-disc{width:64px;height:64px}.n5-row{grid-template-columns:minmax(0,1fr)}}
/* profile name: sized to fit the id box so short names never split; break-word only breaks a name longer than the whole line */
.space .name{font-size:clamp(1.5rem,2.2vw + .6rem,2.4rem);overflow-wrap:break-word;word-break:normal;hyphens:none;min-width:0}