:root{--panel-bg:#121216b8;--panel-border:#ffffff1f;--panel-fg:#e8e8ef;--panel-fg-dim:#9aa0ad;--accent:#5ad1ff;--control-bg:#ffffff0f;--control-bg-hover:#ffffff24}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;background:#000;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;top:0;bottom:0;left:0;right:0}#ui{z-index:10;max-width:calc(100vw - 28px);position:fixed;top:12px;right:14px}.panel{background:var(--panel-bg);border:1px solid var(--panel-border);-webkit-backdrop-filter:blur(10px);width:232px;max-width:100%;color:var(--panel-fg);-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;gap:10px;padding:14px;font-size:13px;display:flex;box-shadow:0 8px 30px #00000073}.panel__row{justify-content:space-between;align-items:center;gap:8px;display:flex}.panel__label{color:var(--panel-fg-dim);letter-spacing:.02em;font-size:12px}.panel__row--disabled{opacity:.4;pointer-events:none}.panel__divider{background:var(--panel-border);height:1px;margin:2px 0}.panel__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--panel-border);border-radius:8px;display:inline-flex;overflow:hidden}.seg__btn{-webkit-appearance:none;appearance:none;background:var(--control-bg);color:var(--panel-fg-dim);cursor:pointer;border:none;padding:6px 10px;font-size:12px;transition:background .12s,color .12s}.seg__btn:hover{background:var(--control-bg-hover)}.seg__btn--active{background:var(--accent);color:#06121a;font-weight:600}.fps{font-variant-numeric:tabular-nums;color:var(--panel-fg-dim);white-space:nowrap;font-size:12px}.fps__value{color:var(--accent);font-weight:600}.dropdown{width:100%;position:relative}.dropdown__field{background:var(--control-bg);width:100%;color:var(--panel-fg);border:1px solid var(--panel-border);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:13px;display:flex}.dropdown__field:hover{background:var(--control-bg-hover)}.dropdown--open .dropdown__field{outline:1px solid var(--accent)}.dropdown__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown__caret{color:var(--panel-fg-dim);font-size:10px;transition:transform .15s}.dropdown--open .dropdown__caret{transform:rotate(180deg)}.dropdown__menu{border:1px solid var(--panel-border);z-index:20;background:#18181efa;border-radius:8px;flex-direction:column;max-height:280px;padding:4px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 30px #0000008c}.dropdown--open .dropdown__menu{display:flex}.dropdown__option{-webkit-appearance:none;appearance:none;color:var(--panel-fg);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:7px 9px;font-size:13px}.dropdown__option:hover{background:var(--control-bg-hover)}.dropdown__option--active{color:var(--accent);font-weight:600}.stepper{border:1px solid var(--panel-border);border-radius:8px;align-items:stretch;display:inline-flex;overflow:hidden}.stepper__btn{-webkit-appearance:none;appearance:none;background:var(--control-bg);color:var(--panel-fg);cursor:pointer;border:none;width:28px;font-size:16px;line-height:1;transition:background .12s}.stepper__btn:hover{background:var(--control-bg-hover)}.stepper__btn:disabled{opacity:.3;cursor:default}.stepper__input{text-align:center;border:none;border-left:1px solid var(--panel-border);border-right:1px solid var(--panel-border);width:44px;color:var(--panel-fg);font-variant-numeric:tabular-nums;-moz-appearance:textfield;background:0 0;font-size:13px}.stepper__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.stepper__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper__input:focus{outline:none}.switch{cursor:pointer;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch__track{background:var(--control-bg);border:1px solid var(--panel-border);border-radius:999px;transition:background .15s;position:absolute;top:0;bottom:0;left:0;right:0}.switch__thumb{background:var(--panel-fg-dim);border-radius:50%;width:16px;height:16px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.switch input:checked+.switch__track{background:#5ad1ff40}.switch input:checked+.switch__track .switch__thumb{background:var(--accent);transform:translate(18px)}.hint{color:var(--panel-fg-dim);opacity:.8;font-size:11px;line-height:1.35}#credits{z-index:10;gap:14px;font-size:12px;display:flex;position:fixed;bottom:12px;left:14px}#credits a{color:#888;text-decoration:none}#credits a:hover{color:#b8b8b8;text-decoration:underline}