.desk-mode-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 12px;padding:4px 12px;flex:none;color:#eee5d2}
.desk-mode-bar button{min-height:44px;padding:8px 14px;border:1px solid #bda476;border-radius:5px;background:#282218;color:#fff4dc;font:14px/1.3 Inter,Arial,sans-serif}
.desk-mode-bar button:focus-visible{outline:3px solid #ffdf8f;outline-offset:2px}
.desk-mode-help{font:12px/1.4 Inter,Arial,sans-serif}
.desk-mode-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.desk-mode-bar [hidden]{display:none!important}
body.desk-immersive{overflow:hidden;height:100dvh;min-height:0}
body.desk-immersive>header{display:none}
body.desk-immersive>main{position:fixed;inset:0;height:100vh;height:100dvh;padding:0;display:flex;flex-direction:column;min-height:0;background:#171610;overflow:hidden}
body.desk-immersive main>:is(.intro,.desk-end-divider){display:none}
body.desk-immersive .desk-mode-bar{position:absolute;top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left));z-index:20;padding:0;max-width:calc(50% - 16px)}
body.desk-immersive main>.viewport{display:flex!important;align-items:center;justify-content:center;flex:1 1 0!important;min-height:0;height:auto!important;position:relative;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y pinch-zoom}
body.desk-immersive main>.viewport::-webkit-scrollbar{display:none}
body.desk-immersive main>.viewport.desk-view-zoomed{display:block!important}
body.desk-immersive .viewport:not(.desk-view-zoomed) #scene{width:var(--desk-immersive-fit,100%)!important;max-width:none!important;margin:auto!important;flex:none}
body.desk-immersive .viewport #scene{cursor:grab;user-select:none;-webkit-user-select:none}
body.desk-immersive .viewport.desk-dragging,body.desk-immersive .viewport.desk-dragging *{cursor:grabbing!important}
body.desk-immersive .desk-accessibility{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));z-index:21;width:auto;max-width:calc(100% - 16px);max-height:calc(100% - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:0;margin:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-padding:8px}
body.desk-immersive .desk-accessibility::-webkit-scrollbar{display:none}
body.desk-immersive .desk-accessibility{pointer-events:none}
body.desk-immersive .desk-accessibility>:is(summary,.desk-access-panel){pointer-events:auto}
body.desk-immersive .desk-accessibility[open]{width:min(420px,calc(100% - 16px - env(safe-area-inset-left) - env(safe-area-inset-right)))}
body.desk-immersive .desk-accessibility>summary{position:sticky;top:0;margin:0 0 0 auto;background:#282218;border:1px solid #bda476;min-width:64px;min-height:44px;z-index:1}
body.desk-immersive .desk-accessibility .desk-sound-control{position:static;width:100%;max-width:none;min-height:0;margin:8px 0 0;padding:0;flex:none}
body.desk-immersive .desk-mode-help{display:block;text-align:left;margin:0 0 8px}
body.desk-immersive .desk-mode-profile{margin-bottom:8px}
@media(prefers-reduced-motion:reduce){.desk-mode-bar,body.desk-immersive main>.viewport{transition:none;animation:none;scroll-behavior:auto}}
@media(forced-colors:active){.desk-mode-bar button,body.desk-immersive .desk-accessibility>summary{border:2px solid ButtonText;color:ButtonText;background:ButtonFace}body.desk-immersive>main{background:Canvas;color:CanvasText}}