*{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:12px;align-items:center;pointer-events:none}.hud>*{pointer-events:auto}.hud-spacer{flex:1;pointer-events:none}.currency-chip{position:relative;display:flex;align-items:center;gap:6px}.currency-body{display:contents}.currency-chip.stacked{flex-direction:column;align-items:flex-start;gap:1px}.currency-chip.stacked .currency-body{display:flex;align-items:center;gap:6px}.currency-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;opacity:.6;text-shadow:0 1px 2px #000}.currency-chip.stacked .currency-rate{padding-left:24px;opacity:.8}.currency-icon{width:18px;height:18px;flex:none;image-rendering:pixelated}.currency-amount{display:inline-block;font-size:16px;font-weight:700;text-shadow:0 1px 3px #000;white-space:nowrap}.nectar-chip .currency-amount{color:#f0b429}.seed-chip .currency-amount{color:#b7e0a0}@keyframes chip-pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.currency-amount.pulse{animation:chip-pulse .4s ease-out}.currency-deltas{position:absolute;left:100%;top:50%;transform:translateY(-50%);margin-left:6px;display:flex;flex-direction:column;gap:2px;pointer-events:none}.currency-delta{display:flex;align-items:center;gap:2px;font-size:12px;font-weight:700;color:#ff9d9d;white-space:nowrap;animation:currency-delta-float .9s ease-out forwards}.currency-delta-icon{width:12px;height:12px;flex:none;image-rendering:pixelated}@keyframes currency-delta-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-16px)}}.seed-meter{width:24px;height:10px;border-radius:3px;background:#00000073;overflow:hidden;flex:none}.seed-meter-fill{height:100%;background:#a9d18e;transition:width .3s}.currency-rate{font-size:10px;opacity:.7;white-space:nowrap}.currency-chip.has-breakdown{cursor:pointer}.currency-breakdown{position:absolute;top:100%;left:0;margin-top:6px;padding:8px 10px;background:#080e0afa;border:1px solid rgba(255,255,255,.12);border-radius:8px;font-size:12px;white-space:nowrap;z-index:27;box-shadow:0 4px 16px #0006}.currency-breakdown-line{padding:2px 0;opacity:.9}.info-panel{width:200px;max-width:55vw;background:#080e0afb;border-radius:12px;padding:12px;color:#eee;font-size:13px;z-index:22;box-shadow:0 4px 16px #0006}.info-close{position:absolute;top:2px;right:2px;min-width:44px;min-height:44px;background:transparent;border:none;color:#eee;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.info-portrait-frame{display:flex;align-items:center;justify-content:center;margin:6px auto 8px;width:fit-content;max-width:78%;padding:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:8px}.info-portrait{display:block;max-width:100%;height:auto;image-rendering:pixelated}.info-name{font-weight:700;padding-right:36px;margin-bottom:6px}.info-line{display:flex;flex-wrap:wrap;align-items:center;gap:4px;opacity:.85;margin-bottom:4px}.info-gone{padding-top:20px;opacity:.6;font-style:italic}.nav-rail{position:fixed;left:8px;top:50%;transform:translateY(-50%);z-index:26;display:flex;flex-direction:column;gap:10px}@media(max-height:560px){.nav-rail{top:12px;transform:none}}.nav-btn{width:48px;height:48px;flex:none;border-radius:999px;border:3px solid rgba(160,220,150,.55);background:#001e3c8c;cursor:pointer;display:flex;align-items:center;justify-content:center}.nav-btn img{width:28px;height:28px;image-rendering:pixelated}.nav-btn.active{background:#3a6ea5d9;border-color:#7fb2e5}.dev-fixed{position:fixed;left:0;right:0;bottom:0;z-index:25;display:flex;justify-content:center;padding:0 12px calc(12px + env(safe-area-inset-bottom));pointer-events:none}.dev-fixed>*{pointer-events:auto}.time-control{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}.speed-group{display:flex;border-radius:999px;overflow:hidden;border:3px solid rgba(160,220,150,.55);background:#001e3c8c}.speed-btn{min-width:40px;min-height:40px;padding:0 10px;border:none;background:transparent;color:#cfe9ff;font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center}.speed-btn+.speed-btn{border-left:1px solid rgba(160,220,150,.3)}.speed-btn.active{background:#3a6ea5d9;color:#fff}.time-clock{font-size:12px;opacity:.85;white-space:nowrap;text-shadow:0 1px 3px #000}.dev{width:100%;max-width:480px;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;justify-content:space-between}.dev-row button{background:#222;color:#ddd;border:1px solid #555;border-radius:4px;padding:2px 8px;cursor:pointer}.clock{opacity:.7}.sheet{position:fixed;left:0;top:0;bottom:0;width:75vw;max-width:460px;background:#080e0afb;padding-bottom:env(safe-area-inset-bottom);transition:transform .25s ease-out;display:flex;flex-direction:column;color:#eee;z-index:20}.sheet-header{cursor:pointer;flex:none;padding:8px 16px 12px 64px}.sheet-header-row{display:flex;align-items:center;justify-content:space-between;min-height:44px}.sheet-title{font-weight:700;letter-spacing:.04em}.sheet-currencies{display:flex;align-items:center;gap:14px;opacity:.9}.sheet-tabs{flex:none;display:flex;gap:4px;padding:0 12px 8px 64px}.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 64px}.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}.owned-badge{flex:none;min-width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff14;font-size:12px;font-weight:700;color:#cfe0d2}.owned-badge.zero{background:transparent;color:#7a8a7d;opacity:.7}.catalog-thumb{flex:none;width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.catalog-info{min-width:0;flex:1}.catalog-name{font-weight:600}.catalog-flavor{font-size:12px;opacity:.65;margin-top:2px}.catalog-cap{font-size:11px;opacity:.55;margin-top:2px}.catalog-cap.full{opacity:.9;color:#f0b429}.catalog-gate-note{font-size:11px;opacity:.55;margin-top:2px;font-style:italic}.catalog-action{display:flex;align-items:center;gap:10px;flex:none}.catalog-cost{display:flex;align-items:center;gap:4px;font-size:13px;opacity:.85;white-space:nowrap}.cost-icon{width:14px;height:14px;flex:none;image-rendering:pixelated;vertical-align:middle}.plant-btn{position:relative;min-height:44px;width:96px;padding:0 14px;border-radius:6px;border:1px solid #4a5a4d;background:#233025;color:#9db;font-weight:700;font-size:12px;text-align:center;cursor:pointer}.plant-btn--insect{width:110px}.plant-btn.disabled{color:#6a7a6d;background:#191f1b;border-color:#33403a;cursor:not-allowed}.plant-btn.pending{color:#dfe9e2;background:#1c2a20;border-color:#4a5a4d;cursor:default;animation:purchase-pulse .7s ease-in-out infinite}@keyframes purchase-pulse{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.06);filter:brightness(1.25)}}.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-thumb{flex:none;width:28px;height:auto;image-rendering:pixelated}.census-portrait-silhouette{flex:none;width:28px;height:auto;image-rendering:pixelated;filter:brightness(.15)}.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-portrait-frame{display:flex;align-items:center;justify-content:center;padding:8px;background:#ffffff12;border:1px solid rgba(255,255,255,.16);border-radius:8px}.starter-portrait{image-rendering:pixelated;width:auto;height:84px;display:block}.starter-name{font-weight:700;font-size:14px;text-align:center}.starter-plant{font-size:12px;opacity:.65;text-align:center}@media(max-width:520px){.catalog-row{display:grid;grid-template-columns:auto auto 1fr;grid-template-areas:"badge thumb info" "action action action";row-gap:6px;column-gap:10px;align-items:center}.owned-badge{grid-area:badge}.catalog-thumb{grid-area:thumb}.catalog-info{grid-area:info}.catalog-action{grid-area:action;justify-content:flex-end;width:100%}}.log-empty{opacity:.5;font-style:italic}