:root{--bg:#0e1520;--panel:#151e2b;--panel-border:#243145;--text:#dfe6ee;--text-dim:#8a99ab;--accent:#6aa8d6;--error:#e0796b;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;margin:0}.app{height:100%;display:flex}.panel{background:var(--panel);border-right:1px solid var(--panel-border);flex-shrink:0;width:290px;padding:14px 16px;overflow-y:auto}.panel h1{letter-spacing:.02em;margin:0 0 12px;font-size:17px}.panel h2{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin:0 0 10px;font-size:11px}.panel section{border-top:1px solid var(--panel-border);flex-direction:column;gap:10px;padding:12px 0;display:flex}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.seed{gap:4px;display:flex}input,select,button{font:inherit;color:var(--text);border:1px solid var(--panel-border);background:#0f1621;border-radius:4px;padding:4px 6px}.seed input{width:150px}button{cursor:pointer}button:hover{border-color:var(--accent)}.slider{flex-direction:column;gap:4px;display:flex}.slider input{width:100%;accent-color:var(--accent);padding:0}output{color:var(--text-dim);font-variant-numeric:tabular-nums}.check{align-items:center;gap:6px;display:flex}.check input{accent-color:var(--accent)}.hint{color:var(--text-dim);margin:0;font-size:11.5px}.legend .bar{border-radius:2px;height:10px}.legend .labels{color:var(--text-dim);justify-content:space-between;margin-top:3px;font-size:11px;display:flex}.stats dl{grid-template-columns:auto auto;gap:4px 12px;margin:0;display:grid}.stats dt{color:var(--text-dim)}.stats dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.error{color:var(--error);margin:0}.viewport{background:radial-gradient(ellipse at center, #1a2738 0%, var(--bg) 70%);flex:1;min-width:0;position:relative}.readout,.busy{border:1px solid var(--panel-border);font-variant-numeric:tabular-nums;pointer-events:none;background:#0e1520d9;border-radius:6px;padding:8px 10px;position:absolute}.readout{line-height:1.5;bottom:70px;left:14px}.readout .dim{color:var(--text-dim)}.busy{color:var(--text-dim);bottom:70px;right:14px}.viewport-canvas,.viewport-canvas canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.viewport-canvas .map-overlay{pointer-events:none}.viewport-canvas canvas[data-mode=map]{cursor:grab}.viewport-canvas canvas[data-mode=map]:active{cursor:grabbing}.toolbar{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:14px;left:14px;right:14px}.toolbar>*{pointer-events:auto}.segmented{border:1px solid var(--panel-border);background:#0e1520d9;border-radius:6px;display:flex;overflow:hidden}.segmented button{color:var(--text-dim);background:0 0;border:0;border-radius:0;padding:5px 14px}.segmented button.on{color:var(--text);background:#22324a}.toolbar-hint{color:var(--text-dim);pointer-events:none;white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.swatches{color:var(--text-dim);grid-template-columns:1fr 1fr;gap:4px 8px;margin:0;padding:0;font-size:11.5px;list-style:none;display:grid}.swatches li{align-items:center;gap:6px;display:flex}.swatch{border-radius:2px;flex-shrink:0;width:10px;height:10px;display:inline-block}.swatch.line{width:14px;height:3px}.timeline{border:1px solid var(--panel-border);background:#0e1520d9;border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex;position:absolute;bottom:14px;left:14px;right:14px}.timeline .play{width:32px;padding:4px 0;font-size:11px}.timeline input[type=range]{min-width:120px;accent-color:var(--accent);appearance:none;background:linear-gradient(to right, #3d5a7a var(--computed,0%), #1c2636 var(--computed,0%));border:0;border-radius:3px;flex:1;height:6px;padding:0}.timeline input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid #0e1520;border-radius:50%;width:14px;height:14px}.timeline .time{text-align:right;font-variant-numeric:tabular-nums;min-width:70px}.timeline-status{color:var(--text-dim);min-width:190px;font-size:11.5px}.swatches.single{grid-template-columns:1fr;max-height:220px;overflow-y:auto}.info-card{border:1px solid var(--panel-border);background:#0e1520eb;border-radius:8px;flex-direction:column;gap:8px;width:250px;padding:10px 12px;display:flex;position:absolute;top:60px;right:14px}.info-card dl{grid-template-columns:auto auto;gap:4px 12px;margin:0;display:grid}.info-card dt{color:var(--text-dim);align-items:center;gap:6px;display:flex}.info-card dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.info-card .close{color:var(--text-dim);background:0 0;border:0;padding:0 6px}.viewport-canvas .label-overlay{pointer-events:none}.info-card{width:300px;max-height:calc(100% - 150px);overflow-y:auto}.info-card .cell-details{font-size:12px;line-height:1.5}.info-card .cell-details .dim,.info-card .dim{color:var(--text-dim)}.card-section{border-top:1px solid var(--panel-border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.card-section h3{margin:0;font-size:13px}.card-section h4{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);margin:4px 0 0;font-size:11px}.card-section dd{max-width:160px}.partners{margin:0;padding-left:16px;font-size:12px}.marker-legend{color:var(--text-dim);border-collapse:collapse;margin-left:22px;font-size:11.5px}.marker-legend th{text-align:center;padding:0 6px;font-weight:500}.marker-legend td{text-align:center;height:20px;padding:0 6px}.marker-legend td:first-child{text-align:left;padding-left:0}.brush-tools{margin-bottom:8px}.brush-tools button{flex:1;padding:5px 0;font-size:12px}.row.buttons{justify-content:flex-start}.row.buttons .hint{margin:0 0 0 auto}button:disabled{opacity:.45;cursor:default}.toolbar .export{flex-shrink:0;gap:6px;margin-left:auto;display:flex}.month-pill{border:1px solid var(--panel-border);color:var(--text-dim);pointer-events:none;background:#0e1520d9;border-radius:999px;padding:4px 10px;font-size:12px;position:absolute;bottom:70px;right:14px}.info-card a.wiki{color:inherit;text-underline-offset:2px;-webkit-text-decoration:underline dotted #fff6;text-decoration:underline dotted #fff6}.info-card a.wiki:hover{color:#9fd3ff;text-decoration-color:#9fd3ff}.readout a.wiki{color:inherit;text-decoration:none}.info-card h3{color:var(--text-dim);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 4px;font-size:12px;font-weight:600}.info-card .crop-list{margin:0;line-height:1.5}.place-editor input{width:140px}.place-editor .row{margin:4px 0}.place-editor>button{width:100%;margin-top:8px}.rating{grid-template-columns:80px 1fr auto;align-items:center;gap:6px;margin:2px 0;display:grid}.rating .bar{background:#ffffff1a;border-radius:3px;height:5px;overflow:hidden}.rating .bar span{background:linear-gradient(90deg,#e9c46a,#e76f51);height:100%;display:block}.facts-panel{border:1px solid var(--panel-border);z-index:5;background:#0e1520f0;border-radius:8px;width:320px;max-height:calc(100% - 150px);padding:10px 12px;font-size:12.5px;position:absolute;top:60px;left:14px;overflow-y:auto}.facts-panel dl.facts{margin:6px 0}.facts-panel .fact{grid-template-columns:auto 120px 1fr;align-items:start;gap:6px;padding:2px 0;display:grid}.facts-panel dt{color:var(--text-dim)}.facts-panel dd{margin:0}.facts-panel .fact-name{font-style:italic}.facts-panel button.target{margin-right:6px;padding:0 5px;font-size:12px;line-height:1.4}.facts-panel details.facts-group{border-left:1px solid var(--panel-border);margin:4px 0 4px 6px;padding-left:8px}.facts-panel summary{cursor:pointer;padding:3px 0;font-weight:600}.facts-panel details.countries>summary{color:var(--text-dim);font-weight:500}