:root{--panel-bg:#1a1a1c;--text:#ffffffe0;--text-dim:#ffffff8c;--hover:#ffffff0d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:#090b12}li{list-style:none}#controls-drawer{z-index:10;width:250px;color:var(--text-dim);-webkit-user-select:none;user-select:none;background-color:var(--panel-bg);flex-direction:column;font-family:system-ui,sans-serif;font-size:.7rem;display:flex;position:fixed;bottom:16px;left:16px}#controls-tab{all:unset;cursor:pointer;height:28px;color:var(--text-dim);text-transform:uppercase;border-radius:6px;justify-content:space-between;align-items:center;padding:0 12px;font-size:.65rem;font-weight:600;transition:color .15s,border-radius .15s,border-color .15s;display:flex}#controls-tab:focus-visible{color:var(--text);outline:1px solid}#controls-tab:hover{color:var(--text)}.tab-arrow{opacity:.7;transition:transform .2s}#controls-tab[aria-expanded=true] .tab-arrow{transform:rotate(180deg)}#controls-panel{opacity:0;max-height:0;padding:0;transition:max-height .25s,opacity .2s,padding .25s;overflow:hidden auto}#controls-panel.open{opacity:1;max-height:min(60vh,460px);padding:.38rem 0}.controls-list li{align-items:center;gap:.65rem;padding:.25rem .75rem;display:flex}.controls-list li:hover{color:var(--text);background:var(--hover)}