*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden}canvas{display:block}#loading-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#e8e8ee;z-index:10;-webkit-user-select:none;user-select:none;background:#10101599;flex-direction:column;justify-content:center;align-items:center;gap:16px;font:15px/1.5 system-ui,sans-serif;display:flex;position:fixed;inset:0}.loading-spinner{border:4px solid #fff3;border-top-color:#4f9dff;border-radius:50%;width:48px;height:48px;animation:.9s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}#control-panel{color:#e8e8ee;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);-webkit-user-select:none;user-select:none;background:#14141ccc;border:1px solid #ffffff1f;border-radius:10px;width:240px;padding:14px 16px;font:13px/1.5 system-ui,sans-serif;position:fixed;top:16px;left:16px}.control-row{margin-bottom:12px;display:block}.control-row:last-child{margin-bottom:0}.control-head{justify-content:space-between;margin-bottom:4px;display:flex}.control-value{opacity:.7}.control-row input[type=range]{width:100%}.panel-title{margin-bottom:10px;font-weight:600}#play-button{color:#fff;width:100%;font:inherit;cursor:pointer;background:#4f9dff;border:none;border-radius:8px;margin-bottom:14px;padding:8px 10px;font-weight:600}#play-button:hover{background:#6fb0ff}.legend{opacity:.85;border-top:1px solid #ffffff1f;flex-wrap:wrap;gap:6px 12px;margin-top:12px;padding-top:12px;font-size:11px;display:flex}.legend span{align-items:center;gap:5px;display:flex}.legend .sw{border-radius:50%;width:10px;height:10px;display:inline-block}.sw-hidden{background:0 0;border:1px solid #fff6}.sw-gray{background:#9a9a9a}.sw-color{background:linear-gradient(135deg,#ff5d5d,#5dff8f,#5d8bff)}.sw-splat{background:#fff;box-shadow:0 0 4px 1px #fffc}