*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;background:#ebe2d3;width:100%;height:100%;overflow:hidden}#game-container{width:var(--app-width,100vw);height:var(--app-height,100dvh);position:relative}#game-container canvas{display:block;position:absolute;inset:0}#hud-overlay{pointer-events:none;z-index:10;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:absolute;inset:0}#hud-chrono{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20;background:linear-gradient(#f4eee4f5 0%,#e8dfd0f0 100%);border-bottom:1px solid #a8886061;padding:5px 18px 6px;position:absolute;top:0;left:0;right:0;box-shadow:0 2px 10px #46301814}.chrono-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chrono-title{letter-spacing:2px;text-transform:uppercase;color:#7a5830b8;flex-shrink:0;font-size:8px}.chrono-right{align-items:center;gap:12px;display:flex}.chrono-era-name{color:#6f542c;font-size:11px;font-weight:600;transition:color .4s}.chrono-date{color:#765a3ab8;white-space:nowrap;font-family:ui-monospace,Consolas,monospace;font-size:9px}.chrono-markers-row{height:18px;margin-bottom:2px;position:relative}.chrono-marker{flex-direction:column;align-items:center;gap:1px;display:flex;position:absolute;transform:translate(-50%)}.chrono-m-emoji{opacity:.28;filter:grayscale()saturate(.6);font-size:9px;line-height:1;transition:opacity .35s,transform .35s,filter .35s}.chrono-m-dot{background:#7a583038;border-radius:50%;width:3px;height:3px;transition:background .35s,transform .35s,box-shadow .35s}.chrono-marker.cm-discovered .chrono-m-emoji{opacity:.8;filter:grayscale(0)}.chrono-marker.cm-discovered .chrono-m-dot{background:#8f6c36}.chrono-marker.cm-current .chrono-m-emoji{opacity:1;filter:grayscale(0);transform:scale(1.5)}.chrono-marker.cm-current .chrono-m-dot{background:#c68a34;transform:scale(1.5);box-shadow:0 0 6px #c68a3473}.chrono-track{background:#765a3a2e;border-radius:2px;height:4px;position:relative;overflow:visible}.chrono-fill{background:linear-gradient(90deg,#8d6b3b 0%,#b48a52 35%,#c8964e 68%,#d57d3e 100%);border-radius:2px;width:0%;transition:width .7s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;bottom:0;left:0}.chrono-cursor{pointer-events:none;transition:left .7s cubic-bezier(.25,.46,.45,.94);position:absolute;top:50%;left:0%;transform:translate(-50%,-50%)}.chrono-cursor-line{background:#b86f2c;border-radius:1px;width:2px;height:10px;margin:-3px auto 0;box-shadow:0 0 6px #b86f2c73}.chrono-labels{height:10px;margin-top:3px;position:relative}.chrono-label{color:#7a583094;white-space:nowrap;font-size:7px;position:absolute;transform:translate(-50%)}.chrono-label:first-child{transform:translate(0)}.chrono-label:last-child{transform:translate(-100%)}.layout-side #hud-stats{left:0;top:var(--grid-y);width:var(--grid-x);height:var(--grid-h);min-width:0;max-width:none;box-shadow:none;background:#f8f4eef5;border-right:1px solid #c8b898;border-radius:0;flex-direction:column;justify-content:center;gap:0;padding:20px 16px;display:flex;position:absolute;overflow:hidden}.layout-side #hud-legend{right:0;top:var(--grid-y);width:calc(100% - var(--grid-x) - var(--grid-w));height:var(--grid-h);max-width:none;box-shadow:none;background:#f8f4eef5;border-left:1px solid #c8b898;border-radius:0;padding:12px 10px;display:block;position:absolute;bottom:auto;left:auto;overflow-y:auto;transform:none}.layout-side #legend-toggle-btn{display:none!important}.layout-side #hud-actions{right:18px;bottom:calc(100vh - var(--grid-y) - var(--grid-h) + 14px);pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute}.layout-stacked #hud-stats{left:50%;top:calc(var(--grid-y) + var(--grid-h) + 10px);width:calc(var(--grid-w));background:#f8f4eef7;border:1px solid #c8b898;border-radius:10px;flex-flow:wrap;gap:0 16px;min-width:0;max-width:none;padding:10px 14px;display:flex;position:absolute;transform:translate(-50%);box-shadow:0 2px 12px #00000026}.layout-stacked .stat-divider{display:none}.layout-stacked #hud-legend{width:calc(var(--grid-w));border-radius:10px;max-width:calc(100vw - 16px);max-height:40vh;display:none;position:absolute;bottom:68px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 4px 20px #0003}.layout-stacked #hud-legend.legend-open{display:block}.layout-stacked #legend-toggle-btn{pointer-events:auto;cursor:pointer;background:#f8f4eef7;border:1px solid #c8b898;border-radius:12px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;display:flex;position:absolute;bottom:12px;left:12px;box-shadow:0 2px 12px #00000026}.layout-stacked #hud-actions{right:12px;bottom:max(12px, env(safe-area-inset-bottom,0px));pointer-events:auto;gap:10px;display:flex;position:absolute}.layout-stacked #legend-toggle-btn{bottom:max(12px, env(safe-area-inset-bottom,0px))}@media (height<=760px){.layout-stacked #hud-stats{top:calc(var(--grid-y) + var(--grid-h) + 8px);gap:0 10px;padding:8px 10px}.layout-stacked .value-gen{font-size:24px}.layout-stacked .stat-value{font-size:11px}.layout-stacked .stat-label{letter-spacing:1px;font-size:7px}.layout-stacked .value-era,.layout-stacked .value-env,.layout-stacked .value-entropy{font-size:9px}.layout-stacked #algo-info-btn,.layout-stacked #merge-history-btn,.layout-stacked #legend-toggle-btn{width:46px;height:46px;font-size:20px}}.stat-block{flex-direction:column;gap:1px;display:flex}.stat-label{letter-spacing:1.5px;text-transform:uppercase;opacity:.75;font-size:9px}.stat-value{color:#2a2018;font-size:15px;font-weight:700;line-height:1.2}.stat-divider{border:none;border-top:1px solid #b4a07859;margin:8px 0}.label-gen{color:#5a8a28}.value-gen{color:#1a1a1a;font-family:ui-monospace,Consolas,monospace;font-size:42px;line-height:1}.label-life{color:#1a8a70}.value-life{color:#156655}.label-era{color:#a07820}.value-era{color:#7a5a10;font-size:13px}.label-env{color:#7b5a90}.value-env{color:#614270;font-size:12px;line-height:1.35}.label-entropy{color:#9a4a32}.value-entropy{color:#7a2f1f;font-family:ui-monospace,Consolas,monospace}.label-merges{color:#c05828}.value-merges{color:#8a3a18;font-family:ui-monospace,Consolas,monospace}.layout-stacked .value-gen{font-size:28px}.layout-stacked .stat-value{font-size:12px}.layout-stacked .stat-label{font-size:8px}.layout-stacked .value-era{font-size:11px}.layout-stacked .value-env,.layout-stacked .value-entropy{font-size:10px}@keyframes gen-pulse{0%{color:#1a1a1a;transform:scale(1)}35%{color:#3a7a10;transform:scale(1.18)}to{color:#1a1a1a;transform:scale(1)}}.gen-pulse{animation:.4s ease-out gen-pulse}#hud-legend{pointer-events:auto;background:#f8f4eef7;border:1px solid #c8b898}.legend-header{letter-spacing:2px;color:#8a7050;text-transform:uppercase;margin-bottom:8px;font-size:9px}.env-guide-header{margin-top:14px}.legend-grid{flex-wrap:wrap;gap:4px 6px;display:flex}.legend-item{cursor:pointer;pointer-events:auto;border-radius:6px;align-items:center;gap:5px;min-width:90px;margin:-3px -4px;padding:3px 4px;transition:background .15s;display:flex}.legend-item:hover{background:#b48c3c1f}.legend-emoji{font-size:16px;line-height:1}.legend-info{flex-direction:column;display:flex}.legend-name{color:#2a2018;font-size:11px;line-height:1.3}.legend-era{color:#8a7860;font-size:9px;line-height:1.2}.legend-count{color:#8a7050;font-family:ui-monospace,Consolas,monospace;font-size:10px}.env-guide-grid{flex-direction:column;gap:8px;display:flex}.env-guide-item{background:#b48c3c14;border-radius:8px;align-items:flex-start;gap:8px;padding:6px 8px;display:flex}.env-guide-emoji{font-size:18px;line-height:1}.env-guide-copy{flex-direction:column;gap:2px;display:flex}.env-guide-name{color:#3a2a18;font-size:11px;font-weight:700}.env-guide-detail{color:#7a6040;font-size:10px;line-height:1.35}#hud-actions{pointer-events:none}#algo-info-btn,#merge-history-btn{pointer-events:auto;cursor:pointer;color:#5a4020;background:#f8f4eef7;border:1px solid #c8b898;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;padding:0;font-family:inherit;font-size:22px;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 6px 18px #0000001f}#algo-info-btn:hover,#merge-history-btn:hover{background:#fff8eb;box-shadow:0 10px 24px #00000029}#era-banner{color:#3a2808;white-space:nowrap;text-align:center;opacity:0;pointer-events:none;background:#fffcf5f7;border:2px solid #c8a060;border-radius:14px;padding:16px 32px;font-size:20px;transition:opacity .25s,transform .25s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.6);box-shadow:0 8px 32px #00000038}#era-banner.era-show{opacity:1;transform:translate(-50%,-50%)scale(1)}#legend-toggle-btn{display:none}#info-modal,#merge-modal{pointer-events:auto;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0804b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#info-modal.modal-hidden,#merge-modal.modal-hidden{display:none}#info-modal-panel,#merge-modal-panel{background:#fffcf8fa;border:2px solid #c8b898;border-radius:16px;flex-direction:column;width:min(640px,100vw - 32px);max-height:calc(100vh - 64px);display:flex;overflow:hidden;box-shadow:0 16px 48px #00000059}#info-modal-header,#merge-modal-header{border-bottom:1px solid #ddd5c4;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}#info-modal-title,#merge-modal-title{letter-spacing:2.5px;text-transform:uppercase;color:#8a7050;font-size:11px;font-weight:600}#info-modal-close,#merge-modal-close{color:#9a8060;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:2px 6px;font-size:16px;transition:background .15s}#info-modal-close:hover,#merge-modal-close:hover{background:#b48c5026}#info-modal-body,#merge-modal-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;padding:6px 0;overflow-y:auto}.info-section{border-bottom:1px solid #c8b48c2e;padding:14px 20px}.info-section:last-child{border-bottom:none}.info-section-title{letter-spacing:1.8px;text-transform:uppercase;color:#8a7050;margin-bottom:8px;font-size:10px;font-weight:700}.info-section p,.info-list{color:#3a2a18;font-size:13px;line-height:1.55}.info-list{padding-left:18px}.info-list li+li{margin-top:6px}.info-env-list{flex-direction:column;gap:10px;display:flex}.info-env-row{background:#b48c3c0f;border:1px solid #c8b48c47;border-radius:10px;padding:10px 12px}.info-env-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.info-env-badge{font-size:18px;line-height:1}.info-env-name{color:#3a2a18;font-size:13px;font-weight:700}.info-env-metrics{color:#8a7050;flex-wrap:wrap;gap:12px;margin-bottom:7px;font-size:10px;display:flex}.info-env-item{color:#3a2a18;align-items:flex-start;gap:7px;font-size:12px;line-height:1.45;display:flex}.info-env-item+.info-env-item{margin-top:5px}.info-env-item-emoji{flex-shrink:0;font-size:14px;line-height:1.2}.merge-row{border-bottom:1px solid #c8b48c2e;align-items:center;gap:8px;padding:7px 20px;font-size:13px;display:flex}.merge-row:last-child{border-bottom:none}.merge-row:hover{background:#c8aa6412}.merge-num{color:#b0987a;min-width:36px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.merge-parent{align-items:center;gap:4px;font-size:14px;display:flex}.merge-child{align-items:center;gap:4px;font-size:15px;font-weight:600;display:flex}.merge-name{color:#3a2a18;font-size:11px}.merge-lvl{color:#a07840;background:#b48c3c26;border-radius:4px;padding:1px 5px;font-size:9px}.merge-plus{color:#b0987a;font-size:13px}.merge-arrow{color:#7a9a48;font-size:16px}.merge-empty{text-align:center;color:#9a8060;padding:40px;font-size:14px}@media (width<=600px){#info-modal,#merge-modal{align-items:flex-end}#info-modal-panel,#merge-modal-panel{border-bottom:none;border-radius:16px 16px 0 0;width:100%;max-height:80vh}.merge-name{display:none}.merge-parent,.merge-child{font-size:18px}}#entity-modal{pointer-events:auto;z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a0804b8;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#entity-modal.modal-hidden{display:none}#entity-modal-panel{background:#fffcf8fc;border:2px solid #c8b898;border-radius:18px;flex-direction:column;width:min(440px,100vw - 32px);max-height:calc(100vh - 64px);display:flex;position:relative;overflow:hidden;box-shadow:0 16px 52px #00000061}#entity-modal-close{color:#9a8060;cursor:pointer;z-index:1;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:16px;transition:background .15s;position:absolute;top:12px;right:14px}#entity-modal-close:hover{background:#b48c5026}#entity-modal-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;overflow-y:auto}#entity-modal-nav{border-top:1px solid #e0d8cc;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px 12px;display:flex}#entity-modal-nav-label{color:#9a8870;letter-spacing:.05em;text-align:center;flex:1;font-size:11px}#entity-modal-prev,#entity-modal-next{color:#7a6a50;cursor:pointer;background:0 0;border:1px solid #c8b89a;border-radius:6px;justify-content:center;align-items:center;width:36px;height:32px;font-size:16px;line-height:1;transition:background .15s,color .15s;display:flex}#entity-modal-prev:hover,#entity-modal-next:hover{color:#4a3a20;background:#e8dfc8}.em-header{align-items:center;gap:14px;padding:20px 20px 16px;display:flex}.em-emoji{flex-shrink:0;font-size:48px;line-height:1}.em-header-info{flex:1;min-width:0}.em-name{color:#1a1208;font-size:20px;font-weight:700;line-height:1.2}.em-era{color:#7a6040;margin-top:2px;font-size:12px}.em-time{color:#a08860;margin-top:2px;font-family:ui-monospace,Consolas,monospace;font-size:10px}.em-level-badge{border:2px solid;border-radius:10px;flex-shrink:0;padding:4px 10px;font-family:ui-monospace,Consolas,monospace;font-size:13px;font-weight:700}.em-section{border-top:1px solid #e8dece;padding:12px 20px}.em-section-title{letter-spacing:2px;text-transform:uppercase;color:#a08860;margin-bottom:10px;font-size:9px;font-weight:600}.em-stats-grid{grid-template-columns:1fr 1fr;gap:8px 16px;display:grid}.em-stat{flex-direction:column;gap:1px;display:flex}.em-stat-label{color:#9a8060;text-transform:uppercase;letter-spacing:.8px;font-size:9px}.em-stat-val{color:#2a1a08;font-family:ui-monospace,Consolas,monospace;font-size:15px;font-weight:600}.em-gene-row{align-items:center;gap:8px;margin-bottom:7px;display:flex}.em-gene-row:last-child{margin-bottom:0}.em-gene-label{color:#4a3820;flex-shrink:0;width:86px;font-size:11px}.em-gene-track{background:#00000014;border-radius:3px;flex:1;height:6px;overflow:hidden}.em-gene-fill{border-radius:3px;height:100%;transition:width .3s}.em-gene-value{color:#6a5030;text-align:right;flex-shrink:0;width:80px;font-size:10px}.em-lineage-tag{color:#6a5030;background:#0000000f;border-radius:8px;margin-top:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-block}.em-genes-note{color:#a08860;margin-top:8px;font-size:10px;font-style:italic}.em-description{color:#4a3f30;background:#f5f0e8;border-left:3px solid #c8b89a;border-radius:0 6px 6px 0;margin:0 0 4px;padding:10px 12px;font-size:12.5px;font-style:italic;line-height:1.6}.em-rules{flex-direction:column;gap:7px;display:flex}.em-rule{color:#3a2a18;align-items:flex-start;gap:8px;font-size:12px;line-height:1.4;display:flex}.em-rule-icon{flex-shrink:0;font-size:14px;line-height:1.3}.em-offspring{background:#64a03c1f;border:1px solid #64a03c40;border-radius:6px;align-items:center;gap:3px;margin:0 2px;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}@media (width<=600px){#entity-modal{align-items:flex-end}#entity-modal-panel{border-bottom:none;border-radius:18px 18px 0 0;width:100%;max-height:85vh}}:root{--ui-bg:#fbf6eef5;--ui-bg-strong:#fbf6eefc;--ui-border:#b8a28752;--ui-shadow:#2e241b1f;--ui-shadow-strong:#2e241b2e;--ui-text:#2e241b;--ui-text-muted:#7b6752;--ui-text-soft:#6d5b49;--ui-panel-tint:#6e5f4a14;--ui-panel-tint-strong:#6e5f4a1f;--ui-accent:#c98b2e;--ui-accent-soft:#c98b2e29;--ui-highlight:#f3d36b;--ui-highlight-soft:#f3d36b5c;--ui-success:#4f7a4a;--ui-success-soft:#4f7a4a1f;--ui-danger:#b85a46;--ui-danger-soft:#b85a4614;--ui-ocean:#3a6f96;--ui-ocean-soft:#3a6f9624;--ui-coast:#8fbfad;--ui-coast-soft:#8fbfad38;--ui-land:#8eaa63;--ui-land-soft:#8eaa6329;--ui-forest:#4f7a4a;--ui-desert:#cfa562;--ui-stone:#8b8178}#hud-overlay{pointer-events:none;flex-direction:column;gap:0;padding:0;font-family:Inter,system-ui,sans-serif;display:flex;position:absolute;inset:0}.biomass-orb{z-index:80;pointer-events:none;will-change:transform, opacity;background:#72b36a;border-radius:999px;width:12px;height:12px;position:absolute;box-shadow:0 0 0 5px #72b36a29,0 0 18px #72b36a8c}.hud-topbar{top:calc(8px + env(safe-area-inset-top,0px));-webkit-backdrop-filter:blur(10px);border:1px solid var(--ui-border);z-index:20;pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;background:#fbf6eed1;border-radius:999px;align-items:center;gap:10px;padding:6px 14px;display:flex;position:absolute;left:12px;box-shadow:0 2px 12px #2e241b1f}.hud-topbar.is-dragging{opacity:.92;box-shadow:0 6px 24px #2e241b33}@media (width<=979px){.hud-topbar{-webkit-backdrop-filter:none;background:#fbf6eeeb}}.hud-title-group,.hud-stage-group{flex-direction:column;gap:1px;display:flex}.hud-kicker{display:none}.hud-stage-label,.hud-section-label,.hud-stat-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;overflow:hidden}.hud-title{color:var(--ui-text);font-size:15px;font-weight:700}.hud-stage-group{text-align:right}.hud-stage-value{color:var(--ui-text);font-size:13px;font-weight:700}.hud-progress{background:var(--ui-panel-tint-strong);flex-shrink:0;width:100%;height:4px;overflow:hidden}.hud-progress-fill{background:linear-gradient(90deg, var(--ui-accent) 0%, var(--ui-land) 100%);width:0%;height:100%;transition:width .25s}.hud-phase-banner{color:#f8f2e8;pointer-events:none;background:#4f7a4af0;border-radius:14px;flex-direction:column;gap:2px;margin:8px 12px 0;padding:10px 12px;display:flex;box-shadow:0 8px 18px #2436222e}.hud-phase-banner.hidden{display:none}.hud-phase-banner-title{letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.hud-phase-banner-detail{color:#f8f2e8eb;font-size:12px;line-height:1.4}.milestone-notify-banner{color:#f8f2e8;cursor:pointer;pointer-events:auto;text-align:left;box-sizing:border-box;background:#4f7a4af0;border:none;border-radius:14px;align-items:center;gap:10px;width:calc(100% - 24px);margin:6px 12px 0;padding:10px 14px;font-family:inherit;transition:background .15s,opacity .15s;display:flex;box-shadow:0 4px 14px #24362233}.milestone-notify-banner:hover:not(:disabled){background:#5a8854f7}.milestone-notify-banner.hidden{display:none}.milestone-notify-banner.is-read{cursor:default;background:#645f58b8;animation:2.5s .4s forwards milestone-read-fade}@keyframes milestone-read-fade{0%{opacity:1}80%{opacity:1}to{opacity:0;pointer-events:none}}.milestone-notify-icon{flex-shrink:0;font-size:18px;line-height:1}.milestone-notify-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.milestone-notify-label{letter-spacing:.08em;text-transform:uppercase;color:#f8f2e8b3;font-size:9px;font-weight:700}.milestone-notify-title{color:#f8f2e8;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.milestone-notify-cta{color:#f8f2e8d9;white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.floating-action-menu{pointer-events:auto;background:var(--ui-bg-strong);border:1px solid var(--ui-border);min-width:132px;box-shadow:0 10px 24px var(--ui-shadow-strong);z-index:30;border-radius:14px;flex-direction:column;gap:6px;padding:8px;display:flex;position:absolute;transform:translateY(-50%)}.floating-action-menu.hidden{display:none}.floating-action-menu.floating-left{transform:translate(-100%,-50%)}.floating-action-menu.floating-right{transform:translateY(-50%)}.floating-cancel-menu{min-width:132px;transform:translateY(calc(140px - 50%))}.floating-cancel-menu.floating-left{transform:translate(-100%,calc(140px - 50%))}.floating-cancel-menu.floating-right{transform:translateY(calc(140px - 50%))}.floating-menu-title{border-bottom:1px solid var(--ui-border);align-items:center;gap:6px;margin-bottom:2px;padding:4px 4px 6px;display:flex}.floating-menu-title-col{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.floating-menu-title-col #floating-menu-title-text{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.floating-menu-group{color:var(--ui-text-muted);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.floating-action-row{align-items:stretch;gap:6px;display:flex}.adapt-label{flex:1}.adapt-price-pill{color:var(--ui-success,#3a7a3a);white-space:nowrap;background:#4f7a4a2e;border:1px solid #4f7a4a4d;border-radius:999px;align-items:center;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}#floating-adapt:disabled .adapt-price-pill{color:#c0392b;background:#b43c281a;border-color:#b43c2833}.floating-action-row>button:first-child{flex:auto}.floating-action-menu button{background:var(--ui-panel-tint);min-height:44px;color:var(--ui-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;font-size:14px;font-weight:600;transition:background .12s,transform .12s,opacity .12s;display:flex}.floating-action-menu button:active:not(:disabled){background:#6e5f4a33;transform:scale(.97)}.floating-action-menu button:hover:not(:disabled){background:#6e5f4a24}.floating-action-menu button.is-active{color:var(--ui-text-soft);background:linear-gradient(135deg,#c98b2e42,#f3d36b94);box-shadow:inset 0 0 0 1px #c98b2e3d}.floating-action-menu button.is-active:hover:not(:disabled){background:linear-gradient(135deg,#c98b2e52,#f3d36ba8)}.floating-action-menu button:disabled{cursor:default;opacity:.38}.floating-action-menu button.is-active:disabled{opacity:.82}.floating-inline-info-btn{min-height:44px;color:var(--ui-ocean);background:#3a6f961f;flex:0 0 36px;justify-content:center;padding:0;font-size:16px;font-weight:700;box-shadow:inset 0 0 0 1px #3a6f961f}.floating-inline-info-btn:hover:not(:disabled){background:#3a6f962e}.floating-inline-info-btn:active:not(:disabled){background:#3a6f963d}.floating-action-reason{color:#a83222;background:#b43c2814;border:1px solid #b43c282e;border-radius:8px;align-items:flex-start;gap:6px;margin-top:2px;padding:8px 10px;font-size:11px;font-weight:500;line-height:1.4;display:flex}.floating-action-reason:before{content:"✕";text-align:center;background:#b43c2824;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:10px;font-weight:800;line-height:16px;display:flex}.floating-action-reason.hidden{display:none}.action-icon{flex:0 0 16px;width:16px;height:16px;position:relative}.icon-adapt:before,.icon-adapt:after,.icon-expand:before,.icon-expand:after{content:"";position:absolute}.icon-adapt:before{background:var(--ui-success);border-radius:999px;width:2px;height:14px;top:1px;left:7px}.icon-adapt:after{border:2px solid var(--ui-success);border-left:0;border-top-right-radius:8px;border-bottom-left-radius:8px;width:10px;height:8px;top:4px;left:3px;transform:rotate(-35deg)}.icon-expand:before{background:#a05b2d;border-radius:999px;width:14px;height:2px;top:7px;left:1px}.icon-expand:after{border-top:2px solid #a05b2d;border-right:2px solid #a05b2d;width:6px;height:6px;top:4px;right:1px;transform:rotate(45deg)}.icon-decompose:before,.icon-decompose:after{content:"";position:absolute}.icon-decompose:before{background:var(--ui-danger);border-radius:999px;width:2px;height:10px;top:1px;left:7px}.icon-decompose:after{border-bottom:2px solid var(--ui-danger);border-right:2px solid var(--ui-danger);width:6px;height:6px;top:7px;left:4px;transform:rotate(45deg)}.icon-cancel:before,.icon-cancel:after{content:"";background:var(--ui-text-soft);border-radius:999px;width:2px;height:14px;position:absolute;top:1px;left:7px}.icon-cancel:before{transform:rotate(45deg)}.icon-cancel:after{transform:rotate(-45deg)}.hud-panel{pointer-events:auto;width:100%;padding:10px 12px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px));background:var(--ui-bg);border-top:1px solid var(--ui-border);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;gap:8px;max-height:28dvh;margin-top:auto;display:flex;overflow:hidden auto;box-shadow:0 -4px 16px #2e241b14}.hud-stats{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.hud-stat{background:var(--ui-panel-tint);border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:6px 4px;display:flex;position:relative;overflow:hidden}.hud-biomass-chart{pointer-events:none;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.hud-stat-value{color:var(--ui-text);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:17px;font-weight:700;overflow:hidden}.hud-section{flex-direction:column;gap:3px;min-height:0;display:flex}.hud-objective,.hud-selection,.hud-hint,.hud-log,.hud-objective-detail,.hud-mode{color:var(--ui-text);font-size:13px;line-height:1.35}.hud-objective{font-weight:700}.hud-objective-detail,.hud-mode{color:var(--ui-text-soft);font-size:12px}.hud-section-hint,.hud-section-log,.hud-section-selection .hud-mode{display:none}.hud-actions-grid{justify-content:flex-end;align-items:center;gap:8px;display:flex}.hud-section-turn{bottom:calc(-10px - env(safe-area-inset-bottom,0px));z-index:2;margin:0 -12px calc(-10px - env(safe-area-inset-bottom,0px));padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(#fbf6ee00 0%,#fbf6eef5 18%,#fbf6eefc 100%);border-top:1px solid #b8a28733;position:sticky}.hud-actions-grid button{color:#fffaf2;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#6e4c2d;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:0;font-size:22px;line-height:1;transition:transform .12s,opacity .12s,background .12s;display:flex}.hud-actions-grid button:active:not(:disabled){background:#825734;transform:scale(.92)}.hud-actions-grid button:hover:not(:disabled){background:#825734}.hud-actions-grid button:disabled{cursor:default;opacity:.38}.hud-actions-grid .hud-seed{background:var(--ui-ocean)}.hud-actions-grid .hud-seed:hover:not(:disabled){background:#4b85ae}.hud-actions-grid .hud-tree{background:var(--ui-text-soft)}.hud-actions-grid .hud-tree:hover:not(:disabled){background:#86715d}.hud-actions-grid .hud-encyclopedia{background:#8b6c45}.hud-actions-grid .hud-encyclopedia:hover:not(:disabled){background:#9a7a50}@media (height<=760px){.hud-topbar{padding:6px 10px;padding-top:calc(6px + env(safe-area-inset-top,0px));gap:6px}.hud-title{font-size:13px}.hud-stage-value{font-size:12px}.hud-stage-label,.hud-section-label,.hud-stat-label{font-size:8px}.hud-progress{height:3px}.hud-panel{padding:8px 10px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));gap:6px;max-height:min(40dvh,220px)}.hud-stats{gap:4px}.hud-stat{padding:5px 3px}.hud-stat-value{font-size:15px}.hud-objective,.hud-selection,.hud-hint,.hud-log,.hud-objective-detail,.hud-mode{font-size:12px;line-height:1.25}.hud-objective-detail,.hud-section-selection .hud-mode{display:none}.hud-actions-grid{gap:6px}.hud-section-turn{bottom:calc(-8px - env(safe-area-inset-bottom,0px));margin:0 -10px calc(-8px - env(safe-area-inset-bottom,0px));padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px))}}@media (height<=660px){.hud-panel{max-height:min(44dvh,240px)}.hud-section-turn .hud-section-label{display:none}}.hud-log{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex-direction:column;gap:4px;display:flex;overflow-y:auto}.hud-log-line{background:var(--ui-panel-tint);border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:12px}.tree-modal{pointer-events:auto;z-index:60;position:absolute;inset:0}.tree-modal.hidden{display:none}.tree-modal-backdrop{background:#1e140a85;position:absolute;inset:0}.tree-modal-card{background:var(--ui-bg-strong);border:1px solid var(--ui-border);max-height:85dvh;box-shadow:0 -8px 40px var(--ui-shadow-strong);padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.tree-modal-header{border-bottom:1px solid var(--ui-border);justify-content:space-between;align-items:start;gap:12px;padding:16px 16px 12px;display:flex}.tree-modal-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-muted);margin-bottom:2px;font-size:10px}.tree-modal-header h2{color:var(--ui-text);margin:0;font-size:18px}.tree-modal-close{background:var(--ui-panel-tint);min-height:44px;color:var(--ui-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;padding:10px 14px;font-weight:600}.tree-modal-content{-webkit-overflow-scrolling:touch;touch-action:pan-y;padding:14px 16px 18px;overflow:auto}.encyclopedia-modal-card{background:linear-gradient(#fffbf5fa 0%,#f8f1e7fa 100%);max-height:93dvh}.encyclopedia-modal-header{padding:14px 16px 12px}.encyclopedia-layout{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.encyclopedia-nav{touch-action:pan-x;border-bottom:1px solid var(--ui-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;background:linear-gradient(#ffffff70,#fff0);flex-shrink:0;gap:8px;padding:10px 16px;display:flex;overflow-x:auto}.encyclopedia-nav::-webkit-scrollbar{display:none}.encyclopedia-nav-btn{min-height:44px;color:var(--ui-text);font:inherit;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#6e5f4a14;border:none;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:700;transition:background .12s,transform .12s,box-shadow .12s}.encyclopedia-nav-btn:hover{background:#6e5f4a1f}.encyclopedia-nav-btn.is-active{color:#7a4d11;background:linear-gradient(135deg,#c98b2e38,#f3d36b85);box-shadow:inset 0 0 0 1px #c98b2e42,0 6px 16px #c98b2e14}.encyclopedia-content{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;min-height:0;padding:16px 16px 20px;overflow:auto}.encyclopedia-topic-title{color:var(--ui-text);letter-spacing:-.02em;margin:0;font-size:22px}.encyclopedia-topic-summary{color:var(--ui-text-soft);max-width:66ch;margin:10px 0 0;font-size:14px;line-height:1.7}.encyclopedia-sections{flex-direction:column;gap:10px;margin-top:18px;display:flex;position:relative}.encyclopedia-sections.is-timeline:before{content:"";background:linear-gradient(#c98b2e2e,#c98b2e57,#c98b2e2e);border-radius:999px;width:2px;position:absolute;top:8px;bottom:8px;left:22px}.encyclopedia-section{background:0 0;border-radius:18px;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:12px;padding:0;display:grid}.encyclopedia-section-timeline{z-index:1;min-width:0;padding-top:8px;position:relative}.encyclopedia-section-timeline:after{content:"";background:var(--ui-accent);border:2px solid #fffbf5f5;border-radius:999px;width:12px;height:12px;position:absolute;top:10px;left:16px;box-shadow:0 0 0 4px #c98b2e24}.encyclopedia-section-timeline.is-empty:after{display:none}.encyclopedia-section-time{letter-spacing:.02em;color:var(--ui-text-muted);padding-left:36px;font-size:11px;font-weight:700;line-height:1.4;display:block}.encyclopedia-section-body{background:#ffffff94;border:1px solid #b8a28738;border-radius:16px;min-width:0;padding:14px 16px;box-shadow:0 8px 20px #2e241b0d}.encyclopedia-section.has-time .encyclopedia-section-body{position:relative}.encyclopedia-section.has-time .encyclopedia-section-body:before{content:"";background:#c98b2e52;width:10px;height:2px;position:absolute;top:18px;left:-10px}.encyclopedia-sections:not(.is-timeline) .encyclopedia-section{grid-template-columns:minmax(0,1fr)}.encyclopedia-sections:not(.is-timeline) .encyclopedia-section-timeline{display:none}.encyclopedia-section.is-note{margin-top:6px}.encyclopedia-section.is-note .encyclopedia-section-body{background:linear-gradient(135deg,#3a6f9614,#8fbfad1f);border-color:#3a6f9624}.encyclopedia-section h4{color:var(--ui-text);margin:0 0 6px;font-size:15px}.encyclopedia-section p{color:var(--ui-text-soft);margin:0;font-size:13px;line-height:1.6}.encyclopedia-colonies{border-top:1px solid #b8a2873d;margin-top:12px;padding-top:12px}.encyclopedia-colonies-label{letter-spacing:.08em;text-transform:uppercase;color:var(--ui-text-muted);margin-bottom:8px;font-size:11px;font-weight:700}.encyclopedia-colony-list{flex-wrap:wrap;gap:6px;display:flex}.encyclopedia-multiplier{background:linear-gradient(135deg,#c98b2e14,#f3d36b24);border:1px solid #c98b2e38;border-radius:12px;margin-top:14px;padding:12px 14px}.encyclopedia-multiplier-formula{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.encyclopedia-multiplier-rule{color:#7a4d11;font-size:13px;font-weight:700}.encyclopedia-multiplier-eq{color:var(--ui-text-muted);font-size:13px}.encyclopedia-multiplier-result{color:var(--ui-text-soft);font-size:13px;font-weight:600}.encyclopedia-multiplier-examples{flex-wrap:wrap;gap:8px;display:flex}.encyclopedia-multiplier-example{background:#ffffffb3;border:1px solid #c98b2e2e;border-radius:999px;align-items:center;gap:4px;padding:5px 10px;display:flex}.encyclopedia-multiplier-tile{color:var(--ui-text-muted);font-size:12px;font-weight:700}.encyclopedia-multiplier-arrow{color:var(--ui-text-muted);font-size:11px}.encyclopedia-multiplier-value{color:#72b36a;font-size:13px;font-weight:700}.encyclopedia-colony-chip{color:var(--ui-text);background:#6e5f4a14;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;font-weight:600;line-height:1.2;display:inline-flex}.evo-tree,.evo-tree ul{margin:0;padding:0 0 0 20px;list-style:none;position:relative}.evo-tree{padding-left:0}.evo-tree ul:before{content:"";background:#6e4c2d3d;width:1.5px;position:absolute;top:0;bottom:12px;left:9px}.evo-tree li{padding:4px 0 4px 18px;position:relative}.evo-tree li:before{content:"";background:#6e4c2d3d;width:16px;height:1.5px;position:absolute;top:15px;left:-11px}.evo-tree>li:before{display:none}.evo-tree>li{padding-left:0}.evo-node{color:var(--ui-text);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-block}.evo-node.biome-ocean{background:var(--ui-ocean-soft);border-left:3px solid #3a6f9680}.evo-node.biome-coast{background:var(--ui-coast-soft);border-left:3px solid #8fbfad8f}.evo-node.biome-land{background:var(--ui-land-soft);border-left:3px solid #8eaa6394}.evo-ref{color:var(--ui-text-muted);font-size:10px;font-style:italic;font-weight:400}@media (width>=640px){.hud-phase-banner{margin:10px 16px 0;padding:12px 14px}.hud-topbar{gap:12px;padding:12px 16px}.hud-title{font-size:18px}.hud-stage-value{font-size:15px}.hud-progress{height:6px}.hud-panel{max-height:26dvh;padding:14px 16px;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}.hud-stat-value{font-size:20px}.hud-stat{gap:3px;padding:10px 8px}.hud-stat-label{font-size:10px}.floating-action-menu{gap:8px;min-width:148px;padding:10px}.floating-cancel-menu{min-width:148px;transform:translateY(calc(160px - 50%))}.floating-cancel-menu.floating-left{transform:translate(-100%,calc(160px - 50%))}.floating-cancel-menu.floating-right{transform:translateY(calc(160px - 50%))}.encyclopedia-section{grid-template-columns:84px minmax(0,1fr)}.encyclopedia-content{padding:20px 20px 24px}}@media (width>=980px){#hud-overlay{gap:12px;padding:18px}.hud-phase-banner{width:min(100%,520px);margin:0}.hud-topbar{border-bottom:none;border:1px solid var(--ui-border);border-radius:18px;align-items:end;padding:16px 18px;box-shadow:0 10px 30px #2f1d0c1a}.hud-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-muted);font-size:11px;display:block}.hud-title{font-size:24px}.hud-stage-value{font-size:18px}.hud-stage-label,.hud-section-label,.hud-stat-label{letter-spacing:.12em;font-size:11px}.hud-progress{border-radius:999px;width:min(100%,520px);height:8px}.hud-panel{border-top:none;border:1px solid var(--ui-border);border-radius:18px;gap:12px;width:min(320px,100vw - 36px);max-height:calc(100dvh - 36px);margin-top:0;margin-left:auto;padding:18px;overflow:hidden;box-shadow:0 18px 34px #2f1d0c1f}.hud-section-log{flex:1;min-height:0;max-height:none;overflow:hidden}.hud-stats{grid-template-columns:repeat(2,1fr);gap:10px}.hud-stat{align-items:flex-start;gap:4px;padding:12px}.hud-stat-value{font-size:22px}.hud-section{gap:6px}.hud-objective,.hud-selection,.hud-hint,.hud-log,.hud-objective-detail,.hud-mode{font-size:14px;line-height:1.45}.hud-section-hint,.hud-section-log{flex-direction:column;gap:6px;display:flex}.hud-section-log{max-height:120px;overflow:hidden}.hud-section-selection .hud-mode{display:block}.floating-action-menu{border-radius:16px;min-width:148px;padding:10px;box-shadow:0 14px 28px #2f1d0c2e}.floating-cancel-menu{transform:translateY(calc(176px - 50%))}.floating-cancel-menu.floating-left{transform:translate(-100%,calc(176px - 50%))}.floating-cancel-menu.floating-right{transform:translateY(calc(176px - 50%))}.tree-modal-card{border-radius:20px;width:min(920px,100vw - 32px);max-height:min(80vh,760px);padding-bottom:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.tree-modal-header{padding:18px 20px 14px}.tree-modal-header h2{font-size:22px}.tree-modal-content{padding:18px 20px 22px}.evo-node{padding:5px 12px;font-size:13px}.encyclopedia-modal-card{border-radius:24px;width:min(1080px,100vw - 48px);height:auto;max-height:none;inset:24px auto 24px 50%;transform:translate(-50%);box-shadow:0 24px 80px #2e241b38}.encyclopedia-modal-header{padding:18px 22px 14px}.encyclopedia-layout{grid-template-columns:220px minmax(0,1fr);min-height:0;display:grid}.encyclopedia-nav{border-bottom:none;border-right:1px solid var(--ui-border);background:linear-gradient(#6e5f4a0d,#6e5f4a05);flex-direction:column;align-items:stretch;gap:10px;padding:18px 16px 18px 18px}.encyclopedia-nav-btn{text-align:left;border-radius:14px;padding:12px 14px}.encyclopedia-content{padding:22px 24px 26px}.encyclopedia-topic-title{font-size:26px}.encyclopedia-section{grid-template-columns:96px minmax(0,1fr)}.encyclopedia-sections.is-timeline:before{left:30px}.encyclopedia-section-timeline:after{left:24px}.encyclopedia-section-time{padding-left:46px}.floating-action-menu{border-radius:18px!important;gap:8px!important;min-width:210px!important;padding:14px!important}.floating-action-menu button{border-radius:12px!important;min-height:52px!important;padding:13px 16px!important;font-size:15px!important}.floating-menu-title{padding:2px 4px 8px!important;font-size:12px!important}}#hud-overlay.layout-side .floating-action-menu{border-radius:18px;gap:8px;min-width:210px;padding:14px}#hud-overlay.layout-side .floating-action-menu button{border-radius:12px;min-height:52px;padding:13px 16px;font-size:15px}#hud-overlay.layout-side .floating-menu-title{padding:2px 4px 8px;font-size:12px}.action-kbd{letter-spacing:.04em;color:var(--ui-text-muted);background:var(--ui-panel-tint-strong);pointer-events:none;white-space:nowrap;border:1px solid #b8a28766;border-radius:5px;margin-left:auto;padding:1px 5px;font:600 10px/16px Inter,system-ui,monospace;display:none}.kbd-enter{padding:1px 6px;font-size:12px}#hud-overlay.layout-side .action-kbd{align-items:center;display:inline-flex}.floating-menu-title{justify-content:space-between;align-items:center;gap:6px;display:flex}.floating-info-btn{background:var(--ui-panel-tint-strong);width:22px;height:22px;color:var(--ui-text-muted);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:background .12s,color .12s;display:flex}.floating-info-btn:hover{color:#5a3e20;background:#6e5f4a33}.floating-info-btn:active{background:#6e5f4a4d;transform:scale(.94)}.colony-info-modal{pointer-events:auto;z-index:70;position:absolute;inset:0}.colony-info-modal.hidden{display:none}.colony-info-backdrop{background:#1e140a85;position:absolute;inset:0}.colony-info-card{background:var(--ui-bg-strong);max-height:80dvh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0;flex-direction:column;display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -8px 40px #1b10082e}.colony-info-header{border-bottom:1px solid var(--ui-border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 16px 14px;display:flex}.colony-info-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--ui-text-muted);margin-bottom:4px;font-size:10px}.colony-info-title{color:var(--ui-text);margin:0;font-size:20px;font-weight:700}.colony-info-close{background:var(--ui-panel-tint);min-height:40px;color:var(--ui-text);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:10px;flex-shrink:0;padding:8px 12px;font-size:15px;font-weight:600}.colony-info-body{-webkit-overflow-scrolling:touch;touch-action:pan-y;flex-direction:column;gap:16px;padding:18px 16px 24px;display:flex;overflow-y:auto}.colony-info-description{color:var(--ui-text);margin:0;font-size:15px;line-height:1.6}.colony-info-facts{flex-direction:column;gap:10px;display:flex}.colony-info-fact{background:var(--ui-panel-tint);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.colony-info-fact-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ui-text-muted);font-size:10px}.colony-info-fact-value{color:var(--ui-text);font-size:14px;font-weight:600}.terminal-info-card{background:radial-gradient(circle at 100% 0,#c98b2e33,#0000 32%),linear-gradient(#fcf8f1fc,#f3ecdffc)}.terminal-info-header{border-bottom-color:#c98b2e29}.terminal-info-body{gap:18px}.terminal-info-hero{background:linear-gradient(135deg,#c98b2e14,#f3d36b38);border:1px solid #c98b2e24;border-radius:14px;padding:14px 14px 16px}.terminal-info-lead{font-size:16px;line-height:1.7}.terminal-info-grid{gap:12px}.terminal-info-fact{border-radius:14px;gap:8px;padding:14px}.terminal-info-fact-benefits{background:var(--ui-success-soft)}.terminal-info-fact-biology{background:var(--ui-accent-soft)}.terminal-info-list{gap:8px;margin:0;padding-left:18px;font-weight:600;display:grid}.terminal-info-list li::marker{color:#8d622a}.game-over-restart{background:var(--ui-danger);color:#fffaf2;min-height:46px;font:inherit;cursor:pointer;border:none;border-radius:12px;align-self:stretch;padding:12px 14px;font-weight:700}.game-over-quote{background:var(--ui-danger-soft);color:var(--ui-text-soft);border-left:4px solid #b85a4659;border-radius:12px;margin:0;padding:12px 14px;font-size:15px;font-style:italic;line-height:1.5}.game-over-quote-author{letter-spacing:.06em;text-transform:uppercase;color:var(--ui-text-muted);margin-top:8px;font-size:12px;font-style:normal;font-weight:700;display:block}@media (width>=980px){.colony-info-card{border-radius:20px;width:min(520px,100vw - 32px);max-height:min(75vh,680px);padding-bottom:0;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}