:root{color:#493b31;font-synthesis:none;--ink:#493b31;--muted:#78695b;--accent:#b55f43;--accent-2:#4f7770;--paper:#fffaf0;--line:color-mix(in srgb, var(--ink) 22%, transparent);background:#f2eee4;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.rex-chrome-frame{--rex-chrome-bg:color-mix(in srgb, var(--paper) 94%, transparent);--rex-chrome-ink:inherit;--rex-chrome-line:currentColor;--rex-chrome-accent:color-mix(in srgb, currentColor 14%, transparent)}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.landing{background-position:50%;background-size:cover;min-height:100vh;position:relative}.landing:before{content:"";inset:var(--rex-chrome-height,66px) 0 0;background:linear-gradient(90deg, color-mix(in srgb, var(--paper) 94%, transparent) 0 40%, color-mix(in srgb, var(--paper) 62%, transparent) 62%, transparent);-webkit-backdrop-filter:brightness(1.08)saturate(.98);backdrop-filter:brightness(1.08)saturate(.98);position:absolute}.hero{z-index:2;width:min(720px,62vw);padding:clamp(4rem,9vh,8rem) clamp(1.4rem,5vw,5.5rem);position:relative}.hero p,article>p,.lab>p,.decision>p,.drawer>p{color:var(--accent-2);letter-spacing:.14em;font-size:.67rem;font-weight:700}.hero h1{text-transform:uppercase;letter-spacing:-.045em;margin:.5rem 0;font-size:clamp(2.6rem,6vw,6.6rem);line-height:.9}.hero h2{max-width:720px;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:520;line-height:1.45}.thesis{border-left:3px solid var(--accent);color:var(--muted);max-width:680px;padding:.8rem 1rem;line-height:1.55}.modes{grid-template-columns:repeat(3,1fr);gap:.65rem;margin-top:1.8rem;display:grid}.modes button,.condition-grid button,.method-grid button{border:1px solid var(--line);background:color-mix(in srgb, var(--paper) 88%, transparent);text-align:left;cursor:pointer;padding:1rem}.modes b,.modes span{display:block}.modes b{color:var(--accent-2);letter-spacing:.07em;font-size:.72rem}.modes span{color:var(--muted);margin-top:.5rem;font-size:.78rem;line-height:1.35}.stage{min-height:calc(100vh - var(--rex-chrome-height,66px) - 66px);grid-template-columns:minmax(0,1fr) minmax(330px,42%);display:grid;position:relative;overflow:hidden}.scene{min-height:calc(100vh - var(--rex-chrome-height,66px) - 66px);filter:brightness(1.08)saturate(.98);background-position:50%;background-size:cover}article,.lab,.decision{background:color-mix(in srgb, var(--paper) 95%, transparent);padding:clamp(2rem,5vw,5rem);overflow:auto}article h2,.lab h3,.decision h3,.drawer h2{margin:.6rem 0 1rem;font-size:clamp(1.8rem,3vw,3.5rem);line-height:.98}article>span,.lab>small,.decision>small{color:var(--muted);line-height:1.6;display:block}.epistemic-grid{grid-template-columns:1fr 1fr;gap:.7rem;margin-top:1.4rem;display:grid}.epistemic-grid small,.method-card span{border-top:1px solid var(--line);padding-top:.7rem;line-height:1.45}.epistemic-grid b,.method-card b{color:var(--accent);letter-spacing:.08em;margin-bottom:.3rem;font-size:.64rem;display:block}.state-rail{background:color-mix(in srgb, var(--paper) 91%, transparent);border:1px solid var(--line);grid-template-columns:repeat(4,minmax(90px,1fr));max-width:calc(58% - 2rem);display:grid;position:absolute;bottom:1rem;left:1rem}.state-rail span{border-right:1px solid var(--line);padding:.65rem}.state-rail i,.state-rail b{font-style:normal;display:block}.state-rail i{color:var(--muted);letter-spacing:.08em;font-size:.52rem}.state-rail b{margin-top:.28rem;font-size:.67rem}nav{border-top:1px solid var(--line);background:var(--paper);min-height:66px;display:flex}nav>button,nav div button{border:0;border-right:1px solid var(--line);cursor:pointer;background:0 0;min-width:44px}nav div{flex:1;grid-template-columns:repeat(14,1fr);display:grid}nav div button.active{background:var(--accent);color:var(--paper)}.decision button{border:1px solid var(--line);cursor:pointer;text-align:left;background:0 0;justify-content:space-between;width:100%;margin-top:.65rem;padding:1rem;display:flex}.condition-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin:1rem 0;display:grid}.condition-grid i,.condition-grid b{font-style:normal;display:block}.condition-grid i{color:var(--muted);font-size:.62rem}.condition-grid b{margin-top:.35rem}.lab output{border-left:3px solid var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent);padding:1rem;line-height:1.45;display:block}.record{border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;margin-top:1rem;padding:.8rem 1rem}.method-grid{flex-wrap:wrap;gap:.35rem;margin:1rem 0;display:flex}.method-grid button[aria-pressed=true]{background:var(--accent);color:var(--paper)}.method-card{gap:.8rem;display:grid}.trace{z-index:8;background:var(--ink);max-width:70vw;color:var(--paper);letter-spacing:.05em;padding:.7rem 1rem;font-size:.68rem;position:fixed;bottom:78px;left:1rem}.drawer{background:var(--paper);z-index:30;width:min(620px,94vw);box-shadow:-18px 0 42px color-mix(in srgb, var(--ink) 18%, transparent);padding:1.5rem;position:fixed;inset:0 0 0 auto;overflow-y:auto}.drawer>button{float:right;border:1px solid var(--line);cursor:pointer;background:0 0;padding:.65rem}.drawer-note{color:var(--muted);border-left:3px solid var(--accent);margin-bottom:1rem;padding:.8rem;line-height:1.5}.drawer a{color:var(--ink);border-top:1px solid var(--line);gap:.25rem;padding:1rem 0;text-decoration:none;display:grid}.drawer a i{color:var(--accent-2);letter-spacing:.09em;font-size:.62rem}.drawer a span{color:var(--muted);line-height:1.4}.drawer a strong{color:var(--accent);margin-right:.45rem;font-size:.62rem}@media (width<=900px){.hero{width:100%}.landing:before{background:color-mix(in srgb, var(--paper) 84%, transparent)}.modes,.stage{grid-template-columns:1fr}.scene{min-height:48vh}.state-rail{grid-column:1;grid-template-columns:1fr 1fr;max-width:none;position:static}nav div{display:flex;overflow-x:auto}nav div button{min-width:44px;min-height:48px}}@media (width<=560px){.modes,.epistemic-grid,.condition-grid{grid-template-columns:1fr}.hero{padding-top:3rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}@media (width>=901px){.stage{height:calc(100vh - var(--rex-chrome-height,66px) - 66px)}.stage>.scene{min-height:0}}:root{--premium-accent:#965034}.premium-skip{z-index:40;color:#493b31;background:#fffaf0;padding:.8rem;position:absolute;top:1rem;left:1rem;transform:translateY(-220%)}.premium-skip:focus{transform:none}.premium-live{clip-path:inset(50%)!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.premium-stage{isolation:isolate}.premium-stage>.scene{z-index:0}.premium-stage>article{z-index:4}.premium-stage .premium-transcript{border-block:1px solid var(--line);z-index:4;background:#fffaf0;grid-column:1/-1;padding:1rem;position:relative}.premium-transcript summary{cursor:pointer;font-weight:700}.premium-transcript p{max-width:90ch;line-height:1.65}.premium-stage .state-rail{z-index:4;grid-column:1/-1;max-width:none;position:relative;bottom:auto;left:auto}.city-metabolism{color:#493b31;background:#f5efdf;max-width:1500px;margin:auto;padding:clamp(1rem,4vw,3.5rem);overflow:hidden}.city-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.city-heading p{letter-spacing:.14em;color:#4f7770;font-size:.7rem}.city-heading h2{margin:.3rem 0;font-size:clamp(1.8rem,4vw,3rem)}.city-metabolism button{color:#493b31;cursor:pointer;background:#fffaf0;border:1px solid #9e8975;border-radius:4px;min-height:44px;padding:.7rem 1rem}.city-metabolism button:disabled{opacity:.6;cursor:default}.city-boundary{border-left:3px solid #b55f43;max-width:100ch;padding-left:1rem;line-height:1.6}.city-system-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;margin-top:1.5rem;display:grid}.city-system-grid>div{min-width:0}.city-metabolism h3{margin:1rem 0 .5rem;font-size:1rem}.city-metabolism p{line-height:1.6}.city-flow-text{border-top:1px solid #c9bca7;padding-top:.8rem}.city-mechanism{background:#e8dfc8;border:1px solid #c3b293;border-radius:6px;width:100%;height:auto;max-height:250px;display:block;overflow:hidden}.city-mechanism text{fill:#493b31;font:12px system-ui}.city-mechanism .phase-label{font-size:9px}.city-mechanism path{fill:none;stroke:#87624c;stroke-width:3px}.city-mechanism rect{fill:#b8845f;stroke:#785441;stroke-width:1px}.city-mechanism .earth-bank{stroke:#b6ad83;stroke-width:27px}.city-mechanism .moving-water{stroke:#3c7a80;stroke-width:8px;stroke-dasharray:15 7;animation:canal-delivery var(--flow-duration) linear infinite}.city-mechanism .old-channel{stroke:#a39778;stroke-dasharray:5 4}.city-mechanism .drain{stroke:#567b76;stroke-width:5px}.city-mechanism .crop{stroke:#777c3d}.city-mechanism .clay-sickle{fill:#b97750;stroke:#835236;transform-origin:90px 50px;animation:3s ease-in-out infinite alternate sickle-cut}.city-mechanism .grain-basket{animation:4s ease-in-out infinite alternate grain-transfer}.city-mechanism .store-building{fill:#d5bc91}.city-mechanism .courtyard{fill:#cbb78e}.city-mechanism .reserve{fill:#7d8f57}.city-mechanism .brick-course{animation:3s ease-in-out infinite alternate brick-place;animation-delay:calc(var(--course)*-.4s)}.city-mechanism .potter-wheel{transform-origin:85px 68px;fill:none;stroke:#967050;stroke-width:3px;animation:5s linear infinite wheel-turn}.city-mechanism .loom{stroke:#826448;stroke-width:5px}.city-mechanism .weft{stroke:#897756;animation:3s ease-in-out infinite alternate weft-pass}.city-mechanism .bowl{fill:#b69570}.city-mechanism .context-link{stroke-dasharray:3 4;animation:3s ease-in-out infinite alternate context-check}.city-mechanism .clay-tablet{fill:#cf9e72}.city-mechanism .seal-roll{animation:4s ease-in-out infinite alternate seal-pass}.city-mechanism .seal-mark,.city-mechanism .tablet-mark{stroke:#754d35;animation:3s ease-in-out infinite alternate mark-press}.city-mechanism .cargo-boat{fill:#aa815c;animation:5s ease-in-out infinite alternate cargo-drift}.city-mechanism .timber{stroke-width:6px}.city-mechanism .work-house{fill:#7c926c}.city-mechanism .work-institution{fill:#b17d54}.city-mechanism .work-house,.city-mechanism .work-institution{animation:4s ease-in-out infinite alternate work-shift}.city-mechanism .stratum{fill:#c8aa7f;animation:4s ease-in-out infinite alternate layer-separate;animation-delay:calc(var(--course)*-.5s)}.city-mechanism .archive-gap{stroke:#f5efdf;stroke-width:14px;stroke-dasharray:7 5}.city-mechanism .dependency-link{stroke:#678780;stroke-dasharray:8 5;animation:6s linear infinite canal-delivery}.city-mechanism .dependency-node{fill:#b88a5e;stroke:#765235;stroke-width:2px}.city-metabolism[data-flow=constrained] .moving-water{stroke-dasharray:4 18;stroke-width:4px}.city-node-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid}.city-node{background:#fffaf0;border:1px solid #c4b399;border-radius:4px;padding:.8rem}.city-node[data-active=true]{border:2px solid #4f7770}.city-node span,.city-node strong{display:block}.city-node strong{margin:.4rem 0;font-size:1.4rem}.city-node meter{accent-color:#4f7770;width:100%;height:14px}.city-costs{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.city-costs div{border-top:1px solid #bdae94;padding:.6rem}.city-costs dt{font-size:.8rem}.city-costs dd{margin:.3rem 0;font-weight:700}.city-choices,.interpretive-decision{border:1px solid #baaa91;margin:1.5rem 0;padding:1rem}.city-choices legend,.interpretive-decision legend{font-weight:700}.city-choices label,.interpretive-decision label{cursor:pointer;background:#fffaf0;align-items:flex-start;gap:.7rem;min-height:44px;margin:.5rem 0;padding:.8rem;display:flex}.city-choices input,.interpretive-decision input{accent-color:#4f7770;flex:none;width:20px;height:20px}.city-choices small{margin-top:.4rem;line-height:1.5;display:block}.city-time{flex-wrap:wrap;gap:.6rem;display:flex}.city-time p{width:100%;margin-top:.3rem;font-size:.88rem}.city-consequence,.city-reflection{background:#fffaf0;border-left:4px solid #4f7770;margin:1rem 0;padding:1rem}.city-ledger summary{cursor:pointer;min-height:44px;padding:.7rem 0;font-weight:700}.city-ledger li{border-bottom:1px solid #c4b399;padding:.6rem}.city-storage{padding:0 1rem;font-size:.8rem}.trace{max-width:none;margin:1rem;line-height:1.6;position:static}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #24636b!important}@keyframes canal-delivery{to{stroke-dashoffset:-44px}}@keyframes sickle-cut{to{transform:rotate(14deg)}}@keyframes grain-transfer{to{transform:translate(50px)}}@keyframes brick-place{to{transform:translateY(-5px)}}@keyframes wheel-turn{to{transform:rotate(360deg)}}@keyframes weft-pass{to{transform:translateY(5px)}}@keyframes context-check{to{stroke-dashoffset:7px}}@keyframes seal-pass{to{transform:translate(55px)}}@keyframes mark-press{to{stroke-width:5px}}@keyframes cargo-drift{to{transform:translate(25px)}}@keyframes work-shift{to{transform:translateY(4px)}}@keyframes layer-separate{to{transform:translateY(3px)}}.city-metabolism[data-paused=true] .city-mechanism *{animation-play-state:paused!important}@media (width<=760px){.city-system-grid{grid-template-columns:1fr}.city-heading{flex-direction:column;align-items:flex-start}.city-mechanism{max-height:none}.city-metabolism{padding:1rem}.premium-transcript{width:100%}.interpretive-decision{padding:.6rem}.stage>article{padding:1.2rem}nav{flex-wrap:wrap}nav div{min-width:0}.city-costs{font-size:.9rem}}@media (prefers-reduced-motion:reduce){.city-mechanism *{transition:none!important;animation:none!important}*,:before,:after{scroll-behavior:auto!important}}.material-city{background:#fff9e9;border:1px solid #bbaa8c;border-radius:6px;margin:1.3rem 0;padding:1rem}.material-city svg{background:#eee3c9;width:100%;max-width:900px;height:auto;margin:auto;display:block}.material-city text{fill:#493b31;font:12px system-ui}.material-city path{fill:none;stroke:#826748;stroke-width:2px}.material-city .canal-bed{stroke:#b9ad81;stroke-width:25px}.material-city .material-water{stroke:#457d81;stroke-width:9px;stroke-dasharray:17 5;animation:canal-delivery var(--flow-duration) linear infinite}.material-city .closed-inlet{stroke:#ab9470;stroke-dasharray:3 9;stroke-width:6px}.material-city .irrigated-field{fill:#9aaa69;stroke:#788752}.material-city .dry-field{fill:#d9c898;stroke:#ab9769}.material-city .salt-crust{stroke:#f8f4e7;stroke-width:3px}.material-city .maintained-drain{stroke:#548179;stroke-width:5px}.material-city .blocked-drain{stroke:#b09a73;stroke-dasharray:4 7;stroke-width:5px}.material-city .store-wall,.material-city .house-wall,.material-city .workshop-wall{fill:#e2cba5;stroke:#9a7954;stroke-width:3px}.material-city .stored-basket{fill:#b59448;stroke:#866b3c}.material-city .craft-wheel{fill:#bf996d;stroke:#886446;stroke-width:2px}.material-city .tool-stock{stroke:#785134}.material-city .house-reserve{fill:#7c945c}.material-city .record-clay{fill:#cca071;stroke:#9a714d}.material-city .qualified-mark{stroke:#704932;stroke-width:3px}.material-city .unresolved-mark{stroke:#855f42;stroke-dasharray:2 4}.material-city .silt-backlog{fill:#b39b76}.material-city .material-transfer{stroke:#977b49;stroke-dasharray:3 5;animation:5s linear infinite canal-delivery}.city-metabolism[data-flow=constrained] .material-water{stroke-dasharray:4 20}.city-map-key{margin-bottom:0;font-size:.86rem}.city-metabolism[data-paused=true] .material-city *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.material-city *{animation:none!important}}@media (width<=500px){.material-city{padding:.5rem}.material-city svg{min-height:220px}.city-map-key{font-size:.8rem}}.material-viewport{overscroll-behavior-inline:contain;max-width:100%;overflow-x:auto}.material-viewport svg{min-width:560px}.material-viewport:focus-visible{outline-offset:2px;outline:3px solid #24636b}.city-comparison{background:#ece1c9;border:1px solid #c4b399;padding:1rem}.city-comparison dl>div{border-top:1px solid #ddd0b9;justify-content:space-between;gap:1rem;padding:.4rem 0;display:flex}.city-comparison dd{white-space:nowrap;margin:0}.city-comparison h4{min-height:3rem;line-height:1.5}@media (width<=500px){.city-comparison .city-node-grid{grid-template-columns:1fr}}.recording-status{z-index:4;color:#6e4c36;background:#fffaf0;grid-column:1/-1;margin:0;padding:1rem;font-size:.8rem;position:relative}.rex-chrome-frame{--rex-chrome-bg:#080e12eb;--rex-chrome-ink:#f1f5f3;--rex-chrome-line:#f1f5f338;--rex-chrome-accent:#f1f5f31f;--rex-chrome-active-ink:inherit;z-index:90;isolation:isolate;position:relative}.rex-chrome{background:var(--rex-chrome-bg);min-height:52px;color:var(--rex-chrome-ink);border-bottom:1px solid var(--rex-chrome-line);letter-spacing:.16em;z-index:2;grid-template-columns:1fr auto 1fr;align-items:stretch;font:700 10px/1 system-ui,-apple-system,Segoe UI,sans-serif;display:grid;position:relative}.rex-chrome a,.rex-chrome button{min-height:44px;color:inherit;font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;text-decoration:none}.rex-chrome-home{white-space:nowrap;grid-auto-flow:column;justify-self:start;place-items:center;gap:.5em;padding:0 16px;display:grid}.rex-chrome-brand{text-align:center;white-space:nowrap;align-content:center;justify-items:center;gap:3px;padding:7px 16px;display:grid}.rex-chrome-brand b{letter-spacing:.14em;font-size:14px;font-weight:700}.rex-chrome-brand-action{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}button.rex-chrome-brand:hover{background:var(--rex-chrome-accent)}.rex-chrome-brand span{letter-spacing:.2em;opacity:.74;font-size:8px}.rex-chrome-more,.rex-chrome-inline{justify-self:end;align-items:stretch;display:grid}.rex-chrome-more>summary{cursor:pointer;place-items:center;min-height:44px;padding:0 18px;font-size:15px;list-style:none;display:grid}.rex-chrome-more>summary::-webkit-details-marker{display:none}.rex-chrome-more[open]>summary{background:var(--rex-chrome-accent)}.rex-chrome-more:not([open]) .rex-chrome-menu{display:none}.rex-chrome-frame:has(.rex-chrome-more[open]){z-index:101}.rex-chrome-menu{z-index:3;background:var(--rex-chrome-bg);border:1px solid var(--rex-chrome-line);border-top:0;min-width:max-content;display:grid;position:absolute;top:100%;right:0}.rex-chrome-more[open]+*,.rex-chrome-menu{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.rex-chrome-inline{grid-auto-flow:column}.rex-chrome-action{text-align:right;border-top:1px solid var(--rex-chrome-line);padding:0 18px}.rex-chrome-inline .rex-chrome-action{border-top:0;border-left:1px solid var(--rex-chrome-line);text-align:center}.rex-chrome-menu .rex-chrome-action:first-child{border-top:0}.rex-chrome-action[aria-pressed=true]{background:var(--rex-chrome-accent);color:var(--rex-chrome-active-ink)}.rex-chrome-action[disabled]{opacity:.45;cursor:not-allowed}.rex-chrome-modes{z-index:1;background:var(--rex-chrome-bg);color:var(--rex-chrome-ink);border-bottom:1px solid var(--rex-chrome-line);grid-auto-columns:1fr;grid-auto-flow:column;display:grid;position:relative}.rex-chrome-modes button{border:0;border-right:1px solid var(--rex-chrome-line);min-height:42px;color:inherit;letter-spacing:.14em;cursor:pointer;background:0 0;margin:0;padding:0 12px;font:700 9px/1 system-ui,-apple-system,Segoe UI,sans-serif}.rex-chrome-modes button:last-child{border-right:0}.rex-chrome-modes button[role=tab]{min-height:44px}.rex-chrome-modes button[aria-pressed=true],.rex-chrome-modes button[aria-selected=true]{background:var(--rex-chrome-accent);color:var(--rex-chrome-active-ink)}.rex-chrome :focus-visible,.rex-chrome-modes :focus-visible{outline-offset:-3px;outline:2px solid}@media (width<=560px){.rex-chrome{letter-spacing:.12em;min-height:48px;font-size:8px}.rex-chrome-home{padding:0 10px}.rex-chrome-brand{padding:6px 8px}.rex-chrome-brand b{font-size:11px}.rex-chrome-brand span{font-size:7px}.rex-chrome-more>summary,.rex-chrome-action{padding:0 12px}.rex-chrome-modes button{letter-spacing:.1em;padding:0 5px;font-size:7px}}@media (prefers-reduced-motion:reduce){.rex-chrome-frame *{transition:none!important;animation:none!important}}