.sim-surface{--color-navy-deep:var(--sf-ink);--color-foam:var(--sf-surf);--color-tide:var(--sf-brand-bright);--line:color-mix(in oklab, var(--color-foam) 10%, transparent);--line-strong:color-mix(in oklab, var(--color-foam) 16%, transparent);--tile:color-mix(in oklab, var(--color-foam) 6%, transparent);--tile-raised:color-mix(in oklab, var(--color-foam) 9%, transparent);background:var(--color-navy-deep);color:var(--color-foam)}:where(.sim-surface) .panel{background:var(--tile);border:1px solid var(--line);border-radius:10px}:where(.sim-surface) .panel-title{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:color-mix(in oklab, var(--color-foam) 55%, transparent);font-size:11px}:where(.sim-surface) .field-label{color:color-mix(in oklab, var(--color-foam) 70%, transparent);font-size:12px}:where(.sim-surface) .num-input,:where(.sim-surface) .select-input{background:var(--tile-raised);border:1px solid var(--line-strong);font-family:var(--font-mono);color:var(--color-foam);border-radius:6px;width:100%;padding:3px 8px;font-size:12.5px}:where(.sim-surface) input[type=range]{accent-color:var(--color-brand)}:where(.sim-surface) .btn{border:1px solid var(--line-strong);background:var(--tile-raised);color:var(--color-foam);cursor:pointer;border-radius:7px;padding:6px 12px;font-size:13px;transition:background .15s}:where(.sim-surface) .btn:hover{background:color-mix(in oklab, var(--color-foam) 14%, transparent)}:where(.sim-surface) .btn-primary{background:var(--color-brand);border-color:var(--color-brand)}:where(.sim-surface) .btn-primary:hover{background:var(--color-brand-bright)}:where(.sim-surface) .btn[disabled]{opacity:.45;cursor:default}:where(.sim-surface) .btn-speed-active{background:var(--color-brand);border-color:var(--color-brand)}