:root{color:#f3f3f3;-webkit-user-select:none;user-select:none;background:#0d1115;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.4}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}button:disabled{cursor:not-allowed;opacity:.45}input,select{font:inherit;color:inherit;background:#1b232a;border:1px solid #2c3741;border-radius:4px;padding:4px 8px}input:focus,select:focus{outline-offset:1px;outline:2px solid #6abe55}.app-root{width:100vw;height:100vh;position:relative;overflow:hidden}.top-strip{z-index:50;pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.top-strip>*{pointer-events:auto}.top-strip-spacer{flex:1}.hud-chip{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141c24d9;border:1px solid #2c3741;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-weight:500;display:inline-flex}.hud-icon{font-size:16px}.hud-chip-date{align-items:flex-start;padding-top:4px;padding-bottom:4px}.hud-date-stack{flex-direction:column;line-height:1.15;display:flex}.hud-subtext{color:#9aa6b1;font-variant-numeric:tabular-nums;font-size:11px}.speed-controls{background:#141c24d9;border:1px solid #2c3741;border-radius:6px;display:inline-flex;overflow:hidden}.speed-btn{color:#c9d3dc;border-right:1px solid #2c3741;min-width:38px;padding:6px 12px;font-weight:600;transition:background 80ms}.speed-btn:last-child{border-right:none}.speed-btn:hover{background:#1d2730}.speed-btn-active{color:#fff;background:#2c8a3a}.speed-btn-active:hover{background:#34a345}.gear-menu{position:relative}.gear-btn{background:#141c24d9;border:1px solid #2c3741;border-radius:6px;padding:6px 10px;font-size:16px}.gear-btn:hover{background:#1d2730}.gear-dropdown{z-index:60;background:#16202a;border:1px solid #2c3741;border-radius:6px;flex-direction:column;min-width:140px;padding:4px;display:flex;position:absolute;top:calc(100% + 6px);right:0}.gear-dropdown button{text-align:left;border-radius:4px;padding:6px 10px}.gear-dropdown button:hover:not(:disabled){background:#1d2730}.tool-palette{z-index:50;background:#141c24d9;border:1px solid #2c3741;border-radius:8px;gap:6px;padding:8px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.tool-slot{background:#11171c;border:1px solid #2c3741;border-radius:6px;justify-content:center;align-items:center;width:48px;height:48px;transition:background 80ms,border-color 80ms,transform 80ms;display:flex;position:relative}.tool-slot-active-slot:hover:not(:disabled){background:#1d2730;border-color:#3e5063}.tool-slot-on{background:#2c8a3a!important;border-color:#46c45a!important}.tool-slot-on .tool-slot-number{color:#fff}.tool-slot-icon{object-fit:contain;width:36px;height:36px;image-rendering:pixelated;pointer-events:none}.tool-slot-number{color:#5a6976;font-size:10px;font-weight:600;position:absolute;top:2px;left:4px}.plant-popover{z-index:60;background:#141c24f7;border:1px solid #3e5063;border-radius:6px;flex-direction:column;gap:4px;min-width:180px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:54px;box-shadow:0 4px 16px #0006}.plant-popover-title{letter-spacing:.08em;text-transform:uppercase;color:#6c7884;border-bottom:1px solid #2c3741;padding:2px 4px 4px;font-size:10px;font-weight:700}.plant-popover-list{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.plant-row{color:#e6edf3;text-align:left;background:0 0;border-radius:4px;align-items:center;gap:8px;width:100%;padding:6px 8px;display:flex}.plant-row:hover:not(:disabled){background:#1d2730}.plant-row-active{color:#fff;background:#2c8a3a!important}.plant-row-disabled{color:#5a6976}.plant-row-icon{text-align:center;width:22px;font-size:18px}.plant-row-name{flex:1}.plant-row-count{font-variant-numeric:tabular-nums;color:#9aa6b1;font-size:12px}.plant-row-active .plant-row-count{color:#d8f5d0}.inventory-panel{z-index:45;background:#141c24eb;border:1px solid #2c3741;border-radius:8px;flex-direction:column;gap:6px;width:220px;padding:8px 10px 10px;display:flex;position:absolute;top:60px;left:12px}.inventory-title{letter-spacing:.08em;text-transform:uppercase;color:#9aa6b1;margin:0;font-size:11px;font-weight:700}.inventory-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.inventory-row{background:#ffffff06;border-radius:4px;grid-template-columns:22px 1fr auto auto;align-items:center;gap:8px;padding:4px 6px;display:grid}.inventory-icon{text-align:center;font-size:18px}.inventory-name{font-size:13px}.inventory-counts{font-variant-numeric:tabular-nums;color:#c9d3dc;align-items:center;gap:4px;font-size:12px;display:inline-flex}.inventory-divider{color:#4a5560}.inventory-seeds{color:#c9d3dc}.inventory-harvest{color:#ffd83a;font-weight:600}.inventory-sell{color:#fff;background:#2c8a3a;border:1px solid #46c45a;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600}.inventory-sell:hover:not(:disabled){background:#34a345}.inventory-sell:disabled{color:#5a6976;background:#2c3741;border-color:#2c3741}.info-crop{border-top:1px dashed #2c3741;flex-direction:column;gap:6px;margin-top:8px;padding-top:8px;display:flex}.info-crop-title{font-size:13px;font-weight:600}.info-progress{background:#1b232a;border:1px solid #2c3741;border-radius:4px;height:8px;overflow:hidden}.info-progress-fill{background:linear-gradient(90deg,#46c45a,#ffd83a);height:100%;transition:width .2s}.info-status-dead{color:#d97560;font-style:italic}.info-empty{color:#9aa6b1;border-top:1px dashed #2c3741;margin-top:8px;padding-top:8px;font-size:12px;font-style:italic}.info-panel{z-index:40;background:#141c24eb;border-left:1px solid #2c3741;flex-direction:column;width:280px;transition:transform .3s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute;top:60px;bottom:80px;right:0;transform:translate(100%)}.info-panel-open{transform:translate(0)}.info-panel-header{border-bottom:1px solid #2c3741;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.info-panel-header h2{margin:0;font-size:16px}.info-panel-close{border-radius:4px;width:28px;height:28px;font-size:18px}.info-panel-close:hover{background:#1d2730}.info-panel-body{flex-direction:column;gap:8px;padding:12px 16px;display:flex;overflow-y:auto}.info-row{justify-content:space-between;gap:8px;display:flex}.info-label{color:#9aa6b1}.info-value{font-weight:500}.info-panel-placeholder{color:#6c7884;border-top:1px dashed #2c3741;margin-top:8px;padding-top:8px;font-size:12px}.dev-panel{z-index:90;background:#0f161ef5;border:1px solid #314252;border-radius:8px;flex-direction:column;width:280px;max-height:calc(100vh - 80px);display:flex;position:absolute;top:60px;right:12px;overflow-y:auto;box-shadow:0 8px 32px #0006}.dev-panel-header{z-index:1;background:#11191f;border-bottom:1px solid #2c3741;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;position:sticky;top:0}.dev-panel-header h2{color:#ffd83a;margin:0;font-size:14px}.dev-panel-close{border-radius:4px;width:24px;height:24px;font-size:18px}.dev-panel-close:hover{background:#1d2730}.dev-section{border-bottom:1px solid #1c2730;flex-direction:column;gap:6px;padding:8px 12px;display:flex}.dev-section h3{letter-spacing:.08em;text-transform:uppercase;color:#6c7884;margin:0 0 2px;font-size:11px;font-weight:700}.dev-row{align-items:center;gap:8px;display:flex}.dev-button-row{flex-wrap:wrap}.dev-row button{background:#1b232a;border:1px solid #2c3741;border-radius:4px;padding:4px 10px}.dev-row button:hover{background:#243038}.dev-label{color:#9aa6b1}.dev-value{font-weight:600}.dev-input{flex:1;min-width:0}.dev-toggle{cursor:pointer}.dev-toggle input{margin-right:4px}.dev-danger{color:#ffdada;background:#5c1f1f!important;border-color:#7a2929!important}.dev-danger:hover{background:#7a2929!important}.dev-note{color:#9aa6b1;flex-direction:column;gap:4px;font-size:11px;display:flex}.dev-note-list{flex-direction:column;gap:2px;margin:0;padding-left:18px;display:flex}.brush-rect-label{z-index:95;color:#ffd83a;pointer-events:none;font-variant-numeric:tabular-nums;background:#0f161ee6;border:1px solid #ffd83a;border-radius:4px;padding:2px 8px;font-size:11px;position:fixed}.fps-counter{z-index:80;font-variant-numeric:tabular-nums;background:#0f161ed9;border:1px solid #2c3741;border-radius:4px;padding:4px 8px;font-size:12px;position:absolute;top:60px;left:12px}.coord-overlay{z-index:80;font-variant-numeric:tabular-nums;background:#0f161ed9;border:1px solid #2c3741;border-radius:4px;flex-direction:column;gap:2px;padding:4px 8px;font-size:12px;display:flex;position:absolute;top:96px;left:12px}