*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{color:#e6e9ee;background:#10151c;font-family:system-ui,sans-serif;overflow:hidden}.app{flex-direction:column;height:100%;display:flex}.toolbar{background:#1a212b;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.toolbar input{color:inherit;background:#10151c;border:1px solid #38424f;border-radius:6px;width:150px;padding:8px 10px}.toolbar input.size-input{width:70px}.toolbar button{color:#fff;cursor:pointer;background:#3f8fd4;border:0;border-radius:6px;padding:8px 16px;font-weight:600}.toolbar button:disabled{opacity:.5;cursor:default}.status{opacity:.85;align-items:center;gap:6px;font-size:13px;display:inline-flex}.dot{background:#d4a53f;border-radius:50%;width:9px;height:9px}.dot.open{background:#57bb6b}.dot.closed{background:#d45050}.seed-label{opacity:.85;cursor:pointer;font-size:13px}.error{color:#ff8080;font-size:13px}.map-host{touch-action:none;flex:1;min-height:0;position:relative}.minimap{touch-action:none;cursor:pointer;z-index:2;background:#10151cbf;border:1px solid #38424f;border-radius:8px;width:176px;height:auto;max-height:35vh;padding:4px;position:absolute;bottom:8px;right:8px}@media (width<=480px){.minimap{width:112px}}.tile-details{background:#1a212b;border-top:1px solid #38424f;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;animation:.15s ease-out slide-up;display:flex}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.swatch{border-radius:3px;width:12px;height:12px}.chip{background:#10151c;border:1px solid #38424f;border-radius:999px;padding:2px 10px;font-size:13px}.river-chip{color:#7fc4f0}.coords{opacity:.7;font-size:13px}.tile-details .close{color:#e6e9ee;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:4px 8px;font-size:14px}