@layer reset{*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}button,select,input{font:inherit}button{border:0}h1,h2,h3,p,ol,dl,dd{margin:0}ol{padding:0;list-style:none}}@layer base{:root{color:#ecf0e7;font-synthesis:none;text-rendering:optimizelegibility;--ink:#ecf0e7;--muted:#aab8b2;--quiet:#7f918b;--panel:#081719e0;--panel-soft:#081719b0;--line:#d9e6db26;--line-strong:#d9e6db42;--gold:#e4c97a;--aqua:#87c3ba;--danger:#e38371;--shadow:0 22px 70px #000a0c57;background:#071417;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,select{color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#e1ebe212;border-radius:7px;transition:background-color .16s,border-color .16s,color .16s,transform .16s}button:hover:not(:disabled),select:hover{border-color:var(--line-strong);background:#e1ebe221}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}code,kbd,.eyebrow,.event-day{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.eyebrow{color:var(--aqua);letter-spacing:.15em;text-transform:uppercase;font-size:.64rem;font-weight:700;line-height:1.4}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@layer layout{.app-shell{isolation:isolate;background:#09191b;width:100%;height:100%;position:relative}.world-canvas{touch-action:none;inset:0;width:100%!important;height:100%!important;position:absolute!important}.vignette{pointer-events:none;z-index:2;background:radial-gradient(circle at 50% 45%,#0000 48%,#030c0e33 100%),linear-gradient(#030c0e29,#0000 18% 78%,#030c0e52);position:absolute;inset:0}.glass-panel{z-index:10;color:var(--ink);background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px)saturate(115%);backdrop-filter:blur(18px)saturate(115%);position:absolute}.top-bar{z-index:20;top:max(12px, env(safe-area-inset-top));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);background:#061416d4;border-radius:11px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;min-height:70px;padding:10px 12px 10px 16px;display:grid;position:absolute;left:14px;right:14px;box-shadow:0 16px 48px #030c0e3d}.resource-strip{z-index:9;top:max(96px, calc(env(safe-area-inset-top) + 94px));-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:#061416a8;border:1px solid #d9e6db1c;border-radius:8px;max-width:calc(100vw - 28px);padding:4px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 12px 34px #030c0e29}.selection-panel{border-radius:12px;width:min(360px,100vw - 36px);max-height:calc(100vh - 228px);padding:18px;top:136px;right:18px;overflow:auto}.history-panel{border-radius:12px;width:min(410px,100vw - 36px);max-height:min(580px,100vh - 230px);padding:18px;bottom:94px;left:18px;overflow:auto}.system-panel{border-radius:12px;width:330px;max-height:calc(100vh - 230px);padding:18px;top:136px;left:18px;overflow:auto}.intervention-panel,.signals-panel{border-radius:12px;width:min(720px,100vw - 390px);max-height:calc(100vh - 230px);padding:20px;top:136px;left:18px;overflow:auto}.signals-panel{width:min(610px,100vw - 390px)}.camera-dock{z-index:21;left:50%;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#061416db;border-radius:11px;gap:5px;padding:5px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 12px 38px #01080a4d}.interface-hidden .camera-dock{opacity:.24}.interface-hidden .camera-dock:hover,.interface-hidden .camera-dock:focus-within{opacity:1}}@layer components{.identity-lockup{align-items:center;gap:12px;min-width:0;display:flex}.identity-lockup h1{letter-spacing:.015em;font-family:Georgia,Times New Roman,serif;font-size:1.48rem;font-weight:500;line-height:1.05}.current-mark,.loading-mark{border:1px solid #e4c97a6b;border-radius:50%;flex:none;width:38px;height:38px;display:block;position:relative}.current-mark i,.loading-mark i{background:var(--gold);transform-origin:50%;border-radius:50%;height:1px;position:absolute;left:8px;right:8px}.current-mark i:first-child,.loading-mark i:first-child{top:12px;transform:rotate(12deg)}.current-mark i:nth-child(2),.loading-mark i:nth-child(2){top:18px;transform:rotate(-10deg)}.current-mark i:nth-child(3),.loading-mark i:nth-child(3){top:24px;transform:rotate(8deg)}.identity-lockup,.world-pulse,.world-identity,.panel-controls{min-width:0}.world-pulse{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;gap:0;display:grid}.world-pulse>div{border-left:1px solid var(--line);min-width:0;padding:2px 15px}.world-pulse>div:first-child{border-left:0}.world-pulse span{color:var(--quiet);letter-spacing:.09em;text-transform:uppercase;font-size:.64rem;display:block}.world-pulse strong{text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;margin-top:4px;font-size:.88rem;font-weight:620;line-height:1.1;display:block;overflow:hidden}.world-clock strong{font-variant-numeric:tabular-nums;text-transform:none}.world-identity,.panel-controls,.save-menu{align-items:center;gap:5px;display:flex}.panel-controls button{min-height:34px;padding:0 10px;font-size:.72rem;font-weight:620}.panel-controls{flex-wrap:nowrap;justify-self:end}.world-identity .worker-status{white-space:nowrap;margin-left:0}.world-identity .badge-short{display:none}.environment-layer-control{min-height:34px;color:var(--quiet);border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;align-items:center;gap:6px;padding:0 7px;font-size:.58rem;display:flex}.environment-layer-control select{max-width:124px;color:var(--ink);background:#e1ebe214;border:0;font-size:.68rem}.panel-controls button.active,.camera-tabs button.active,.camera-dock button.active{color:var(--gold);background:#e4c97a1a;border-color:#e4c97a70}.compact-button{width:30px;padding:0!important}.save-menu{border-left:1px solid var(--line);margin-left:2px;padding-left:5px}.worker-status{color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;margin-left:5px;font-size:.59rem;display:inline-flex}.worker-status i{background:var(--aqua);border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #87c3baa6}.worker-status.fallback i{background:#d39a68}.resource{border-right:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:20px auto;min-width:76px;padding:5px 11px;display:grid}.resource:last-child{border-right:0}.resource-icon{color:var(--aqua);grid-row:1/3;align-self:center;font-size:.9rem}.resource>span:not(.resource-icon){color:var(--quiet);letter-spacing:.08em;text-transform:uppercase;font-size:.57rem}.resource strong{font-size:.76rem;font-weight:660}.resource.urgent strong,.resource.urgent .resource-icon{color:var(--danger)}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;padding-bottom:14px;display:flex}.panel-heading h2{margin-top:2px;font-family:Georgia,Times New Roman,serif;font-size:1.48rem;font-weight:500;line-height:1.15}.close-button{width:29px;height:29px;color:var(--muted);border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.25rem;line-height:1;display:grid}.camera-tabs{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.camera-tabs button{min-height:33px;padding:5px;font-size:.68rem}.autonomy-note{color:var(--muted);align-items:center;gap:7px;margin:11px 0 15px;font-size:.7rem;display:flex}.autonomy-note i{border:1px solid var(--aqua);border-radius:50%;flex:none;width:6px;height:6px}.fact-grid,.diagnostic-grid{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:1px;margin:0 0 14px;display:grid;overflow:hidden}.fact-grid>div,.diagnostic-grid>div{background:#0a1d1fed;min-width:0;padding:10px}.fact-grid dt,.diagnostic-grid dt{color:var(--quiet);letter-spacing:.07em;text-transform:uppercase;font-size:.59rem}.fact-grid dd,.diagnostic-grid dd{color:var(--ink);text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;margin-top:4px;font-size:.76rem;font-weight:620;overflow:hidden}.decision-card,.evidence-note{color:var(--muted);background:#7ba09314;border:1px solid #87c3ba29;border-radius:8px;margin-top:10px;padding:12px;font-size:.75rem;line-height:1.5}.decision-card .eyebrow{margin-bottom:5px}.evidence-note{color:#d8d1b1;background:#e4c97a12;border-color:#e4c97a2e}.progress-track{background:#ffffff14;border-radius:2px;height:3px;margin-top:10px;overflow:hidden}.progress-track i{background:var(--gold);height:100%;display:block}.memory-list,.entity-history{margin-top:17px}.memory-list h3,.entity-history h3,.population-readout h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem}.memory-list li,.entity-history li{border-bottom:1px solid var(--line);padding:9px 0}.memory-list li:last-child,.entity-history li:last-child{border-bottom:0}.memory-list span,.entity-history span{color:var(--quiet);font-family:SFMono-Regular,Consolas,monospace;font-size:.58rem}.memory-list p,.entity-history p{color:var(--muted);margin-top:3px;font-size:.72rem;line-height:1.4}.timeline-list{flex-direction:column;gap:0;display:flex}.timeline-list li{border-bottom:1px solid var(--line);grid-template-columns:58px 1fr;gap:11px;padding:10px 0;display:grid;position:relative}.timeline-list li:before{content:"";background:var(--aqua);border-radius:50%;width:5px;height:5px;position:absolute;top:15px;left:48px}.timeline-list li.event-death:before,.timeline-list li.event-shortage:before,.timeline-list li.event-environment-degraded:before{background:var(--danger)}.timeline-list li.event-birth:before,.timeline-list li.event-breakthrough-adopted:before{background:var(--gold)}.timeline-list li.event-environment-recovered:before,.timeline-list li.event-sanitation-cleanup:before{background:var(--aqua)}.event-day{color:var(--quiet);font-size:.59rem}.timeline-list strong{color:var(--ink);letter-spacing:.07em;text-transform:uppercase;font-size:.66rem;display:block}.timeline-list p{color:var(--muted);margin-top:4px;font-size:.72rem;line-height:1.4}.timeline-list button{color:var(--aqua);background:0 0;border-color:#0000;margin-top:6px;padding:3px 6px;font-size:.62rem}.timeline-list button:hover{border-color:var(--line)}.population-readout{padding-top:4px}.population-readout p{color:var(--muted);border-bottom:1px solid var(--line);justify-content:space-between;padding:7px 0;font-size:.72rem;display:flex}.population-readout strong{color:var(--ink)}.digest-line{color:var(--quiet);flex-direction:column;gap:5px;padding-top:13px;font-size:.61rem;display:flex}.digest-line code{color:var(--aqua);overflow-wrap:anywhere;font-size:.63rem}.camera-dock button{text-align:left;grid-template-rows:auto;grid-template-columns:22px auto;align-items:center;min-width:82px;min-height:42px;padding:4px 8px;display:grid;position:relative}.camera-dock button>span{color:var(--aqua);grid-row:1;font-size:1rem}.camera-dock small{color:inherit;font-size:.65rem;font-weight:630}.camera-dock kbd{color:var(--quiet);font-size:.48rem;position:absolute;bottom:3px;right:5px}.welcome-overlay{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#030d0f5c;place-items:center;padding:24px;display:grid;position:absolute;inset:0}.welcome-card{text-align:center;background:#071618ed;border:1px solid #e4c97a3b;border-radius:15px;width:min(590px,100%);padding:35px 38px;box-shadow:0 32px 110px #01080a94}.welcome-card h2{letter-spacing:-.025em;margin:7px 0 15px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,5vw,3.25rem);font-weight:400}.welcome-card>p:not(.eyebrow){max-width:490px;color:var(--muted);margin:0 auto;font-family:Georgia,Times New Roman,serif;font-size:1rem;line-height:1.65}.welcome-facts{background:var(--line);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:1px;margin:25px 0;display:grid;overflow:hidden}.welcome-facts span{color:var(--quiet);text-transform:uppercase;background:#0a2022;padding:13px 8px;font-size:.63rem;line-height:1.35}.welcome-facts strong{color:var(--gold);margin-bottom:3px;font-family:Georgia,serif;font-size:1.2rem;font-weight:500;display:block}.welcome-card>button{color:#142224;background:var(--gold);border-color:var(--gold);min-height:44px;padding:0 20px;font-weight:720}.welcome-card>small{color:var(--quiet);margin-top:12px;font-size:.61rem;display:block}.loading-screen{text-align:center;background:radial-gradient(circle at 50% 40%,#123034 0,#071417 62%);align-content:center;justify-items:center;width:100%;height:100%;padding:24px;display:grid}.loading-screen .loading-mark{width:58px;height:58px;margin-bottom:21px;animation:8s linear infinite slow-turn}.loading-screen .loading-mark i{left:11px;right:11px}.loading-screen h1{margin:7px 0 8px;font-family:Georgia,serif;font-size:2rem;font-weight:400}.loading-screen>p:last-child{max-width:450px;color:var(--muted);font-size:.8rem}@keyframes slow-turn{to{transform:rotate(360deg)}}.error-toast{z-index:50;color:#ffe7df;max-width:min(560px,100vw - 30px);box-shadow:var(--shadow);background:#59251ff0;border:1px solid #e3837180;border-radius:8px;padding:10px 14px;font-size:.72rem;position:absolute;bottom:84px;left:50%;transform:translate(-50%)}.visually-hidden-file{opacity:0;width:1px;height:1px;position:fixed;left:-10000px}.floating-close{z-index:2;float:right;background:#081719e6;margin:-4px -3px 0 12px;position:sticky;top:0}.observer-interventions>header h2,.external-signals>header h2{margin:3px 0 7px;font-family:Georgia,Times New Roman,serif;font-size:1.5rem;font-weight:500}.observer-interventions>header>p:last-child,.external-signals>header>p:last-child{max-width:62ch;color:var(--muted);font-size:.74rem;line-height:1.5}.observer-energy{background:#e4c97a12;border:1px solid #e4c97a2e;border-radius:8px;grid-template-columns:auto minmax(100px,1fr);align-items:center;gap:5px 13px;margin:16px 0 13px;padding:12px;display:grid}.observer-energy strong{color:var(--gold);font-size:.72rem}.observer-energy meter{width:100%;accent-color:var(--gold)}.observer-energy span{color:var(--quiet);grid-column:1/-1;font-size:.62rem}.observer-interventions>label{color:var(--quiet);margin-bottom:5px;font-size:.65rem;display:block}.observer-interventions textarea{resize:vertical;width:100%;color:var(--ink);border:1px solid var(--line);background:#ffffff0b;border-radius:7px;padding:9px;font-size:.72rem}.observer-interventions fieldset,.external-signals fieldset{border:0;min-width:0;margin:18px 0 0;padding:0}.observer-interventions legend,.external-signals legend{width:100%;color:var(--aqua);border-bottom:1px solid var(--line);letter-spacing:.11em;text-transform:uppercase;padding:0 0 7px;font-size:.66rem;font-weight:700}.intervention-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:9px;display:grid}.intervention-action{border:1px solid var(--line);background:#ffffff09;border-radius:8px;flex-direction:column;min-width:0;min-height:215px;padding:12px;display:flex}.intervention-action h3{font-size:.78rem;font-weight:680}.intervention-action>p{color:var(--muted);margin-top:6px;font-size:.66rem;line-height:1.42}.intervention-action>p strong{color:#d4c9a4;font-weight:600}.intervention-action dl{grid-template-columns:repeat(3,1fr);gap:4px;margin-top:auto;padding:9px 0;display:grid}.intervention-action dl div{min-width:0}.intervention-action dt{color:var(--quiet);text-transform:uppercase;font-size:.52rem}.intervention-action dd{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.6rem;overflow:hidden}.intervention-action button{min-height:32px;padding:5px;font-size:.63rem}.intervention-help{border-top-color:#87c3ba8f}.intervention-spice{border-top-color:#d5a3da8f}.intervention-sabotage{border-top-color:#e383718f}.observer-interventions>p[role=alert],.external-signals [role=alert]{color:#f2b3a6;margin-top:10px;font-size:.7rem}.observer-interventions>p[aria-live]{min-height:18px;color:var(--aqua);margin-top:7px;font-size:.66rem}.external-signal-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-top:9px;display:grid}.external-signal-choices label{color:var(--muted);border:1px solid var(--line);cursor:pointer;background:#ffffff09;border-radius:7px;align-items:flex-start;gap:8px;padding:9px;font-size:.67rem;line-height:1.4;display:flex}.external-signal-choices label:has(input:checked){color:var(--ink);background:#e4c97a14;border-color:#e4c97a66}.external-signal-choices input{accent-color:var(--gold);margin-top:2px}.external-signal-choices strong{color:inherit;text-transform:capitalize}.external-signal-detail{border:1px solid var(--line);background:#ffffff07;border-radius:9px;margin-top:12px;padding:13px}.external-signal-detail>header>p:first-child{color:var(--aqua);letter-spacing:.1em;text-transform:uppercase;font-size:.61rem}.external-signal-detail h3{text-transform:capitalize;margin:2px 0 5px;font-family:Georgia,serif;font-size:1.22rem;font-weight:500}.external-signal-detail>header>p:last-child,.external-signal-detail>p{color:var(--muted);font-size:.68rem;line-height:1.45}.external-signal-detail>dl{background:var(--line);border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(3,1fr);gap:1px;margin:12px 0;display:grid;overflow:hidden}.external-signal-detail>dl div{background:#0a1d1ff5;padding:8px}.external-signal-detail dt{color:var(--quiet);text-transform:uppercase;font-size:.54rem}.external-signal-detail dd{margin-top:3px;font-size:.64rem}.external-signal-detail meter{width:58px;accent-color:var(--aqua)}.external-signal-detail>section{border-top:1px solid var(--line);padding:10px 0}.external-signal-detail h4{color:var(--ink);font-size:.68rem}.external-signal-detail section p,.external-signal-detail section li{color:var(--muted);font-size:.62rem;line-height:1.45}.external-signal-detail ul{margin:6px 0 0;padding-left:17px}.external-signal-detail>button{color:#122225;background:var(--gold);border-color:var(--gold);width:100%;min-height:35px;margin-top:11px;font-size:.68rem;font-weight:720}}@layer responsive{@media (max-width:1280px){.top-bar{gap:8px}.world-pulse>div{padding-inline:10px}.panel-controls>button{padding-inline:7px}.panel-controls .worker-status{display:none}}@media (max-width:980px){.top-bar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-areas:"identity pulse identity-badge""panels panels panels"}.identity-lockup{grid-area:identity}.world-pulse{grid-area:pulse}.world-identity{grid-area:identity-badge}.panel-controls{grid-area:panels;justify-self:stretch}.panel-controls>button{flex:1}.save-menu button:first-child{display:none}.resource-strip{top:max(124px, calc(env(safe-area-inset-top) + 122px));justify-content:flex-start;width:auto;max-width:none;left:12px;right:12px;overflow-x:auto;transform:none}.resource{flex:none}}@media (max-width:720px){:root{--mobile-bar-top:max(7px, env(safe-area-inset-top));--mobile-bar-height:102px;--mobile-pulse-height:52px;--mobile-stack-gap:6px}.desktop-only{display:none!important}.top-bar{top:var(--mobile-bar-top);min-height:var(--mobile-bar-height);border-radius:9px;grid-template:"identity identity-badge"42px"panels panels"38px/minmax(0,1fr) auto;gap:4px 8px;padding:8px 9px;left:7px;right:7px}.identity-lockup .eyebrow{display:none}.identity-lockup h1{font-size:1.2rem}.current-mark{width:31px;height:31px}.current-mark i:first-child{top:9px}.current-mark i:nth-child(2){top:15px}.current-mark i:nth-child(3){top:21px}.world-pulse{top:calc(var(--mobile-bar-height) + var(--mobile-stack-gap));width:max-content;max-width:100%;min-height:var(--mobile-pulse-height);border:1px solid var(--line);background:#061416cc;border-radius:8px;padding:5px 4px;position:absolute;left:0}.world-pulse>div{padding:2px 8px}.world-pulse span{font-size:.58rem}.world-pulse strong{margin-top:3px;font-size:.82rem}.panel-controls{gap:4px;width:100%;display:flex;overflow-x:auto}.panel-controls>button{min-width:64px;min-height:34px;padding-inline:6px}.environment-layer-control,.panel-controls .save-menu{flex:none}.world-identity .badge-long{display:none}.world-identity .badge-short{display:inline}.resource-strip{top:calc(var(--mobile-bar-top) + var(--mobile-bar-height) + var(--mobile-stack-gap) + var(--mobile-pulse-height) + var(--mobile-stack-gap));padding:3px;left:7px;right:7px}.resource{min-width:68px;padding:4px 7px}.housing-resource{display:none}.selection-panel,.history-panel,.system-panel{top:auto;right:7px;bottom:calc(73px + env(safe-area-inset-bottom));border-radius:11px;width:auto;max-height:min(58vh,530px);left:7px}.intervention-panel,.signals-panel{top:auto;right:7px;bottom:calc(73px + env(safe-area-inset-bottom));width:auto;max-height:68vh;padding:15px;left:7px}.intervention-actions{grid-template-columns:1fr}.intervention-action{min-height:0}.external-signal-choices{grid-template-columns:1fr}.external-signal-detail>dl{grid-template-columns:repeat(2,1fr)}.camera-dock{bottom:max(7px, env(safe-area-inset-bottom));justify-content:center;width:calc(100vw - 14px)}.camera-dock button{text-align:center;flex:1;grid-template-columns:1fr;justify-items:center;min-width:0;padding:4px}.camera-dock button>span,.camera-dock kbd{display:none}.welcome-overlay{padding:13px}.welcome-card{padding:27px 20px}.welcome-facts{grid-template-columns:1fr}.welcome-facts span{padding:8px}.welcome-facts strong{margin-right:5px;display:inline}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}