/* Rendering quality is local to this device. Content and navigation never wait for effects. */
.performance-picker{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.78rem;color:var(--muted,#a7acba)}
.performance-picker select{width:auto;min-height:36px;max-width:150px;padding:6px 10px;border:1px solid var(--line,#393847);border-radius:9px;background:var(--surface,#151821);color:var(--ink,#f6f7fa);font:inherit}
.performance-picker select:focus-visible{outline:2px solid var(--accent,#8c78ff);outline-offset:3px}
.performance-picker [data-performance-status]{font-size:.72rem;white-space:nowrap}
:root[data-performance=low]{scroll-behavior:auto}
:root[data-performance=low] *, :root[data-performance=low] *::before, :root[data-performance=low] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;backdrop-filter:none!important;will-change:auto!important}
:root[data-performance=low] :is(.particle-canvas,#ng-starfield,#ng-aurora,#ng-grid,#ng-scanline){display:none!important}
:root[data-performance=low] :is(.reveal,.grid-orbit-reveal){opacity:1!important;transform:none!important}
:root[data-performance=low] :is(body,.season-scene,.admin-background){background-attachment:scroll!important}
:root[data-performance=medium] :is(.ng-context-panel,.ng-workspace,.ng-public-auth,.ng-status-panel,.panel){animation:none!important;backdrop-filter:none!important}
/* Opening a page is immediate at every quality, including High. */
.grid-orbit-reveal,.grid-orbit-reveal.is-visible,.reveal,.reveal.enter,.workspace.is-entering{opacity:1!important;transform:none!important;animation:none!important;transition:none!important}
:root[data-performance=high] .button:not(:disabled):hover,:root[data-performance=high] .ng-section:hover{transform:translateY(-1px);transition:transform .14s ease}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important;backdrop-filter:none!important}.particle-canvas{display:none!important}}
@media(max-width:640px){.performance-picker{gap:4px}.performance-picker [data-performance-status]{display:none}.performance-picker select{max-width:122px}}

.dashboard-performance-bar{position:relative;z-index:2;display:flex;justify-content:flex-end;padding:8px 24px;background:#10121be8;border-bottom:1px solid #ffffff12}