:root{--font-sans:"Aptos", "Segoe UI Variable", "Segoe UI", system-ui, sans-serif;--font-serif:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;--ink:#edf2ec;--muted:#9daaa4;--dim:#6e7b76;--glass:#0a100fc9;--glass-heavy:#090e0df0;--line:#dcece31f;--green:#75e0a7;--amber:#f3b562;--red:#f26f67;--paper:#f2e7cf}*{box-sizing:border-box}html,body{width:100%;min-height:100%;color:var(--ink);background:#0c1211;margin:0}body{font-family:var(--font-sans), system-ui, sans-serif;overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}.experience-shell{background:#0c1211;width:100vw;height:100svh;min-height:680px;position:relative;overflow:hidden}.world-layer{position:absolute;inset:0}.world-layer canvas{cursor:grab}.world-layer canvas:active{cursor:grabbing}.vignette{pointer-events:none;background:radial-gradient(circle at 55% 42%,#0000 38%,#02060561 78%,#010303cc 100%),linear-gradient(90deg,#05090885,#0000 36% 74%,#0509086b);position:absolute;inset:0}.grain{pointer-events:none;opacity:.055;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");position:absolute;inset:0}.topbar{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#080d0cf0,#080d0c94);grid-template-columns:1fr auto 1fr;align-items:center;height:78px;padding:0 28px;display:grid;position:absolute;inset:0 0 auto}.brand{width:max-content;color:inherit;align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{width:37px;height:37px;font-family:var(--font-serif), serif;color:var(--paper);letter-spacing:-.04em;border:1px solid #f1e3c461;border-radius:50%;place-items:center;display:grid}.brand>span:last-child{gap:1px;display:grid}.brand strong{font-family:var(--font-serif), serif;letter-spacing:.01em;font-size:16px;font-weight:520}.brand small{color:var(--dim);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.run-state{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:8px;font-size:11px;display:flex}.run-state code{color:#75817d;text-transform:none;letter-spacing:0;margin-left:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.live-dot{background:#74807b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #74807b1f}.live-dot.is-running{background:var(--green);box-shadow:0 0 0 4px #75e0a721,0 0 18px #75e0a78c}.top-actions{justify-self:end;gap:8px;display:flex}.primary-button,.ghost-button,.icon-button,.transport-button,.speed-button{cursor:pointer;border:0;transition:transform .18s,background .18s,border-color .18s,opacity .18s}.primary-button:hover,.ghost-button:hover,.transport-button:hover,.speed-button:hover{transform:translateY(-1px)}.primary-button{background:var(--paper);color:#17201d;letter-spacing:.03em;border-radius:3px;justify-content:center;align-items:center;gap:8px;min-height:39px;padding:0 16px;font-size:11px;font-weight:760;display:inline-flex;box-shadow:0 10px 30px #00000038}.primary-button:disabled{opacity:.65;cursor:wait}.primary-button.wide{width:100%;min-height:48px;margin:12px 0 5px}.ghost-button{border:1px solid var(--line);min-height:39px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0e1513ad;border-radius:3px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:660;display:inline-flex}.ghost-button:hover{background:#19221fd1;border-color:#e7efe942}.icon-button{background:#ffffff0f;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:#ffffff1f}.hero-copy{z-index:5;width:min(410px,32vw);position:absolute;top:132px;left:4.2vw}.eyebrow{color:#b5c1bb;letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:7px;font-size:10px;font-weight:760;display:flex}.hero-copy h1{color:#f3f1e8;font-family:var(--font-serif), Georgia, serif;letter-spacing:-.045em;text-wrap:balance;text-shadow:0 4px 28px #00000059;margin:15px 0 12px;font-size:clamp(46px,5.2vw,78px);font-weight:430;line-height:.91}.hero-copy h1 em{color:#c9b886;font-weight:400}.hero-copy>p{color:#b0bbb6;max-width:370px;font-family:var(--font-serif), serif;font-size:17px;line-height:1.48}.hero-actions{gap:8px;margin-top:22px;display:flex}.legend{color:#9da9a4;text-transform:uppercase;letter-spacing:.075em;flex-wrap:wrap;gap:8px 13px;max-width:380px;margin-top:22px;font-size:9px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.dot{border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px}.dot--stable{color:var(--green);background:currentColor}.dot--pressure{color:var(--amber);background:currentColor}.dot--failure{color:var(--red);background:currentColor}.dot--displaced{color:#838899;background:currentColor}.data-panel{z-index:6;border:1px solid var(--line);background:var(--glass);-webkit-backdrop-filter:blur(19px)saturate(1.1);backdrop-filter:blur(19px)saturate(1.1);border-radius:5px;width:312px;padding:17px;position:absolute;top:102px;right:28px;box-shadow:0 24px 70px #00000047}.panel-heading,.event-title,.chart-heading{justify-content:space-between;align-items:center;display:flex}.panel-heading>span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:6px;font-size:10px;display:flex}.panel-heading strong{color:var(--paper);font-family:ui-monospace,monospace;font-size:10px}.metric-grid{background:var(--line);border-radius:3px;grid-template-columns:1fr 1fr;gap:1px;margin:15px 0 17px;display:grid;overflow:hidden}.metric{background:#0d1412eb;gap:5px;padding:12px;display:grid}.metric span{color:#83908b;text-transform:uppercase;letter-spacing:.06em;font-size:9px}.metric strong{font-family:var(--font-serif), serif;font-size:25px;font-weight:500}.metric--good strong{color:var(--green)}.metric--warn strong{color:var(--amber)}.metric--bad strong{color:var(--red)}.chart-heading{color:#7f8b86;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.chart-key{align-items:center;gap:5px;display:flex}.chart-key i{background:var(--green);width:13px;height:2px}.chart-key i:nth-child(2){background:var(--red)}.mini-chart{width:100%;height:72px;margin:9px 0 11px;display:block;overflow:visible}.chart-grid{stroke:#ffffff14;stroke-width:1px;stroke-dasharray:2 5}.chart-line{stroke-width:1.8px;vector-effect:non-scaling-stroke}.chart-line--stable{stroke:var(--green)}.chart-line--failure{stroke:var(--red)}.chart-cursor{stroke:#f3e7ccb8;stroke-width:1px;vector-effect:non-scaling-stroke}.secondary-metrics{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;padding-top:12px;display:grid}.secondary-metrics span{color:#7e8b86;grid-template-columns:16px 1fr;align-items:center;font-size:9px;line-height:1.2;display:grid}.secondary-metrics svg{color:#95a39d;grid-row:1/3}.secondary-metrics b{color:#dae1dc;font-size:12px}.inspector{z-index:7;border:1px solid var(--line);background:var(--glass-heavy);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;pointer-events:none;border-radius:5px;width:262px;padding:18px;transition:all .28s;position:absolute;top:102px;right:356px;transform:translate(22px);box-shadow:0 24px 70px #00000052}.inspector.is-open{opacity:1;pointer-events:auto;transform:translate(0)}.inspector-close{position:absolute;top:10px;right:10px}.inspector h2{font-family:var(--font-serif), serif;text-transform:capitalize;margin:11px 0 2px;font-size:31px;font-weight:440}.status--stable{color:var(--green)}.status--under-pressure{color:var(--amber)}.status--compound-failure,.status--displaced{color:var(--red)}.route-note{color:var(--dim);margin:0 0 15px;font-size:10px}.need-bars{gap:8px;display:grid}.need-bars>div{grid-template-columns:53px 1fr 25px;align-items:center;gap:7px;display:grid}.need-bars span{color:#95a19c;text-transform:uppercase;font-size:9px}.need-bars i{background:#ffffff17;height:3px;overflow:hidden}.need-bars b{background:linear-gradient(90deg, var(--red), var(--amber) 45%, var(--green));height:100%;display:block}.need-bars strong{color:#aab5b0;text-align:right;font-family:ui-monospace,monospace;font-size:9px}.household-ledger{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin-top:15px;display:grid}.household-ledger div{background:#101715;gap:4px;padding:10px;display:grid}.household-ledger span{color:var(--dim);text-transform:uppercase;font-size:9px}.household-ledger strong{font-size:12px}.effort-lock{border-top:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;margin:13px 0 0;padding-top:11px;display:grid}.effort-lock span{color:#87948e;letter-spacing:.11em;font-size:9px}.effort-lock b{color:var(--paper);font-size:11px}.effort-lock small{color:#64706b;grid-column:1/-1;font-size:9px}.event-feed{z-index:5;border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#090f0ebd;border-radius:4px;width:350px;padding:13px;position:absolute;bottom:105px;left:4.2vw}.event-title{color:#83908b;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:9px}.event-title strong{color:#b8c2bd}.event-feed button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff0f;grid-template-columns:8px 1fr;gap:8px;padding:8px 4px;display:grid}.event-feed button:hover{background:#ffffff09}.event-feed button span{gap:2px;display:grid}.event-feed button strong{font-size:10px}.event-feed button small{color:#78857f;font-size:9px;line-height:1.35}.event-mark{background:var(--amber);border-radius:50%;width:5px;height:5px;margin-top:4px}.event-mark--housing,.event-mark--health,.event-mark--work{background:var(--red)}.event-mark--recovery{background:var(--green)}.quiet-day{color:#78847f;font-family:var(--font-serif), serif;margin:6px 0 0;font-size:13px;font-style:italic}.timeline-panel{z-index:12;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#080d0ce6;border:1px solid #e1eee624;border-radius:6px;grid-template-columns:39px 43px 39px 1fr 82px;align-items:center;gap:6px;width:min(880px,100vw - 48px);min-height:66px;padding:10px;display:grid;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 20px 60px #00000061}.transport-button{background:#ffffff0e;border-radius:3px;place-items:center;width:39px;height:39px;display:grid}.transport-button--play{background:var(--paper);color:#17201d;width:43px}.timeline-track{padding:0 10px}.timeline-labels{color:#66736d;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;margin-bottom:7px;font-size:8px;display:flex}.timeline-labels strong{color:#b8c2bd;font-weight:650}.timeline-track input{appearance:none;cursor:ew-resize;background:0 0;width:100%;height:12px;margin:0}.timeline-track input::-webkit-slider-runnable-track{background:linear-gradient(90deg, #d8c795 var(--progress), #ffffff1f var(--progress));border-radius:4px;height:3px}.timeline-track input::-webkit-slider-thumb{appearance:none;background:var(--paper);border:2px solid #18201d;border-radius:50%;width:13px;height:13px;margin-top:-5px;box-shadow:0 0 0 1px #f2e7cf8c,0 0 15px #f2e7cf40}.timeline-track input::-moz-range-track{background:#ffffff1f;height:3px}.timeline-track input::-moz-range-progress{background:#d8c795;height:3px}.timeline-track input::-moz-range-thumb{background:var(--paper);border:0;border-radius:50%;width:12px;height:12px}.speed-button{color:#aeb9b3;background:#ffffff0e;border-radius:3px;justify-content:center;align-items:center;gap:7px;height:39px;font-size:10px;display:flex}.speed-button strong{color:var(--paper)}.about-panel,.modal-panel{z-index:30;-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#0a0f0ef7;border:1px solid #ebf1ec2b;border-radius:6px;width:min(440px,100vw - 32px);padding:28px;animation:.24s both panel-in;position:absolute;top:92px;left:50%;transform:translate(-50%);box-shadow:0 34px 100px #0000009e}.modal-panel{width:390px;left:auto;right:28px;transform:none}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.modal-panel{animation-name:panel-in-right}@keyframes panel-in-right{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:14px;right:14px}.about-panel h2,.modal-panel h2{font-family:var(--font-serif), serif;margin:13px 0 11px;font-size:32px;font-weight:450;line-height:1.02}.about-panel>p,.modal-panel>p{color:#9eaaa4;font-family:var(--font-serif), serif;font-size:15px;line-height:1.48}.about-panel ol{background:var(--line);gap:1px;margin:18px 0;padding:0;list-style:none;display:grid}.about-panel li{background:#101715;gap:3px;padding:11px 12px;display:grid}.about-panel li b{font-size:11px}.about-panel li span{color:#7d8a84;font-size:10px;line-height:1.4}.about-panel>a{color:var(--paper);align-items:center;gap:8px;font-size:11px;text-decoration:none;display:inline-flex}.monte-results{background:var(--line);border-radius:3px;gap:1px;margin-top:14px;display:grid;overflow:hidden}.monte-results>div{background:#101715;justify-content:space-between;align-items:center;padding:12px;display:flex}.monte-results span{color:#87938e;font-size:10px}.monte-results strong{font-family:var(--font-serif), serif;color:var(--paper);font-size:21px;font-weight:500}.monte-results small{color:#66736d;text-align:center;text-transform:uppercase;letter-spacing:.08em;background:#0d1312;padding:11px;font-size:8px}.method-note{border-top:1px solid var(--line);color:#718079;grid-template-columns:18px 1fr;gap:8px;margin-top:15px;padding-top:14px;display:grid}.method-note p{margin:0;font-size:9px;line-height:1.5}.spinner{border:2px solid #17201d3d;border-top-color:#17201d;border-radius:50%;width:13px;height:13px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1000px){.topbar{grid-template-columns:1fr auto}.run-state{display:none}.hero-copy{width:40vw;top:108px}.hero-copy h1{font-size:52px}.data-panel{top:92px}.inspector{top:446px;right:28px}}@media (max-width:720px){body{overflow:auto}.experience-shell{min-height:920px}.topbar{height:66px;padding:0 14px}.brand small,.top-actions .ghost-button{display:none}.hero-copy{pointer-events:none;width:calc(100% - 32px);top:88px;left:16px}.hero-copy h1{font-size:46px}.hero-copy>p{max-width:300px;font-size:14px}.hero-actions,.legend{pointer-events:auto}.data-panel{width:auto;inset:auto 16px 192px}.secondary-metrics,.chart-heading,.mini-chart{display:none}.inspector{width:auto;top:350px;left:16px;right:16px}.event-feed{display:none}.timeline-panel{grid-template-columns:34px 39px 34px 1fr;width:calc(100vw - 28px);bottom:14px}.speed-button{display:none}.transport-button{width:34px}.transport-button--play{width:39px}.modal-panel{width:auto;top:76px;left:16px;right:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}