#hybrid-hud{position:fixed;left:50%;bottom:68px;transform:translateX(-50%);z-index:39;color:#eef7f0;background:#18392feb;border:1px solid #89af98;border-radius:14px;padding:10px 14px;max-width:calc(100vw - 20px);font:13px Segoe UI,sans-serif;box-shadow:0 8px 30px #0004}#hybrid-hud strong{display:block;font-size:13px;margin-bottom:7px}#hybrid-hud nav{display:flex;gap:6px}#hybrid-hud button{min-height:40px;border:1px solid #8aad97;border-radius:8px;background:#264c3e;color:#fff;padding:8px 12px;font:inherit;white-space:nowrap}#hybrid-hud.facility-view{bottom:auto;top:16px}#hybrid-hud.facility-view nav{display:none}body.booting #hybrid-hud{display:none}#hybrid-avatar-studio{box-sizing:border-box;width:500px;max-width:calc(100vw - 24px);max-height:92dvh;overflow:auto;padding:20px;background:#f6f8f1;color:#203c2d;border:1px solid #a6b8a4;border-radius:20px}#hybrid-avatar-studio::backdrop{background:#12291fcc;backdrop-filter:blur(7px)}#hybrid-avatar-studio header{display:flex;align-items:center;justify-content:space-between;position:sticky;top:-20px;background:#f6f8f1;padding:10px 0;z-index:2}#hybrid-avatar-studio header strong{font-size:20px}#hybrid-avatar-studio header button{border:0;color:#203c2d;background:none;font-size:26px;min-width:42px;min-height:42px}#hybrid-avatar-studio .studio-note,#hybrid-avatar-studio .studio-status{font-size:13px;line-height:1.6;color:#506654}#hybrid-avatar-studio .avatar-pack-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}#hybrid-avatar-studio .avatar-pack-cards button{background:#e7eee4;color:#203c2d;border:1px solid #bccdb9;border-radius:13px;padding:12px;cursor:pointer}#hybrid-avatar-studio .avatar-pack-cards canvas{display:block;max-width:100%;height:210px;object-fit:contain;margin:auto}#hybrid-avatar-studio .avatar-pack-cards span{display:block;font-size:14px;font-weight:600;margin-top:6px}#hybrid-style-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}#hybrid-style-form label{display:block;font-size:13px;color:#203c2d}#hybrid-style-form select{display:block;box-sizing:border-box;width:100%;margin-top:6px;padding:10px;border:1px solid #a7bca9;border-radius:9px;background:#fff;color:#203c2d;min-height:44px;font:inherit}@media(max-width:500px){#hybrid-hud{padding:8px 10px}#hybrid-hud button{padding:7px 10px;font-size:12px}#hybrid-avatar-studio .avatar-pack-cards canvas{height:180px}#hybrid-avatar-studio{padding:16px}#hybrid-avatar-studio header{top:-16px}}

#unified-view-switch{position:fixed;right:114px;top:81px;z-index:55;padding:8px 12px;border:1px solid #9bc5c455;border-radius:20px;background:#122a2de8;color:#eaf5f3;font:600 12px system-ui;text-decoration:none;backdrop-filter:blur(12px)}body.roof-ride-active #unified-view-switch{display:none}
#unified-view-switch{display:flex;gap:12px;align-items:center}#unified-view-switch a{color:inherit;text-decoration:none;min-height:28px;display:inline-flex;align-items:center}#unified-view-switch a+ a{font-weight:400;opacity:.8;border-left:1px solid #9bc5c455;padding-left:12px}@media(max-width:500px){#unified-view-switch{top:auto;bottom:10px;right:10px;font-size:11px;padding:5px 9px}}

#hybrid-path-status{display:block;margin:7px 0 0;font-size:11px;color:#c8dfdd;max-width:260px}#hybrid-hud.facility-view #hybrid-path-status{display:none}

/* R5: keep the light studio title legible against the scoped light panel. */
#hybrid-avatar-studio header strong{color:#203c2d}
#shared-friends{margin:12px 0;padding:10px;border:1px solid #426274;border-radius:10px;background:#102632;color:#edf6f5}
#shared-friends strong{font-size:13px;color:#edf6f5}
#shared-friends p{font-size:11px;line-height:1.5;color:#bfd3d9;margin:5px 0}
#shared-friends ul{padding:0;margin:8px 0;list-style:none;max-height:116px;overflow:auto}
#shared-friends li{display:flex;justify-content:space-between;gap:10px;font-size:12px;padding:4px 0;overflow-wrap:anywhere}
#shared-friends small{color:#a7d4ce;flex-shrink:0}
#shared-friends button{min-height:44px;border:1px solid #6eaba5;border-radius:8px;padding:8px 12px;background:#264c43;color:#fff;font:inherit;font-size:12px}
/* A narrow right-hand stack leaves the original joystick, presence and actions free. */
@media(max-width:500px){
 #hybrid-hud{box-sizing:border-box;width:190px;left:auto;right:10px;bottom:150px;transform:none;padding:8px 10px}
 #hybrid-hud nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
 #hybrid-hud button{box-sizing:border-box;min-width:0;min-height:44px;padding:7px 4px;font-size:11px;white-space:normal}
 #hybrid-path-status{max-width:168px;line-height:1.4}
 #unified-view-switch{box-sizing:border-box;width:190px;right:10px;bottom:110px;min-height:40px;padding:4px 6px;gap:6px;justify-content:center;font-size:10px}
 #unified-view-switch a{min-height:30px}
 #unified-view-switch a+a{padding-left:6px}
 #hybrid-hud.facility-view{top:136px;bottom:auto;left:auto;right:10px;width:auto;max-width:190px}
 #hybrid-hud.facility-view nav{display:none}
}
.sv-menu-views .sv-menu-hint{display:block;margin-top:2px;font-size:11px;font-weight:400;opacity:.72}
/* r27: the menu's 'Other ways to explore' rows are links; give them the menu's own button-row look. */
#panel[data-view="hud-menu"] a.sv-menu-row{display:grid;grid-template-columns:20px minmax(0,1fr) 12px;align-items:center;gap:10px;width:100%;min-height:46px;margin:0;padding:11px 10px;border:1px solid transparent;border-radius:9px;background:#a6c8ed07;color:#e0eaf8;text-align:left;font-size:13px;font-weight:500;line-height:1.45;text-decoration:none;box-sizing:border-box;overflow-wrap:anywhere}
#panel[data-view="hud-menu"] a.sv-menu-row svg{width:19px;height:19px;color:#a3bddb}
#panel[data-view="hud-menu"] a.sv-menu-row:hover{background:#99c6ff16;border-color:#8db4e62b;color:#fff}
#panel[data-view="hud-menu"] a.sv-menu-row .sv-menu-hint{color:#a3bddb}