/* Composited feedback, fixed hit areas and static glass keep controls light. */
:is(.archive-toolbar .archive-icon,#archive-send,#archive-search,.room-exit){position:relative;isolation:isolate;overflow:hidden;border-radius:12px!important;border:1px solid #c5e0d32e!important;background:linear-gradient(145deg,#c7e4dd12,#10242f8c)!important;box-shadow:inset 0 1px #e9fff21c,0 4px 12px #00000012;color:#ceddd5;transition:background .2s,border-color .2s,box-shadow .2s,transform .18s cubic-bezier(.2,.8,.2,1)}
:is(.archive-toolbar .archive-icon,#archive-send,#archive-search,.room-exit):before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 10%,#e2fff119 48%,transparent 85%);transform:translateX(-110%);pointer-events:none}
@media(hover:hover){:is(.archive-toolbar .archive-icon,#archive-send,#archive-search,.room-exit):hover{border-color:#d0e8d56b!important;box-shadow:inset 0 1px #e9fff236,0 5px 16px #0002}:is(.archive-toolbar .archive-icon,#archive-send,#archive-search,.room-exit):hover:before{animation:control-sheen .65s ease both}}
:is(.archive-toolbar .archive-icon,#archive-send,#archive-search,.room-exit):active{transform:translateY(1px);box-shadow:inset 0 1px 8px #0003}
:is(.archive-toolbar .archive-icon,#archive-send,#archive-search,.room-exit):focus-visible{outline:2px solid #d9c9a5;outline-offset:3px}
.archive-toolbar-actions{gap:7px}.archive-toolbar .archive-icon svg{width:17px;height:17px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}#archive-clear:hover svg{transform:rotate(-35deg)}#archive-copy:hover svg{transform:translateY(-1px)}
#archive-send{background:linear-gradient(140deg,#e4d8b6,#b4c4aa)!important;color:#17342e!important;border-radius:12px!important;box-shadow:inset 0 1px #fff6,0 3px 14px #bbd7b81f}#archive-send svg{width:22px;height:22px;transition:transform .22s}#archive-send:hover svg{transform:translateY(-2px)}.archive-busy #archive-send{background:linear-gradient(140deg,#3b5660,#19303a)!important;color:#e2d3ac!important}.archive-busy #archive-send:hover svg{transform:none}
.archive-compose-actions #archive-search{display:flex;align-items:center;gap:8px;padding:0 11px;border-radius:10px!important}#archive-search:after{content:'';order:-1;flex:0 0 13px;width:13px;height:13px;opacity:.8;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m16 16 5 5' stroke='black' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat}#archive-search[data-mode=on]{border-color:#b8dab678!important;color:#d6edc9;background:linear-gradient(140deg,#9cc7b029,#142c33aa)!important}
.room-exit{position:fixed;display:flex;align-items:center;justify-content:center;gap:10px;padding:0 14px;backdrop-filter:blur(10px);letter-spacing:.35px}.room-exit[hidden]{display:none}.room-exit>span{display:flex;flex:0 0 17px}.room-exit svg{width:17px;height:17px;transition:transform .2s}.room-exit:hover svg{transform:translateX(-2px)}
.experience-controls{order:2;gap:18px;border:0;background:none;padding:0;border-radius:0;backdrop-filter:none;box-shadow:none}.footer .floor-status{order:0}.footer .scroll-note{order:1}.experience-controls button{justify-content:center;letter-spacing:.35px}.experience-controls #motion-toggle{opacity:1;width:64px;min-width:64px;height:34px;padding:0 7px}.sound-control{gap:4px}.experience-controls #sound-toggle{width:130px;min-width:130px;height:34px;padding:0 10px;gap:8px}.experience-controls #sound-settings{width:34px;min-width:34px;height:34px;padding:0!important;flex:0 0 34px}.sound-settings svg{width:17px;height:17px;transition:transform .25s}.sound-settings[aria-expanded=true] svg{transform:rotate(180deg)}
.graphics-control{position:relative}.experience-controls #graphics-toggle{display:flex;width:126px;min-width:126px;height:34px;padding:0 10px;gap:8px;font-size:10px;white-space:nowrap;letter-spacing:0}.graphics-control svg{width:16px;height:16px;flex:0 0 16px}
#graphics-panel{position:absolute;left:0;bottom:calc(100% + 15px);width:245px;max-width:calc(100vw - 32px);padding:17px;border:1px solid #c3dfce45;border-radius:20px;background:linear-gradient(140deg,#294651f2,#0c212cf8);box-shadow:inset 0 1px #eaffdf24,0 15px 50px #0007;backdrop-filter:blur(18px);animation:control-panel-in .22s cubic-bezier(.2,.8,.2,1) both}
#graphics-panel[hidden]{display:none}#graphics-panel>p{font-size:10px;letter-spacing:1.5px;margin:0 0 13px;color:#d3dece}#graphics-panel small{display:block;font-size:10px;line-height:1.5;color:#9eb6b1;margin-top:12px}.graphics-options{display:flex;flex-direction:column;gap:4px}.graphics-options button{height:36px;width:100%;border:1px solid transparent;border-radius:10px;padding:0 11px!important;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:0;color:#c1d4c9;transition:background .18s,border-color .18s}.graphics-options button:hover{background:#deefd40c}.graphics-options button[aria-pressed=true]{background:#c8e0c218;border-color:#b9d1b73b;color:#f0e8cd}.graphics-options i{height:5px;width:5px;border-radius:50%;background:currentColor;opacity:0}.graphics-options [aria-pressed=true] i{opacity:1}
.sound-panel{left:auto;right:0;border-radius:20px;animation:control-panel-in .22s ease both}
#room-exit{position:fixed}
@keyframes control-sheen{to{transform:translateX(110%)}}@keyframes control-panel-in{from{opacity:0;transform:translateY(7px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1000px){.footer .scroll-note{display:none}.footer .floor-status{margin-left:0}}
@media(max-width:760px){.footer{left:14px;right:14px;height:68px;gap:8px;justify-content:space-between}.footer .floor-status{display:flex;gap:6px}.footer .status-number{font-size:24px}.footer #floor-name,.footer .status-divider{display:none}.experience-controls{width:auto;max-width:none;justify-content:flex-end;gap:8px;padding:0}.experience-controls #graphics-toggle{width:105px;min-width:105px;font-size:9px;padding:0 4px}.experience-controls #sound-toggle{width:100px;min-width:100px;padding:0 4px}.experience-controls #motion-toggle{width:48px;min-width:48px;padding:0 4px}.sound-panel{left:auto;right:14px;bottom:80px}.graphics-control #graphics-panel{left:auto;right:0;position:fixed;bottom:80px;right:14px}.room-exit{gap:7px}}
@media(max-width:360px){.experience-controls{gap:4px}.experience-controls #graphics-toggle{width:97px;min-width:97px;font-size:8px}.experience-controls #sound-toggle{width:84px;min-width:84px;gap:5px}.experience-controls #motion-toggle{width:39px;min-width:39px;gap:5px}.experience-controls #sound-settings{width:25px;min-width:25px;flex-basis:25px}.sound-control{gap:2px}.sound-control #sound-label{max-width:56px}}
.reduced-motion :is(.experience-controls *,#archive-send,#archive-search,.archive-toolbar .archive-icon,.room-exit){animation:none!important;transition:none!important}.reduced-motion :is(.experience-controls button,#archive-send,#archive-search,.archive-toolbar .archive-icon,.room-exit):before{animation:none!important}
@media(prefers-reduced-motion:reduce){:is(.experience-controls *,#archive-send,#archive-search,.archive-toolbar .archive-icon,.room-exit){animation:none!important;transition:none!important}:is(.experience-controls button,#archive-send,#archive-search,.archive-toolbar .archive-icon,.room-exit):before{animation:none!important}}

/* Footer stays a plain control row, without nested glass containers. */
.experience-controls :is(#motion-toggle,#sound-toggle,#sound-settings,#graphics-toggle){border:0;background:transparent;border-radius:0;box-shadow:none;opacity:.75;transition:opacity .18s;color:inherit}
.experience-controls :is(#motion-toggle,#sound-toggle,#sound-settings,#graphics-toggle):hover{opacity:1}
.experience-controls #sound-settings{border-left:1px solid var(--line);margin-left:5px}
.experience-controls :is(#motion-toggle,#sound-toggle,#sound-settings,#graphics-toggle):focus-visible{outline:1px solid currentColor;outline-offset:3px}