:root{font-family:Trebuchet MS,Verdana,sans-serif;color:#f2e6c9;background:#222a20;font-synthesis:none;font-size:14px;--panel: #1f251fed;--gold: #e3bd6b;--muted: #bcbda6;--edge: #776c46;--shadow: 0 3px 0 #10170e99, 0 8px 24px #111b1840, inset 0 1px 0 #ddc69022}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent}button:disabled{cursor:default;opacity:.45}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #ffe19a;outline-offset:3px}h1,h2,h3,p{margin:0}h2,h3{font-weight:800}small,.eyebrow{font-size:11px;letter-spacing:.65px}.eyebrow{font-weight:800;color:var(--gold)}canvas{image-rendering:pixelated}.observatory{height:100dvh;min-height:440px;overflow:hidden;position:relative;background:#79824a}.world-canvas{position:absolute;inset:0;touch-action:none;cursor:grab}.world-canvas:active{cursor:grabbing}.world-canvas>canvas{display:block;width:100%;height:100%}.world-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 120px #162a2250;background:linear-gradient(#17201644,transparent 22%,transparent 78%,#17201655)}.masthead{position:absolute;inset:18px 20px auto;display:flex;align-items:flex-start;gap:24px;z-index:5;pointer-events:none}.identity{display:flex;align-items:center;gap:10px;text-shadow:2px 3px 0 #242c1e;padding-top:5px;min-width:275px}.brand-mark{font-size:43px;color:var(--gold);line-height:1}.identity h1{font-size:24px;letter-spacing:1px;color:#fff0c8;font-weight:900}.identity p{font-size:10px;letter-spacing:2px;color:#e5dfc1;margin-top:4px}.world-stats{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 auto;padding:12px 20px;background:var(--panel);border:2px solid var(--edge);border-radius:8px;box-shadow:var(--shadow);pointer-events:auto}.world-stats>div{display:flex;flex-direction:column;gap:4px}.world-stats small{color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:700}.world-stats strong{font-size:19px;font-weight:800;white-space:nowrap}.world-stats em{font-size:12px;font-style:normal;color:#b3ac8e}.world-stats .divider{height:30px;border-left:1px solid #887d4e70}.world-stats .climate strong{font-size:15px}.year-progress{appearance:none;width:170px;height:4px;border:0;background:#111b12}.year-progress::-webkit-progress-bar{background:#111b12}.year-progress::-webkit-progress-value{background:#e3bd6b}.year-progress::-moz-progress-bar{background:#e3bd6b}.live-indicator{margin:8px 0 0 auto;padding:11px 13px;background:var(--panel);border:1px solid #6c714d;border-radius:7px;box-shadow:var(--shadow);font-size:11px;font-weight:800;white-space:nowrap;display:flex;align-items:center;gap:8px}.live-indicator i{width:8px;height:8px;border-radius:50%;background:#c69b5c}.live-indicator.connected i{background:#b4d674;box-shadow:0 0 0 3px #a3cc5130}.valley-label{position:absolute;top:104px;left:26px;pointer-events:none;text-shadow:1px 2px 2px #24341d}.valley-label>span{font-size:10px;letter-spacing:2px;color:#fff0bf;font-weight:800}.valley-label h2{font-size:28px;margin:5px 0;color:#fff4d4}.valley-label p{font-size:12px;color:#fff0d1}.resource-pouch{display:flex;gap:16px;background:#20281ed9;border:1px solid #847746;box-shadow:var(--shadow);padding:10px 13px;border-radius:6px;margin-top:15px;text-shadow:none;font-size:11px}.resource-pouch span{color:#cfc9aa}.resource-pouch b{color:#ffdda0;font-size:14px}.chronicle,.inspector,.history-panel{position:absolute;background:var(--panel);border:2px solid var(--edge);box-shadow:var(--shadow);border-radius:8px}.chronicle{top:105px;right:20px;width:280px;padding:15px 16px 9px}.section-title{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:11px;letter-spacing:1px;font-weight:800;margin-bottom:5px}.fine-line{flex:1;height:1px;background:#a1956640}.event{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;padding:12px 0;border-bottom:1px solid #b0a57525}.event-symbol{display:grid;place-items:center;color:#e9bf70;background:#50452e;border:1px solid #817045;border-radius:5px;width:29px;height:29px;font-size:19px;flex-shrink:0}.event small{display:block;font-size:10px;color:#bfbda1;letter-spacing:0;margin-bottom:4px}.event small span{text-transform:capitalize}.event strong{font-size:12px;line-height:1.45;font-weight:600}.event:hover strong{color:#ffdc96}.text-button{display:flex;justify-content:space-between;width:100%;padding:12px 0 5px;font-size:12px;color:#f0ce87;font-weight:700;text-align:left}.text-button:hover{color:#fff}.camera-controls{position:absolute;right:220px;bottom:44px;display:flex;flex-direction:column;gap:6px;z-index:3}.camera-controls button,.viewer-controls button,.restore-ui{display:grid;place-items:center;background:#293125ed;border:2px solid #8c7c4c;border-radius:6px;box-shadow:var(--shadow);color:#ffe3a0;width:42px;min-height:40px;font-size:22px}.camera-controls button:hover,.viewer-controls button:hover{background:#56553b;transform:translateY(-1px)}.minimap{position:absolute;right:20px;bottom:26px;width:190px;border:2px solid #9d8a50;border-radius:8px;background:#22291fea;padding:8px;box-shadow:var(--shadow);z-index:3}.minimap-heading{display:flex;justify-content:space-between;font-size:10px;color:#e9d193;margin-bottom:7px}.minimap>button{display:block;width:100%;padding:0;border:1px solid #96854b;overflow:hidden;border-radius:3px}.minimap canvas{width:100%;height:auto;display:block}.map-guide{position:relative;font-size:10px;color:#cfcdb2;margin-top:7px}.map-guide summary{cursor:pointer;list-style:none}.map-guide p{position:absolute;bottom:22px;right:0;width:250px;background:#222b20;border:2px solid #9d8a50;border-radius:6px;padding:14px;font-size:12px;line-height:1.6;box-shadow:var(--shadow)}.bottom-bar{position:absolute;bottom:30px;left:20px;right:285px;display:flex;align-items:flex-end;justify-content:flex-start;gap:18px;pointer-events:none;z-index:5}.people-list{display:flex;gap:5px;align-items:center;min-width:0;max-width:770px;padding:8px;border:2px solid #877746;border-radius:8px;background:var(--panel);box-shadow:var(--shadow);pointer-events:auto}.people-list>.eyebrow{padding:0 5px;font-size:10px;line-height:1.6}.person-button{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;width:60px;min-width:58px;height:84px;padding:4px 7px;background:linear-gradient(#5e6540,#303a2a);border:1px solid #737849;border-bottom:3px solid #101c14;border-radius:5px;gap:3px;font-size:11px;font-weight:800}.person-button canvas{margin-top:-3px}.person-button:hover,.person-button.active{background:linear-gradient(#8d794a,#4d5433);border-color:#f5cb71;color:#ffeac0}.person-button meter{width:34px;height:3px;appearance:none;border:0;background:#18251b}.person-button meter::-webkit-meter-bar{border:0;background:#18251b;height:3px}.person-button meter::-webkit-meter-optimum-value{background:#a9c86e}.person-button meter::-moz-meter-bar{background:#a9c86e}.viewer-controls{display:flex;gap:6px;pointer-events:auto;flex-wrap:wrap;max-width:145px}.viewer-controls button{font-size:18px;padding:7px 10px;width:auto;min-width:42px;display:flex;justify-content:center;gap:6px}.viewer-controls button span{font-size:11px;font-weight:700}.viewer-controls button.active{background:#596238;border-color:#f8d187}.watch-note{position:absolute;bottom:8px;left:24px;color:#fff0c5;font-size:10px;text-shadow:1px 1px 2px #121f16;pointer-events:none}.inspector{z-index:6;top:104px;right:20px;bottom:226px;width:310px;padding:20px;overflow:auto;scrollbar-width:thin;scrollbar-color:#92834f #20291f}.chronicle:has(~.inspector){display:none}.close{position:absolute;top:7px;right:8px;width:32px;height:32px;font-size:24px;color:#e4c782;border-radius:4px}.close:hover{background:#8f754349}.person-heading{display:flex;gap:13px;align-items:center;margin:20px 0 14px}.person-heading h2{font-size:25px;color:#ffe3a6;margin-bottom:6px}.person-heading p{font-size:12px;color:#ded9bd;margin-bottom:5px}.person-heading small{font-size:11px;letter-spacing:0;color:#b5b69b}.portrait-frame{width:69px;height:80px;display:grid;place-items:center;background:linear-gradient(#64744a,#35432d);border:2px solid #9a844d;border-radius:6px;flex-shrink:0}.current-action{display:flex;align-items:center;gap:9px;background:#424b2d;border:1px solid #6a7641;border-radius:4px;padding:10px;font-size:12px;color:#e9efbd}.current-action i{width:6px;height:6px;border-radius:50%;background:#bdd17c}.character-description{font-size:12px;font-style:italic;color:#c5c5a8;line-height:1.6;margin:14px 0}.needs{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:17px 0}.needs label{font-size:11px;color:#e1d9b8;display:block;margin-bottom:5px}.needs meter{width:100%;height:9px;display:block;appearance:none;border:1px solid #5f6446;background:#161f18;border-radius:3px}.needs meter::-webkit-meter-bar{border:0;background:#161f18;height:7px}.needs meter::-webkit-meter-optimum-value{background:#abc46a}.needs>div:nth-child(2) meter::-webkit-meter-optimum-value{background:#dcac57}.needs>div:nth-child(3) meter::-webkit-meter-optimum-value{background:#65b4bc}.needs>div:nth-child(4) meter::-webkit-meter-optimum-value{background:#dacc79}.needs meter::-moz-meter-bar{background:#abc46a}.details{display:grid;grid-template-columns:67px 1fr;gap:10px;margin:20px 0;font-size:12px;line-height:1.4}.details dt{color:#a9b095}.details dd{margin:0;color:#e1dcc0}.inline-link{padding:0;color:#e4c47d;text-decoration:underline}.inspector h3{font-size:14px;color:#e8ce8e;padding-top:14px;border-top:1px solid #817a4c66}.memories p{font-size:12px;line-height:1.5;margin:12px 0;color:#c8c8ae}.memories small{display:block;color:#abac89;margin-bottom:4px;font-size:10px}.primary-button{display:flex;justify-content:space-between;width:100%;background:linear-gradient(#8d7844,#64542f);border:1px solid #d3b36a;border-bottom:3px solid #443619;padding:11px 13px;border-radius:5px;margin-top:18px;font-size:13px;font-weight:800;color:#fff2c5}.primary-button:hover{filter:brightness(1.15)}.history-panel{top:105px;right:20px;bottom:150px;width:390px;padding:23px;z-index:7;display:flex;flex-direction:column}.history-panel>h2{font-size:24px;margin:15px 0 20px;color:#ffe5a7}.tabs{display:flex;gap:6px;flex-shrink:0;border-bottom:1px solid #82784e}.tabs button{padding:10px 9px;font-size:12px;color:#bdc3a8;border-bottom:3px solid transparent}.tabs button.active{color:#ffe8a4;background:#65704244;border-color:#dfbc6c}.history-scroll{overflow:auto;scrollbar-width:thin;scrollbar-color:#92834f transparent;padding:8px 3px 0 0}.history-event{display:block;width:100%;text-align:left;border-bottom:1px solid #79724955;padding:15px 0}.history-event small{display:block;color:#bbbd9d;font-size:10px;text-transform:uppercase;margin-bottom:8px}.history-event strong{font-size:14px;color:#efdcac}.history-event p,.history-scroll>p,.history-scroll article p{font-size:12px;line-height:1.6;color:#c9ccb2;margin:8px 0}.lineage,.belief-card{padding:16px 0;border-bottom:1px solid #7c764b55}.lineage small,.belief-card small{font-size:10px;color:#b6b992}.lineage h3,.belief-card h3{color:#edce8b;margin:7px 0;font-size:19px}.belief-card blockquote{font-style:italic;font-size:13px;line-height:1.6;margin:15px 0;color:#e5ddba}.history-scroll>h3{font-size:18px;color:#e9d496;margin:20px 0 10px}.discovery{display:flex;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #7c764b55}.discovery small{margin-left:auto;font-size:10px;white-space:nowrap}.connection-card,.archive-banner,.connection-banner{position:absolute;background:#252e23f5;border:2px solid #96864f;border-radius:8px;box-shadow:var(--shadow);z-index:8}.connection-card{left:50%;top:50%;transform:translate(-50%,-50%);padding:30px;width:min(390px,90vw)}.connection-card h2{font-size:25px;margin:15px 0;color:#f0d493}.connection-card p{font-size:13px;line-height:1.6;color:#d9d8ba}.connection-card small{display:block;margin-top:18px}.connection-banner{left:50%;top:108px;transform:translate(-50%);padding:10px 15px;font-size:12px;color:#ffe6b0;max-width:80%}.archive-banner{left:50%;top:110px;width:min(430px,90vw);transform:translate(-50%);padding:20px}.archive-banner p{line-height:1.6;margin-top:8px;font-size:12px}.restore-ui{position:absolute;bottom:22px;right:24px;width:auto;padding:10px 15px;font-size:12px}.ui-hidden .ui{display:none}.debug-panel{position:absolute;top:100px;left:50%;transform:translate(-50%);background:#17211af5;color:#e0e7c7;padding:14px;width:min(450px,90vw);max-height:65vh;overflow:auto;border:1px solid #ab9254;z-index:10;font:11px/1.5 monospace}.debug-panel input{color:#fff;background:#35432e;border:1px solid #8a9254;max-width:220px}.debug-panel button{border:1px solid #83954e;padding:6px;margin:4px}.debug-panel select{background:#d2d8b4}.debug-panel pre{font-size:10px;white-space:pre-wrap}.debug-panel label{display:block;margin:8px 0}.debug-panel summary{cursor:pointer}@media(max-width:1200px){.identity{min-width:225px}.identity h1{font-size:20px}.masthead{gap:14px}.world-stats{gap:14px;padding:10px 14px}.world-stats .divider:last-of-type{display:none}.person-button{min-width:48px;padding:4px}.people-list>.eyebrow{display:none}.viewer-controls{max-width:44px}.viewer-controls button span{display:none}}@media(max-width:900px){.masthead{inset:12px 12px auto}.identity{min-width:0}.identity h1{font-size:17px}.identity p{font-size:8px;letter-spacing:1px}.brand-mark{font-size:32px}.world-stats{margin-left:auto;margin-right:0;gap:12px}.world-stats>div:first-child small,.world-stats .divider,.world-stats>div:nth-of-type(3),.live-indicator{display:none}.world-stats strong{font-size:16px}.year-progress{width:110px}.valley-label{left:16px;top:92px}.valley-label h2{font-size:24px}.valley-label p{display:none}.resource-pouch{gap:10px}.chronicle{top:94px;right:12px;width:235px;padding:12px}.event:nth-of-type(n+3){display:none}.minimap{width:145px;right:12px;bottom:135px}.camera-controls{right:12px;bottom:300px}.bottom-bar{left:12px;right:12px;bottom:26px;gap:8px}.people-list{flex:1;max-width:580px;overflow-x:auto}.viewer-controls{flex:0 0 100px;max-width:none}.viewer-controls button{min-height:40px}.person-button{flex:1;min-width:48px}.inspector{right:12px;top:92px;bottom:134px;width:300px}.history-panel{right:12px;top:92px;bottom:134px;width:350px}.watch-note{left:15px;font-size:9px}}@media(max-width:600px){.masthead{gap:8px}.identity{gap:6px}.brand-mark{font-size:26px}.identity h1{font-size:14px}.identity p{font-size:7px}.world-stats{gap:10px;padding:8px 10px}.world-stats small{font-size:8px}.world-stats strong{font-size:14px}.world-stats em{font-size:9px}.year-progress{width:78px}.world-stats>div:nth-of-type(2){display:none}.valley-label{top:90px}.valley-label>span{font-size:9px}.valley-label h2{font-size:21px}.resource-pouch{gap:8px;padding:7px 9px;margin-top:10px}.resource-pouch span{font-size:10px}.chronicle{inset:auto auto 143px 12px;width:203px}.event:nth-of-type(n+2){display:none}.event{padding:9px 0}.event strong{font-size:11px}.chronicle .section-title{font-size:10px}.minimap{width:123px;bottom:143px}.camera-controls{bottom:300px;flex-direction:row;gap:4px}.camera-controls button{width:36px;min-height:36px;font-size:19px}.bottom-bar{gap:6px}.viewer-controls{flex-basis:40px}.viewer-controls button{width:38px;height:30px;min-height:30px;font-size:16px}.viewer-controls button:first-child{display:none}.people-list{padding:6px}.person-button{height:76px;min-width:49px}.inspector,.history-panel{inset:88px 12px 128px;width:auto}.valley-label:has(~.inspector),.chronicle:has(~.history-panel){display:none}.connection-banner{top:78px;max-width:95%;width:95%;text-align:center}.watch-note{max-width:calc(100% - 24px);font-size:8px}}@media(max-height:700px)and (min-width:901px){.event:nth-of-type(n+3){display:none}.inspector{bottom:140px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}.world-stats{gap:16px;padding:12px 16px}.world-stats .clock-detail{font-size:13px;color:#ffdda0}.world-stats .clock-caption{font-size:10px;color:#c5c5aa;white-space:nowrap}.world-stats .clock-help{text-align:left;padding:0;color:#f1ce83;font-size:11px}.light-track{position:relative;height:5px;margin:5px 3px;border-radius:4px;background:linear-gradient(90deg,#dfb561,#f4dd81 45%,#a46449 55%,#384e72 68%,#293751 93%,#c1986b)}.light-track i{display:block;width:9px;height:9px;border-radius:50%;background:#fff2c2;border:1px solid #302b20;position:absolute;top:-2px;transform:translate(-50%)}.valley-label{top:155px}.resource-pouch,.world-help{pointer-events:auto}.resource-pouch{gap:10px}.world-help{color:#ffe7a8;font-size:12px;text-shadow:1px 2px #26331f;margin-top:12px;padding:4px 0}.chronicle{top:155px;max-height:calc(100dvh - 415px);overflow-y:auto;scrollbar-width:thin}.event-dialogue{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:11px;line-height:1.5;color:#d2ccb0;margin-top:5px}.zoom-level{text-align:center;color:#fff2bd;background:#263022e8;border-radius:4px;font-size:11px;padding:4px}.map-boundary{font-size:10px;color:#f0d190;margin-top:7px}.people-list{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#ac9157 #242c20}.person-button{flex-shrink:0}.world-guide{position:absolute;z-index:9;top:155px;left:26px;width:365px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 310px);overflow-y:auto;padding:24px;background:#222b20fa;border:2px solid #a58d52;border-radius:8px;box-shadow:var(--shadow);scrollbar-width:thin}.world-guide h2{font-size:22px;color:#ffe3a0;margin:10px 0 18px}.world-guide h3{color:#eac985;font-size:14px;margin:20px 0 8px}.world-guide p{font-size:12px;line-height:1.7;color:#e0dec7;margin-bottom:10px}.supply-breakdown{display:flex;justify-content:space-between;padding:12px;border:1px solid #7d724c;border-radius:5px;color:#ddd8ba;font-size:12px;margin-bottom:12px}.supply-breakdown b{color:#ffe3a0;margin-left:6px}.update-notice{position:absolute;top:292px;left:26px;width:290px;padding:14px;background:#3a3220f2;border:1px solid #c09b59;border-radius:7px;z-index:6;box-shadow:var(--shadow)}.update-notice strong{color:#ffda96;font-size:12px}.update-notice p{font-size:11px;line-height:1.6;margin-top:7px;color:#e7dbbd}.inspector,.history-panel{top:155px}@media(max-width:1200px){.masthead{gap:10px}.identity{min-width:190px}.identity h1{font-size:18px}.live-indicator{padding:8px;font-size:9px}.world-stats{gap:12px;padding:10px 12px}.world-stats .population-stat{display:none}}@media(max-width:900px){.world-stats{gap:14px}.world-stats .calendar-clock small{display:block;font-size:8px}.world-stats .climate{display:flex}.chronicle{max-height:calc(100dvh - 420px)}.valley-label{top:150px}.world-guide{left:16px;top:150px;max-height:calc(100dvh - 285px)}.update-notice{left:16px;width:270px}.camera-controls{bottom:320px}}@media(max-width:650px){.masthead{flex-wrap:wrap}.identity{display:none}.world-stats{width:100%;margin:0;gap:12px;justify-content:space-around}.world-stats .climate strong{font-size:12px}.world-stats .clock-caption{font-size:9px}.year-progress{width:130px}.valley-label{top:140px}.resource-pouch{gap:7px}.chronicle{display:none}.update-notice{top:270px;width:calc(100% - 185px);min-width:180px;padding:10px}.world-guide{top:140px;max-height:calc(100dvh - 270px)}.inspector,.history-panel{top:140px}}.future-preview-link{pointer-events:auto;display:block;width:max-content;margin-top:8px;font-size:12px;color:#ffe3a0;text-decoration:none;padding:7px 10px;border:1px solid #9a8650;border-radius:5px;background:#293323e8;text-shadow:none}.update-notice{top:340px}@media(max-width:650px){.update-notice{top:315px}}