:root{--bg:#0a0205;--panel:#0f0307;--line:#412330;--line2:#301621;--tx:#f9eff2;--dim:#aa909a;--lime:#9bf03b;--crim:#e2484f;--vio:#a445ff}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 "Geist Variable",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--lime);text-underline-offset:3px}
.stage a{color:inherit}
.stage [lang=sux]{font-family:'Noto Sans Cuneiform','Segoe UI Historic','Noto Sans Cuneiform',serif}
.top,.plate,.foot{width:min(1120px,100% - 32px);margin-inline:auto}
.top{padding:32px 0 8px}
.crumbs{font:13px/1.4 "Courier New",ui-monospace,monospace;color:var(--dim);display:flex;flex-wrap:wrap;gap:8px}
.crumbs a{color:var(--dim)}.crumbs a:hover{color:var(--tx)}
h1{font-size:clamp(30px,5vw,52px);line-height:1.08;margin:18px 0 12px;font-weight:700;letter-spacing:-.01em}
.lede{max-width:64ch;color:var(--dim);margin:0 0 18px}
.legend{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;color:var(--dim)}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:8px;vertical-align:-1px;background:var(--tx)}
.legend .attested i{background:var(--lime)}.legend .invented i{background:var(--crim)}
.filters{display:flex;flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:5;padding:10px 0;background:linear-gradient(var(--bg) 70%,transparent)}
.filters button{font:inherit;font-size:14px;color:var(--dim);background:transparent;border:1px solid var(--line);border-radius:999px;padding:5px 14px;cursor:pointer}
.filters button b{font-weight:500;color:var(--tx);margin-left:4px}
.filters button:hover{border-color:var(--dim)}
.filters button[aria-pressed=true]{color:var(--bg);background:var(--lime);border-color:var(--lime)}
.filters button[aria-pressed=true] b{color:var(--bg)}
.plate{margin-block:0 56px}
.plate[hidden]{display:none}
.frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:6px;--s:.5}
.stage{position:absolute;left:0;top:0;width:1920px;height:1080px;transform:scale(var(--s));transform-origin:0 0}
figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:14px;row-gap:4px;padding:14px 2px 0;align-items:baseline}
.no{font:600 14px/1 "Courier New",ui-monospace,monospace;color:var(--dim);text-decoration:none;grid-row:span 2;padding-top:5px}
.no:hover{color:var(--lime)}
.tag{display:none}
figcaption h2{font-size:20px;line-height:1.3;margin:0;font-weight:650}
figcaption p{margin:0;grid-column:2;color:#d8c8ce;max-width:78ch}
.signs{grid-column:2;list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.signs li{font-size:13.5px;line-height:1.4;color:var(--dim);border:1px solid var(--line2);border-radius:6px;padding:4px 9px}
.signs b{font:600 13px/1 "Courier New",ui-monospace,monospace;color:var(--tx)}
.signs i{font-style:normal;font-size:12px;margin-left:4px}
.signs .attested b,.signs .attested i{color:var(--lime)}
.signs .invented b,.signs .invented i{color:var(--crim)}
.foot{display:flex;justify-content:space-between;padding:8px 0 48px;font-size:14px}
.ns{text-align:center;color:var(--dim)}
@media (max-width:640px){figcaption{grid-template-columns:1fr}.no{grid-row:auto;padding:0}figcaption p,.signs{grid-column:1}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}