:root{--bg: #14120e;--ink: #e8e2d5;--dim: #9a917d;--accent: #b7a97f;--rule: #2c2820;--card: #1a1712}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;line-height:1.55}main{max-width:1080px;margin:0 auto;padding:4rem 2rem 6rem}header.masthead{margin-bottom:3.5rem}h1{font-size:1.05rem;font-weight:400;letter-spacing:.42em;text-transform:uppercase;color:var(--accent)}.sub{color:var(--dim);font-size:.9rem;margin-top:.5rem;font-style:italic}section{margin-bottom:4rem;border-top:1px solid var(--rule);padding-top:2rem}h2{font-size:.8rem;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--dim);margin-bottom:.4rem}.caption{color:var(--dim);font-size:.92rem;max-width:60ch;margin-bottom:1.6rem}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.tile{background:var(--card);border:1px solid var(--rule);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.tile svg{max-width:100%;height:auto}.tile .name{font-size:.85rem;letter-spacing:.08em}.tile .meta{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.68rem;color:var(--dim);text-align:center}.tile .roles{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.row{display:flex;flex-wrap:wrap;gap:2rem;align-items:flex-start}.figure{background:var(--card);border:1px solid var(--rule);padding:1.2rem;flex:1 1 320px}.figure figcaption{color:var(--dim);font-size:.8rem;margin-top:.8rem}.figure svg{max-width:100%;height:auto;display:block}.status{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.75rem;padding:.5rem .8rem;border:1px solid var(--rule);display:inline-block;margin-bottom:1.2rem}.status.ok{color:#9dbb8f}.status.bad{color:#c98a7d}.picker{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.4rem}.pick{background:var(--card);color:var(--dim);border:1px solid var(--rule);padding:.45rem .85rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.72rem;letter-spacing:.04em;cursor:pointer}.pick:hover{color:var(--ink)}.pick.active{color:var(--accent);border-color:var(--accent)}
