*{box-sizing:border-box}html,body,#root{color:#e8eff1;background:#0d161b;height:100%;margin:0;font-family:IBM Plex Sans,system-ui,sans-serif;overflow:hidden}canvas{display:block}.panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#111d24f0;border:1px solid #2a4048;border-radius:12px;width:270px;max-height:calc(100vh - 24px);padding:12px 14px;transition:max-height .25s,width .25s;position:fixed;top:12px;left:12px;overflow:hidden auto;box-shadow:0 8px 32px #0006}.panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.panel-header h1{margin:0;font-size:14px}.collapse-btn{font:inherit;color:#aebfc6;cursor:pointer;background:#1a2a31;border:1px solid #33474f;border-radius:5px;padding:3px 7px;font-size:10px}.collapse-btn:hover{color:#fff;border-color:#43b8d8}.panel-group{background:#0d161b99;border:1px solid #1f3139;border-radius:9px;margin-bottom:8px;padding:9px}.slider-box{margin-bottom:4px}.lbl{letter-spacing:.14em;text-transform:uppercase;color:#7d9098;margin:6px 0 4px;font-family:IBM Plex Mono,monospace;font-size:9.5px;display:block}.grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.grid button{font:inherit;color:#cfdadf;cursor:pointer;background:#1a2a31;border:1px solid #33474f;border-radius:7px;padding:7px 3px;font-size:11.5px;transition:border-color .15s}.grid button:hover{border-color:#43b8d8}.grid button.on{color:#7fd3e9;background:#123a47;border-color:#43b8d8}.grid button.danger.on{color:#e78a7d;background:#3a211d;border-color:#e06e5e}.grid button.section.on{color:#e7c07d;background:#3a2e12;border-color:#e0a53a}input[type=range]{accent-color:#43b8d8;width:100%}.rowv{color:#8fa2aa;justify-content:space-between;margin-top:-2px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.count{color:#7d9098;margin-top:8px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.count b{color:#7fd3e9}.hint{color:#8fa2aa;margin-top:8px;font-size:10.5px;line-height:1.4}.tag{color:#5a6b73;font-family:IBM Plex Mono,monospace;font-size:10px;position:fixed;bottom:10px;right:14px}.fullbtn{width:100%;font:inherit;color:#cfdadf;cursor:pointer;background:#1a2a31;border:1px solid #33474f;border-radius:7px;margin-top:6px;padding:7px;font-size:11.5px}.fullbtn:hover{border-color:#43b8d8}.chk{color:#cfdadf;cursor:pointer;align-items:center;gap:7px;margin:4px 0;font-size:12px;display:flex}.chk input{accent-color:#43b8d8}.selrow{gap:5px;margin-top:8px;display:flex}.selrow button{color:#cfdadf;cursor:pointer;font:inherit;background:#1a2a31;border:1px solid #33474f;border-radius:7px;flex:1;padding:7px}.selrow button:hover{border-color:#43b8d8}.selrow .del{color:#e78a7d}.selrow .del:hover{border-color:#e06e5e}.modes{gap:5px;margin-bottom:8px;display:flex}.modes button{font:inherit;color:#aebfc6;cursor:pointer;background:#1a2a31;border:1px solid #33474f;border-radius:8px;flex:1;padding:7px 4px;font-size:11.5px;font-weight:600}.modes button.on{color:#fff;background:#0e7c9b;border-color:#0e7c9b}.soils button{justify-content:flex-start;gap:6px}.sw{border-radius:3px;flex-shrink:0;width:11px;height:11px;display:inline-block}.act{gap:6px;margin:8px 0;display:flex}.act button{font:inherit;cursor:pointer;border:none;border-radius:8px;flex:1;padding:9px 4px;font-size:12px;font-weight:600}#run{color:#fff;background:#0e7c9b}#reset{color:#aebfc6;background:#1a2a31;border:1px solid #33474f}.readout{gap:8px;margin-top:6px;display:flex}.ro{background:#13232b;border:1px solid #2a4048;border-radius:9px;flex:1;padding:8px 10px}.ro span{letter-spacing:.1em;text-transform:uppercase;color:#7d9098;font-family:IBM Plex Mono,monospace;font-size:9px;display:block}.ro b{color:#7fd3e9;font-family:IBM Plex Mono,monospace;font-size:18px}.ro b.bad{color:#e06e5e}.tag2{color:#5a6b73;margin-top:8px;font-family:IBM Plex Mono,monospace;font-size:9px}.cfgname{color:#cfdadf;margin:6px 0 2px;font-size:11.5px}.cfgname b{color:#7fd3e9}.seclist{flex-direction:column;gap:5px;margin-top:8px;display:flex}.secbtn{font:inherit;text-align:left;color:#e7c07d;cursor:pointer;background:#241d0f;border:1px solid #3a2e12;border-radius:7px;padding:6px 8px;font-size:11px}.secbtn:hover{border-color:#e0a53a}.modal-back{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:50;background:#060b0ea8;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal{background:#111d24;border:1px solid #2a4048;border-radius:14px;width:min(1000px,96vw);max-height:94vh;overflow:auto;box-shadow:0 20px 60px #00000080}.modal-head{border-bottom:1px solid #22343c;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h2{margin:0;font-size:16px;font-weight:600}.modal-head .sub{color:#7d9098;margin-left:12px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:400}.ghost{font:inherit;color:#cfdadf;cursor:pointer;background:#1a2a31;border:1px solid #33474f;border-radius:8px;margin-left:6px;padding:7px 12px;font-size:12px}.ghost:hover{border-color:#43b8d8}.ghost.del{color:#e78a7d}.ghost.del:hover{border-color:#e06e5e}.modal-body{grid-template-columns:1fr 300px;gap:16px;padding:16px 18px;display:grid}.help-btn{font:inherit;color:#7fd3e9;cursor:pointer;background:#12303a;border:1px solid #33474f;border-radius:8px;padding:7px 4px;font-size:11.5px;font-weight:600}.help-btn:hover{border-color:#43b8d8}[data-tip]{position:relative}[data-tip]:hover:after{content:attr(data-tip);z-index:100;color:#e8eff1;pointer-events:none;white-space:normal;background:#0b141a;border:1px solid #33474f;border-radius:7px;width:190px;padding:6px 9px;font-size:11px;font-weight:400;line-height:1.4;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 6px 18px #0009}.grid>[data-tip]:nth-child(2n):hover:after{left:auto;right:0}@media (width<=768px){.panel{width:calc(100vw - 24px);max-height:55vh}.panel.collapsed{max-height:48px;overflow:hidden}.modal-body{grid-template-columns:1fr}[data-tip]:hover:after{top:calc(100% + 4px);left:0;right:auto}}.guide-body{max-height:78vh;padding:14px 18px;overflow:auto}.guide-search{width:100%;font:inherit;color:#e8eff1;background:#0e181e;border:1px solid #33474f;border-radius:8px;margin-bottom:12px;padding:9px 11px;font-size:13px}.guide-group{margin-bottom:18px}.guide-group h3{color:#7fd3e9;letter-spacing:.06em;text-transform:uppercase;margin:0 0 4px;font-family:IBM Plex Mono,monospace;font-size:13px}.guide-intro{color:#9fb0b8;margin:0 0 10px;font-size:12.5px;line-height:1.6}.guide-item{border-top:1px solid #1c2b32;padding:8px 0}.guide-name{color:#e8eff1;font-size:13px;font-weight:600}.guide-tip{color:#aebfc6;margin-top:2px;font-size:12.5px;line-height:1.5}.guide-next{color:#6ebe95;margin-top:3px;font-size:11.5px}