*{margin:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:ui-monospace,SFMono-Regular,monospace;background:#000;color:#eee;overflow:hidden}.app{position:relative;height:100%}.frame{position:absolute;top:0;right:0;bottom:0;left:0}.frame canvas{display:block}.hud{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:16px;align-items:center;pointer-events:none}.hud>*{pointer-events:auto}.sunlight{font-size:18px;text-shadow:0 1px 3px #000}.vitality{position:relative;flex:1;max-width:220px;height:8px;background:#00000073;border-radius:4px}.vitality-fill{height:100%;background:#9dd772;border-radius:4px;transition:width .3s}.vitality-notch{position:absolute;left:50%;top:-3px;width:2px;height:14px;background:#fffc}.water{margin-left:auto;padding:10px 16px;border-radius:999px;border:3px solid;background:#001e3c8c;color:#cfe9ff;font-weight:700;cursor:pointer}.dev{position:absolute;left:12px;right:12px;bottom:12px;background:#0000008c;border-radius:8px;padding:10px;font-size:12px}.dev input[type=range]{width:100%}.dev-row{display:flex;gap:8px;margin:6px 0;align-items:center}.dev-row button{background:#222;color:#ddd;border:1px solid #555;border-radius:4px;padding:2px 8px;cursor:pointer}.dev-row button.on{background:#3a6ea5;border-color:#7fb2e5}.clock{margin-left:auto;opacity:.7}.journal-chip{width:44px;height:44px;border-radius:999px;border:3px solid rgba(160,220,150,.55);background:#001e3c8c;color:#cfe9ff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center}.sheet{position:fixed;left:0;right:0;bottom:0;height:66vh;height:66dvh;background:#080e0afb;border-radius:16px 16px 0 0;padding-bottom:env(safe-area-inset-bottom);transition:transform .25s ease-out;display:flex;flex-direction:column;color:#eee;z-index:20}@media(min-width:561px){.sheet{left:50%;right:auto;width:480px;max-width:480px;transform-origin:bottom center;margin-left:-240px}}.sheet-header{cursor:pointer;flex:none;padding:8px 16px 12px}.sheet-handle{width:36px;height:4px;border-radius:2px;background:#ffffff59;margin:0 auto 10px}.sheet-header-row{display:flex;align-items:center;justify-content:space-between;min-height:44px}.sheet-title{font-weight:700;letter-spacing:.04em}.sheet-sunlight{opacity:.85}.sheet-tabs{flex:none;display:flex;gap:4px;padding:0 12px 8px}.sheet-tabs button{flex:1;min-height:44px;background:#1a231d;color:#ccc;border:1px solid #3a4a3d;border-radius:6px;cursor:pointer;font-size:13px}.sheet-tabs button.on{background:#3a6ea5;border-color:#7fb2e5;color:#fff}.sheet-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:4px 16px 24px}.tier-heading{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin:16px 0 6px}.catalog-tier:first-child .tier-heading{margin-top:4px}.catalog-slot-row{position:sticky;top:0;z-index:5;background:#080e0a;padding:4px 0 12px;margin:0 0 4px}.catalog-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.catalog-row.locked{opacity:.5}.catalog-info{min-width:0}.catalog-name{font-weight:600}.catalog-flavor{font-size:12px;opacity:.65;margin-top:2px}.catalog-action{display:flex;align-items:center;gap:10px;flex:none}.catalog-cost{font-size:13px;opacity:.85;white-space:nowrap}.plant-btn{min-height:44px;min-width:64px;padding:0 14px;border-radius:6px;border:1px solid #4a5a4d;background:#233025;color:#9db;font-weight:700;font-size:12px;cursor:pointer}.plant-btn.disabled{color:#6a7a6d;background:#191f1b;border-color:#33403a;cursor:not-allowed}.slot-btn{display:block;width:100%;min-height:48px;margin:0;padding:0 14px;border-radius:6px;border:1px solid #7fb2e5;background:#223a52;color:#cfe9ff;font-weight:700;font-size:13px;cursor:pointer}.slot-btn.disabled{color:#6a7a8a;background:#171f26;border-color:#33404a;cursor:not-allowed}.census-list{display:flex;flex-direction:column}.census-row{display:flex;align-items:baseline;gap:8px;min-height:44px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08);flex-wrap:wrap}.census-glyph{flex:none;width:1.2em;text-align:center}.census-name{font-weight:600}.census-count{opacity:.7;font-size:12px}.census-sub{opacity:.55;font-size:12px}.sheet-journal{list-style:none}.sheet-journal li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.sheet-journal .date{opacity:.5;margin-right:6px}.starter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#040806f7;color:#eee;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px calc(24px + env(safe-area-inset-bottom));overflow-y:auto}.starter-copy{text-align:center;max-width:480px;margin-bottom:24px}.starter-copy h1{font-size:20px;font-weight:700;letter-spacing:.02em;margin-bottom:8px}.starter-copy p{font-size:14px;opacity:.75}.starter-cards{display:flex;flex-direction:column;gap:12px;width:100%;max-width:480px}@media(min-width:561px){.starter-cards{flex-direction:row}}.starter-card{flex:1;min-height:44px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 12px;background:#141c16;border:1px solid #3a4a3d;border-radius:10px;color:#eee;cursor:pointer;font-family:inherit}.starter-card:hover,.starter-card:focus-visible{background:#1c281f;border-color:#7fb2e5}.starter-sprite{image-rendering:pixelated;width:auto;height:64px}.starter-name{font-weight:700;font-size:14px;text-align:center}.starter-plant{font-size:12px;opacity:.65;text-align:center}