:root{--nc-ink:#14221c;--nc-paper:#f7f3ea;--nc-leaf:#0e5a38;--nc-leaf-ink:#f7f3ea;--nc-gold:#8a5a12;--nc-clay:#7a3328;--nc-line:#d9d0c2;--nc-space-1:.25rem;--nc-space-2:.5rem;--nc-space-3:.75rem;--nc-space-4:1rem;--nc-space-5:1.5rem;--nc-space-6:2rem;--nc-font-display:Palatino, "Palatino Linotype", "Iowan Old Style", Georgia, serif;--nc-font-body:"Segoe UI", "Helvetica Neue", sans-serif;--nc-radius:.75rem;color:var(--nc-ink);background:var(--nc-paper);font-family:var(--nc-font-body)}body{margin:0}.skip{left:var(--nc-space-4);top:var(--nc-space-4);background:var(--nc-ink);color:var(--nc-paper);padding:var(--nc-space-2) var(--nc-space-3);position:absolute;transform:translateY(-150%)}.skip:focus{transform:none}.brand-lockup{align-items:center;gap:var(--nc-space-3);display:flex}.brand-mark{flex:none;width:2.5rem;height:2.5rem}h1,h2{font-family:var(--nc-font-display)}button,input,select{font:inherit}button{min-height:44px;padding:var(--nc-space-2) var(--nc-space-3);background:var(--nc-leaf);color:var(--nc-leaf-ink);border-radius:var(--nc-radius);border:0}button:disabled{background:var(--nc-line);color:var(--nc-ink)}input,select{box-sizing:border-box;width:100%;margin-top:var(--nc-space-1);min-height:44px;display:block}label{margin-bottom:var(--nc-space-3);display:block}:focus-visible{outline:3px solid var(--nc-gold);outline-offset:2px}main{max-width:76rem;padding:var(--nc-space-4);overflow-wrap:anywhere;margin:0 auto}section{margin-top:var(--nc-space-5);padding-top:var(--nc-space-4);border-top:1px solid var(--nc-line)}.district-loading{color:var(--nc-paper);background:#14221ceb}@media (width<=700px){main{padding:var(--nc-space-3)}h1{font-size:1.6rem}}body{background:var(--nc-paper);margin:0}.gate,.room,.lagos{box-sizing:border-box;max-width:32rem;min-height:100vh;margin:0 auto;padding:2.5rem 0 3rem}.gate h1,.room h1,.lagos h1{letter-spacing:-.03em;font-size:clamp(2.4rem,8vw,4.2rem);line-height:.95}.choice-row{flex-wrap:wrap;gap:.75rem;display:flex}.choice-row>button{flex:8rem}button.choice{color:var(--nc-ink);border:1px solid var(--nc-line);background:0 0}button.choice[aria-pressed=true]{background:var(--nc-leaf);color:var(--nc-leaf-ink);border-color:var(--nc-leaf)}.avatar-figure{width:7.5rem;height:auto;display:block}.room-stage{background:linear-gradient(#d5ebf3,#d5ebf3) 14% 16%/36% 28% no-repeat,linear-gradient(#f3eadc 0%,#e4d0b0 100%);border-radius:1.25rem;place-items:end center;min-height:18rem;margin:1rem 0 1.25rem;display:grid;position:relative;overflow:hidden}.room-stage:before{content:"";box-sizing:border-box;border:8px solid #f7f3ea;width:36%;height:28%;position:absolute;top:16%;left:14%}button.door{width:100%;min-height:3.25rem;font-size:1.05rem}.lagos-list{gap:.6rem;margin:1rem 0;padding:0;list-style:none;display:grid}.lagos-list li{border:1px solid var(--nc-line);background:#fffdf8;border-radius:.9rem;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .9rem;display:flex}.lagos-list li button{flex:100%}.lagos-list li[data-playable=yes]{border-color:var(--nc-leaf);background:#f3f8f4}.map-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}main{max-width:76rem;margin:0 auto;padding:1.5rem}h1{margin:.2rem 0 .8rem;font-size:2rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;font-size:.75rem}.district{width:min(100vw - 2rem,72rem);margin:1.5rem auto;position:relative}.district-stage{position:relative}.district canvas{touch-action:none;width:100%;height:min(70vh,32rem);display:block}.district-toolbar,.touch-pad{flex-wrap:wrap;align-items:end;gap:.75rem;display:flex}.district-loading{color:#f4efe6;background:#121618d1;align-content:center;justify-items:center;gap:.75rem;display:grid;position:absolute;inset:0}.district-loading progress{width:min(16rem,80%)}.touch-pad{margin-top:.75rem}.attribution{font-size:.85rem}@media (pointer:fine) and (width>=800px){.touch-pad{display:none}}form{gap:.75rem;margin:1rem 0;display:grid}label{gap:.25rem;display:grid}input,select,button{font:inherit;min-height:44px}.skip{position:absolute;top:.75rem;left:.75rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}section{margin:1.5rem 0}.life-hud{gap:.75rem;display:grid}.life-needs,.life-actions,.life-move,.life-clothes{flex-wrap:wrap;gap:.75rem;margin:0;padding:0;display:flex}.life-needs label{flex:12rem}.life-hud meter{width:100%}.life-hud button,.jobs button,.business button,.guide button,.people button,.touch-pad button{min-height:44px;padding:.4rem .8rem}.people ul{padding-left:1.2rem}.life-clothes{list-style:none}@media (width<=480px){main{padding:.75rem}.district canvas{height:min(42vh,18rem)}.life-needs label{flex-basis:100%}}