:root{
  --archive-parchment:#E8D9B5;
  --ink-chamber:#17120E;
  --oxide-red:#A1372F;
  --verdigris-green:#2F6F5E;
  --caucus-blue:#253E6A;
  --brass-pin:#C29A45;
  --carbon-copy-gray:#6F746E;
  --paper-shadow:rgba(23,18,14,.58);
}
/* Typography compliance: IBM Plex Mono only in tiny quantities for revision IDs; Source Serif 4** for wiki article excerpts. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink-chamber)}
body{margin:0;color:var(--archive-parchment);font-family:"Source Serif 4",serif;background:radial-gradient(circle at 20% 10%,rgba(194,154,69,.12),transparent 28rem),radial-gradient(circle at 90% 50%,rgba(47,111,94,.16),transparent 32rem),var(--ink-chamber);overflow-x:hidden}
.archive-noise{position:fixed;inset:0;pointer-events:none;z-index:10;opacity:.18;background-image:linear-gradient(90deg,rgba(232,217,181,.08) 1px,transparent 1px),linear-gradient(rgba(232,217,181,.05) 1px,transparent 1px);background-size:17px 19px;mix-blend-mode:overlay}
.room-rail{position:fixed;right:1.15rem;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:.8rem;font-family:Commissioner,sans-serif;text-transform:uppercase;font-size:.62rem;letter-spacing:.15em}
.rail-mark{width:.72rem;height:.72rem;border-radius:50%;background:var(--carbon-copy-gray);box-shadow:0 0 0 1px var(--archive-parchment);color:var(--archive-parchment);text-decoration:none;position:relative;transition:.35s}
.rail-mark span{position:absolute;right:1.1rem;top:-.25rem;opacity:0;white-space:nowrap;background:rgba(23,18,14,.82);padding:.25rem .45rem;border:1px solid rgba(232,217,181,.22)}
.rail-mark:hover span,.rail-mark.active span{opacity:1}.rail-mark.active{background:var(--brass-pin);box-shadow:0 0 22px var(--brass-pin)}
.room{min-height:100vh;position:relative;padding:6rem 7vw;isolation:isolate;overflow:hidden;border-bottom:1px solid rgba(232,217,181,.12)}
.chapter-label{font-family:Commissioner,sans-serif;color:var(--brass-pin);letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;margin-bottom:1.4rem}.chapter-label:after{content:"";display:block;width:13rem;height:1px;background:linear-gradient(90deg,var(--brass-pin),transparent);margin-top:.7rem}
.chamber-table{display:grid;place-items:center;padding:3rem;min-height:105vh}.oak-table{position:absolute;inset:5% 10%;border-radius:48% 52% 44% 56%/6% 7% 8% 6%;background:linear-gradient(90deg,rgba(194,154,69,.08),rgba(23,18,14,.1)),repeating-linear-gradient(90deg,#24170f 0 24px,#1a100b 25px 52px);box-shadow:0 1rem 5rem #000 inset,0 0 0 2px rgba(194,154,69,.14);transform:perspective(900px) rotateX(54deg);transform-origin:center;z-index:-2}
.parchment-map{width:min(820px,72vw);min-height:390px;background:var(--archive-parchment);color:var(--ink-chamber);padding:3.5rem 4rem;position:relative;box-shadow:0 2.5rem 5rem rgba(0,0,0,.5),inset 0 0 5rem rgba(161,55,47,.08);clip-path:polygon(2% 0,96% 3%,100% 92%,88% 100%,4% 96%,0 12%)}
.parchment-map:before,.folio-stack:before,.poster:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(23,18,14,.035) 0 1px,transparent 1px 7px),radial-gradient(circle at 35% 20%,rgba(194,154,69,.18),transparent 12rem);pointer-events:none}
.jurisdiction-lines{position:absolute;inset:1.5rem;background:linear-gradient(35deg,transparent 48%,rgba(47,111,94,.22) 49%,rgba(47,111,94,.22) 50%,transparent 51%),linear-gradient(115deg,transparent 55%,rgba(37,62,106,.2) 56%,rgba(37,62,106,.2) 57%,transparent 58%);border:1px dashed rgba(23,18,14,.22)}
.archive-stamp,.revision-id{font-family:"IBM Plex Mono",monospace;color:var(--oxide-red);letter-spacing:.08em;font-size:.72rem}.parchment-map h1{font-family:"Cormorant Garamond",serif;font-size:clamp(4rem,12vw,10rem);line-height:.8;margin:2rem 0 1rem;text-shadow:0 2px rgba(194,154,69,.6);letter-spacing:-.06em}.lead{font-size:1.35rem;max-width:34rem;position:relative}.seal-fragment{position:absolute;right:3rem;bottom:2rem;width:8rem;height:8rem;border:12px double var(--oxide-red);border-radius:50%;opacity:.45;animation:sealTurn 18s linear infinite}
.thread-field{position:absolute;inset:0;z-index:2;pointer-events:none}.thread{fill:none;stroke-width:3;stroke-dasharray:1200;stroke-dashoffset:1200;animation:drawThread 3s ease forwards}.thread.red{stroke:var(--oxide-red)}.thread.green{stroke:var(--verdigris-green);animation-delay:.4s}.thread.blue{stroke:var(--caucus-blue);animation-delay:.8s}.thread.brass{stroke:var(--brass-pin);animation-delay:1.1s}
.floating-fragment{position:absolute;background:rgba(232,217,181,.94);color:var(--ink-chamber);padding:1rem 1.1rem;width:14rem;box-shadow:0 1rem 2rem rgba(0,0,0,.4);font-family:Commissioner,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;transform:rotate(var(--r));border-left:5px solid var(--oxide-red)}.floating-fragment span{display:block;font-family:"Source Serif 4",serif;text-transform:none;letter-spacing:0;font-size:.86rem;margin-top:.35rem}.fragment-a{--r:-8deg;left:8%;top:16%}.fragment-b{--r:6deg;right:8%;top:18%;border-color:var(--caucus-blue)}.fragment-c{--r:9deg;left:9%;bottom:12%;border-color:var(--verdigris-green)}.fragment-d{--r:-5deg;right:7%;bottom:12%}.pin{position:absolute;width:1.1rem;height:1.1rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3,var(--brass-pin) 40%,#6b4616);z-index:3;animation:pinDrop .8s ease both}.pin-a{left:23%;top:23%;animation-delay:.2s}.pin-b{right:22%;top:25%;animation-delay:.55s}.pin-c{left:22%;bottom:21%;animation-delay:.85s}.pin-d{right:20%;bottom:20%;animation-delay:1.1s}.dossier-tab{position:absolute;bottom:2rem;left:50%;transform:translateX(-50%);font-family:Commissioner,sans-serif;text-transform:uppercase;letter-spacing:.16em;color:var(--brass-pin);font-size:.72rem}
.constitution-palimpsest{background:linear-gradient(115deg,rgba(232,217,181,.04),transparent 35%),var(--ink-chamber)}.folio-stack{position:relative;max-width:720px;min-height:430px;margin:3rem 0 0 8vw}.clause-page{position:absolute;inset:0;background:var(--archive-parchment);color:var(--ink-chamber);padding:3rem;box-shadow:1.3rem 1.3rem 0 rgba(111,116,110,.28),0 2rem 4rem rgba(0,0,0,.38);transform:translateX(var(--shift,0)) rotate(var(--turn,0deg));opacity:.18;transition:.6s;clip-path:polygon(0 0,92% 0,100% 9%,97% 100%,3% 96%)}.clause-page:nth-child(2){--shift:24px;--turn:2deg}.clause-page:nth-child(3){--shift:48px;--turn:-1deg}.clause-page:nth-child(4){--shift:72px;--turn:3deg}.clause-page.active{opacity:1;transform:translateX(0) rotate(-1deg);z-index:4}.clause-page h2,.faction-map h2,.revision-desk h2{font-family:"Cormorant Garamond",serif;font-size:clamp(2.6rem,6vw,5.6rem);line-height:.9;margin:.8rem 0 1.2rem}.clause-page p{font-size:1.5rem;line-height:1.45}.clause-page mark{background:var(--oxide-red);color:var(--archive-parchment);padding:.25rem .45rem;font-family:Commissioner,sans-serif;text-transform:uppercase;font-size:.7rem}.scrub-panel{position:absolute;right:8vw;top:27%;width:18rem;background:rgba(232,217,181,.08);border:1px solid rgba(194,154,69,.45);padding:1.3rem;font-family:Commissioner,sans-serif;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem}.scrub-panel input{width:100%;accent-color:var(--oxide-red);margin:1rem 0}.era-readout{font-family:"IBM Plex Mono",monospace;font-size:2.5rem;color:var(--brass-pin)}.margin-notes{position:absolute;right:10vw;bottom:12%;max-width:24rem;color:var(--archive-parchment);font-size:1.15rem;border-left:3px solid var(--oxide-red);padding-left:1rem}.margin-notes span{color:var(--oxide-red);font-family:Commissioner,sans-serif;font-weight:800}
.faction-map{background:radial-gradient(circle at center 70%,rgba(47,111,94,.22),transparent 24rem),var(--ink-chamber)}.faction-map h2{max-width:900px}.chamber-arc{position:relative;width:min(760px,88vw);height:360px;margin:3rem auto;border-bottom:10px double var(--brass-pin);border-radius:0 0 430px 430px}.seat{position:absolute;width:54px;height:54px;border-radius:50%;border:3px solid var(--archive-parchment);box-shadow:0 0 0 8px rgba(232,217,181,.06);cursor:pointer;transition:.45s}.seat.green{background:var(--verdigris-green)}.seat.blue{background:var(--caucus-blue)}.seat.red{background:var(--oxide-red)}.seat.brass{background:var(--brass-pin)}.seat:hover,.seat.active{transform:scale(1.35);box-shadow:0 0 35px currentColor}.seat:nth-child(1){left:7%;bottom:15%;}.seat:nth-child(2){left:17%;bottom:38%;}.seat:nth-child(3){left:31%;bottom:55%;}.seat:nth-child(4){left:45%;bottom:62%;}.seat:nth-child(5){right:31%;bottom:55%;}.seat:nth-child(6){right:17%;bottom:38%;}.seat:nth-child(7){right:7%;bottom:15%;}.seat:nth-child(8){left:47%;bottom:20%;}.ideology-ribbon{margin:2rem auto;width:min(880px,88vw);display:flex;align-items:center;gap:1rem;background:var(--archive-parchment);color:var(--ink-chamber);padding:1rem 1.4rem;clip-path:polygon(0 18%,96% 0,100% 82%,4% 100%);font-family:Commissioner,sans-serif;text-transform:uppercase;letter-spacing:.15em}.ideology-ribbon i{height:3px;flex:1;background:linear-gradient(90deg,var(--oxide-red),var(--verdigris-green),var(--caucus-blue));transition:.2s}.seat-note{text-align:center;font-size:1.35rem;color:var(--brass-pin)}
.public-square-wall{background:linear-gradient(rgba(23,18,14,.25),rgba(23,18,14,.9)),repeating-linear-gradient(90deg,#271b14 0 110px,#20150f 111px 220px)}.poster-wall{position:relative;min-height:560px}.poster{position:absolute;background:var(--archive-parchment);color:var(--ink-chamber);padding:2rem;box-shadow:0 1.5rem 3rem rgba(0,0,0,.45);width:min(340px,78vw)}.poster h3{font-family:Commissioner,sans-serif;font-size:1.9rem;line-height:1;margin:0 0 1rem}.poster p{font-size:1.1rem}.notice{left:8%;top:10%;transform:rotate(-5deg)}.protest{left:37%;top:2%;transform:rotate(4deg);border:8px solid var(--oxide-red)}.minutes{right:9%;top:28%;transform:rotate(-3deg);border-left:12px solid var(--caucus-blue)}.redaction-strip{position:absolute;left:23%;bottom:15%;background:var(--oxide-red);color:var(--ink-chamber);font-family:"IBM Plex Mono",monospace;padding:.8rem 1.2rem;transform:rotate(2deg);font-weight:600}.footnote-tongue{position:absolute;left:8%;bottom:10%;background:var(--brass-pin);color:var(--ink-chamber);border:0;padding:1rem 1.4rem;font-family:Commissioner,sans-serif;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}.unfolded-note{position:absolute;left:8%;bottom:2%;max-width:640px;background:var(--archive-parchment);color:var(--ink-chamber);padding:1.3rem 1.8rem;font-size:1.35rem;transform-origin:top;transform:scaleY(0);transition:.45s}.unfolded-note.open{transform:scaleY(1)}
.treaty-drawer{background:radial-gradient(circle at 80% 30%,rgba(37,62,106,.35),transparent 30rem),var(--ink-chamber)}.drawer-case{width:min(440px,85vw);float:left;margin-right:5vw}.drawer{background:linear-gradient(90deg,rgba(232,217,181,.95),rgba(232,217,181,.78));color:var(--ink-chamber);margin:1rem 0;padding:1.4rem 2rem;border-left:12px solid var(--brass-pin);box-shadow:1rem 1rem 0 rgba(0,0,0,.22);transform:translateX(0);transition:.5s}.drawer.open,.drawer:hover{transform:translateX(3rem)}.drawer span{font-family:Commissioner,sans-serif;font-weight:800;letter-spacing:.16em}.treaty-map{width:min(850px,92vw);margin-top:2rem;filter:drop-shadow(0 2rem 2rem rgba(0,0,0,.35))}.treaty-map polygon{fill:rgba(232,217,181,.1);stroke:var(--archive-parchment);stroke-width:2}.treaty-map .route{fill:none;stroke:var(--caucus-blue);stroke-width:6;stroke-dasharray:14 10;animation:routeMarch 1.4s linear infinite}.treaty-map circle{fill:var(--brass-pin)}
.revision-desk{background:linear-gradient(180deg,rgba(232,217,181,.06),transparent),var(--ink-chamber)}.carbon-table{max-width:1000px;background:rgba(232,217,181,.9);color:var(--ink-chamber);box-shadow:1.2rem 1.2rem 0 rgba(111,116,110,.45);font-family:Commissioner,sans-serif}.row{display:grid;grid-template-columns:.8fr 2.2fr 1.3fr 1fr;border-bottom:1px solid rgba(23,18,14,.25)}.row span{padding:1rem;border-right:1px solid rgba(23,18,14,.16)}.row.header{background:var(--carbon-copy-gray);color:var(--archive-parchment);text-transform:uppercase;letter-spacing:.12em;font-size:.75rem}.revision-desk blockquote{font-family:"Cormorant Garamond",serif;font-size:clamp(2.8rem,6vw,6rem);line-height:.95;color:var(--brass-pin);max-width:820px;margin:5rem 0 0}
@keyframes drawThread{to{stroke-dashoffset:0}}@keyframes sealTurn{to{transform:rotate(360deg)}}@keyframes pinDrop{from{transform:translateY(-80px) scale(1.8);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes routeMarch{to{stroke-dashoffset:-24}}
@media (max-width:800px){.room{padding:5rem 1.2rem}.room-rail{display:none}.parchment-map{width:92vw;padding:2rem}.floating-fragment{position:relative;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;margin:.6rem;width:calc(100% - 1.2rem)}.scrub-panel,.margin-notes{position:relative;right:auto;top:auto;bottom:auto;margin:2rem 0}.poster{position:relative;left:auto!important;right:auto!important;top:auto!important;margin:1rem auto}.row{grid-template-columns:1fr}.drawer-case{float:none}.chamber-arc{height:300px}.seat{width:42px;height:42px}}