:root{color:#ebe6d7;font-synthesis:none;text-rendering:optimizelegibility;background:#0a0c0a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow:hidden}button{color:inherit;font:inherit}.app-shell{background:radial-gradient(circle at 45% 0,#48442b38,#0000 36%),#0b0d0b;grid-template-rows:76px minmax(0,1fr) 74px;min-height:100vh;display:grid}.topbar,.control-deck{z-index:5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f110ef0;border-color:#34352e;justify-content:space-between;align-items:center;display:flex;position:relative}.topbar{border-bottom:1px solid #34352e;padding:0 24px}.brand-lockup,.world-identity,.playback-controls,.tick-readout{align-items:center;display:flex}.brand-lockup{gap:13px}.brand-mark{color:#e4b36f;clip-path:polygon(50% 0,100% 24%,88% 85%,50% 100%,12% 85%,0 24%);background:linear-gradient(150deg,#392315,#15140f 68%);border:1px solid #a57443;place-items:center;width:38px;height:42px;font-family:Georgia,serif;font-size:23px;display:grid}.eyebrow{color:#8e9184;letter-spacing:.17em;text-transform:uppercase;margin:0 0 4px;font-size:10px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.03em;margin-bottom:0;font-family:Georgia,serif;font-size:24px;font-weight:500}.world-identity{color:#85887c;gap:12px;font-size:12px}.world-identity strong{color:#ddd6c4;font-weight:600}.world-identity code{color:#a9a696;background:#11130f;border:1px solid #37382f;border-radius:3px;padding:5px 8px;font-size:10px}.workspace{grid-template-columns:258px minmax(0,1fr) 292px;min-height:0;display:grid}.side-panel,.event-panel{z-index:3;background:#11130f;padding:24px 20px;position:relative;overflow:auto}.side-panel{border-right:1px solid #303129}.event-panel{border-left:1px solid #303129}.inspector-empty{padding:2px 0 18px}.inspector-empty h2{color:#ddd7c8;margin-bottom:9px;font-family:Georgia,serif;font-size:20px;font-weight:500}.inspector-empty p:last-child{color:#8f9286;margin-bottom:0;font-size:12px;line-height:1.65}.creature-inspector{padding-bottom:4px}.inspector-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.inspector-heading h2{color:#ddd7c8;margin-bottom:0;font-family:Georgia,serif;font-size:21px;font-weight:500}.icon-control{color:#aaa99d;background:#151711;border:1px solid #393b31;width:26px;height:26px;font-size:18px;line-height:1}.icon-control:hover{color:#e1bc7d;border-color:#d5964d}.creature-subtitle{color:#8f9286;margin:7px 0 15px;font-size:11px;line-height:1.5}.inspector-status{color:#aaa99d;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;align-items:center;gap:6px;font-size:10px;display:flex}.inspector-status>span:not(.mood-chip){background:#151711;border:1px solid #34362e;padding:5px 7px}.mood-chip{color:#e0b36d;background:#d5964d1a;border:1px solid #d5964d73;padding:5px 7px;font-weight:700}.mood-hungry,.mood-thirsty,.mood-exhausted{color:#df8b7d;background:#c85f4f1a;border-color:#c85f4f8c}.inspector-reason{color:#a8a99d;margin:12px 0 0;font-size:11px;line-height:1.5}.inspector-reason+.inspector-reason{color:#777b70;margin-top:4px}.location-lines{gap:6px;margin-top:15px;display:grid}.location-lines div{color:#777b70;justify-content:space-between;font-size:10px;display:flex}.location-lines strong{color:#aaa99d;text-overflow:ellipsis;white-space:nowrap;max-width:62%;font-weight:500;overflow:hidden}.need-list{gap:10px;margin-top:18px;display:grid}.need-row>div:first-child{color:#8f9286;letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;margin-bottom:5px;font-size:10px;display:flex}.need-row strong{color:#c8c4b4;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500}.need-track{background:#2a2c25;height:4px;overflow:hidden}.need-fill{background:#8cbda7;height:100%;transition:width .18s linear;display:block}.need-food{background:#d3c36f}.need-rest{background:#a79ac9}.need-health{background:#d07a6a}.need-warmth{background:#d4a15b}.need-safety{background:#6e9cc2}.attribute-grid{background:#2e3028;grid-template-columns:1fr 1fr;gap:1px;margin-top:20px;display:grid}.attribute-grid div{color:#777b70;background:#151711;justify-content:space-between;align-items:center;padding:8px;font-size:10px;display:flex}.attribute-grid strong{color:#c9c4b2;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:500}.inventory-line{color:#777b70;justify-content:space-between;margin-top:14px;font-size:10px;display:flex}.inventory-line strong{color:#aaa99d;font-weight:500}.panel-heading{justify-content:space-between;align-items:flex-start;display:flex}.panel-heading h2{margin-bottom:0;font-family:Georgia,serif;font-size:21px;font-weight:500}.status-dot{background:#7d8175;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 0 4px #7d817514}.status-running{background:#d5964d;box-shadow:0 0 12px #d5964dbf}.status-error{background:#c85f4f}.metrics-grid{background:#2e3028;grid-template-columns:1fr 1fr;gap:1px;margin:25px 0;display:grid}.metrics-grid div{background:#151711;padding:14px 12px}.metrics-grid dt{color:#777b70;letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:10px}.metrics-grid dd{color:#ded8c7;margin:0;font-family:Georgia,serif;font-size:20px}.section-rule{background:linear-gradient(90deg,#8c673b,#0000);height:1px;margin:24px 0}.seed-card h2{color:#ddd7c8;margin-bottom:9px;font-family:Georgia,serif;font-size:20px;font-weight:500}.seed-card>p:last-child{color:#8f9286;font-size:12px;line-height:1.65}.system-list{gap:10px;margin-top:28px;display:grid}.system-list div{color:#777b70;justify-content:space-between;align-items:center;font-size:11px;display:flex}.system-list strong{color:#aaa99d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500}.world-stage{background:#161811;min-width:0;min-height:0;position:relative;overflow:hidden}.world-canvas-frame{background:linear-gradient(135deg,#ffffff08,#0000 40%),#8ecfe0;border:1px solid #c5a46c40;position:absolute;inset:12px;overflow:hidden;box-shadow:inset 0 0 0 1px #0003,0 14px 34px #0003}.world-canvas{touch-action:none;position:absolute;inset:0}.world-canvas canvas{width:100%;height:100%;display:block}.map-tools{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1412d1;border:1px solid #d7c0934d;align-items:center;gap:2px;padding:3px;display:flex;position:absolute;bottom:16px;right:16px;box-shadow:0 8px 20px #0000003d}.map-tools button{color:#ded3b7;cursor:pointer;background:0 0;border:0;place-items:center;width:27px;height:27px;font-size:18px;line-height:1;display:grid}.map-tools button:hover,.map-tools button:focus-visible{color:#f0c77f;background:#d89b522e;outline:none}.map-tools .map-reset{border-left:1px solid #d7c09338;margin-left:2px;font-size:15px}.map-tools span{color:#a6aa9b;text-align:center;min-width:42px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.map-legend{z-index:4;color:#b5b7a9;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1412c2;border:1px solid #d7c09338;flex-wrap:wrap;gap:6px 12px;max-width:min(62%,430px);padding:8px 10px;font-size:9px;display:flex;position:absolute;bottom:17px;left:17px}.map-legend span{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.map-swatch{border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 0 2px #ffffff1a}.map-swatch-west{background:#db8067}.map-swatch-east{background:#9dd7ba}.map-swatch-station{background:#c9a15a}.map-swatch-resource{background:#e6ca73;border-radius:2px}.map-compass{z-index:4;color:#d5c7a9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1412b8;border:1px solid #d7c09340;place-items:center;width:34px;height:42px;font-family:Georgia,serif;display:grid;position:absolute;top:17px;left:17px}.map-compass span{color:#d9a15b;margin-top:4px;font-size:9px;font-weight:700}.map-compass b{color:#b6c7a7;margin-top:-10px;font-size:13px;font-weight:400}.world-stage:after{z-index:3;color:#d6d3c29e;content:"Drag to pan  ·  Scroll to zoom";letter-spacing:.04em;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e141285;border:1px solid #d7c0932e;padding:6px 8px;font-size:9px;position:absolute;top:18px;right:18px}.map-vignette{pointer-events:none;background:linear-gradient(90deg,#07080673,#0000 12% 88%,#07080673),radial-gradient(circle,#0000 45%,#0506057a 100%);position:absolute;inset:0}.map-label{z-index:2;color:#e2dbc56b;letter-spacing:.3em;text-shadow:0 1px 8px #00000073;pointer-events:none;font-family:Georgia,serif;font-size:clamp(11px,1.2vw,16px);font-weight:600;position:absolute}.map-label-north{top:16%;left:18%}.map-label-south{bottom:17%;right:15%}.phase-badge{color:#b0aa9a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d0f0cc7;border:1px solid #d39e5959;gap:2px;padding:9px 12px;font-size:11px;display:grid;position:absolute;top:18px;right:18px}.phase-badge span{color:#d9a25b;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:700}.event-count{color:#9c9d91;border:1px solid #393b31;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.timeline{margin:30px 0 0;padding:0;list-style:none;position:relative}.timeline:before{content:"";background:#37392f;width:1px;position:absolute;top:5px;bottom:5px;left:4px}.timeline li{padding:0 0 30px 25px;display:grid;position:relative}.timeline-marker{z-index:1;background:#11130f;border:2px solid #c58c4c;border-radius:50%;width:9px;height:9px;position:absolute;top:4px;left:0}.timeline time{color:#a06f3c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.timeline h3{color:#d7d1c1;margin-bottom:7px;font-family:Georgia,serif;font-size:15px;font-weight:500}.timeline p{color:#85897d;margin-bottom:0;font-size:11px;line-height:1.55}.timeline-future{opacity:.48}.timeline-future .timeline-marker{border-color:#707469}.control-deck{border-top:1px solid #34352e;padding:0 24px}.playback-controls{gap:17px}.primary-control{color:#0e100d;cursor:pointer;background:#d59a55;border:1px solid #c18748;border-radius:50%;place-items:center;width:39px;height:39px;display:grid}.speed-controls{background:#0e100d;border:1px solid #34362d;border-radius:4px;padding:3px;display:flex}.speed-controls button,.text-control{color:#7f8377;cursor:pointer;background:0 0;border:0}.speed-controls button{border-radius:2px;min-width:42px;padding:8px 9px;font-size:11px}.speed-controls button.active{color:#d9d4c5;background:#292b23}.tick-readout{color:#898c80;gap:9px;font-size:11px}.tick-readout strong{color:#b1afa2;margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;font-weight:500}.text-control{letter-spacing:.08em;text-transform:uppercase;padding:8px;font-size:10px}button:focus-visible{outline-offset:3px;outline:2px solid #e0a45c}button:hover{filter:brightness(1.13)}@media (width<=980px){.workspace{grid-template-columns:220px minmax(0,1fr)}.event-panel{display:none}}@media (width<=720px){body{overflow:auto}.app-shell{grid-template-rows:auto minmax(620px,1fr) auto;min-height:100svh}.topbar,.control-deck{padding:14px}.world-identity,.tick-readout{display:none}.workspace{grid-template-rows:auto minmax(420px,1fr);grid-template-columns:1fr}.side-panel{border-bottom:1px solid #303129;border-right:0}.metrics-grid{grid-template-columns:repeat(4,1fr)}.seed-card,.system-list,.section-rule{display:none}}