:root{color-scheme:dark;--bg: #0a0a0a;--panel: rgba(20, 20, 22, .75);--panel-solid: #151519;--text: #e9e9ee;--muted: #b5b5c0;--accent: #7aa2ff;--primary: #5b8cff;--ghost: #2a2a33;--border: #2b2b36;--shadow: 0 10px 30px rgba(0, 0, 0, .45)}*{box-sizing:border-box}html,body,#app{height:100%;width:100%;margin:0;background:radial-gradient(1200px 1200px at 70% 30%,#0e0f18,#09090f 35%,#06060a) fixed;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}#sim{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:transparent;cursor:grab}.ui-panel{position:fixed;top:16px;left:16px;width:min(380px,calc(100% - 32px));background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:14px;padding:14px 14px 10px;box-shadow:var(--shadow)}.ui-header{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ui-header .title{font-weight:700;letter-spacing:.2px;color:#f0f3ff}.ui-header .spacer{flex:1}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--ghost);color:var(--text);border-radius:10px;padding:8px 12px;font-weight:600;cursor:pointer;transition:transform .05s ease,background .2s ease,border-color .2s ease}button:hover{transform:translateY(-1px);border-color:#3a3a48}button.primary{background:linear-gradient(180deg,var(--primary),#476edc);border-color:#3a57cc}button.ghost{background:var(--ghost)}.ui-section{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:10px;background:#ffffff05;margin:8px 0}.ui-section.row{display:flex;align-items:center;gap:18px;justify-content:space-between}.ui-section label{color:var(--muted);font-size:.95rem}.ui-section .value{color:#bcd2ff;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}input[type=range]{grid-column:1 / -1;width:100%;accent-color:var(--accent)}label.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer}@media (max-width: 640px){.ui-panel{width:calc(100% - 24px);left:12px;right:12px}}:root{--z-ui: 10;--z-toggle: 11}.ui-toggle{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);z-index:var(--z-toggle);padding:10px 12px;border-radius:12px;font-size:18px;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ui-panel{max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px));overflow:auto;z-index:var(--z-ui);transition:transform .2s ease,opacity .2s ease}.ui-panel.collapsed{transform:translate(calc(-100% - 18px));opacity:0;pointer-events:none}input[type=range]{height:28px}input[type=range]::-webkit-slider-thumb{width:22px;height:22px}input[type=range]::-moz-range-thumb{width:22px;height:22px}@media (max-width: 768px){.ui-panel{width:calc(100% - 28px);left:calc(env(safe-area-inset-left,0px) + 14px);right:14px;max-height:calc(100dvh - 28px - env(safe-area-inset-top,0px))}}@media (max-width: 420px){.ui-section{grid-template-columns:1fr}.ui-section .value{margin-top:4px}}#sim{touch-action:none}#app{min-height:100dvh}@media (max-width: 520px){.ui-panel{top:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);left:50%;right:auto;transform:translate(-50%);width:calc(100% - 28px);max-width:560px}.ui-panel.collapsed{transform:translate(-50%,calc(100% + 18px));opacity:0;pointer-events:none}.ui-toggle{top:calc(env(safe-area-inset-top,0px) + 10px);left:calc(env(safe-area-inset-left,0px) + 10px)}}@media (min-width: 1200px){.ui-panel{width:clamp(320px,26vw,480px)}}