/* ============================================================
   Lanyard — mount slot for the React Bits physics build
   (built bundle: ./lanyard-dist/assets/lanyard.js + .css)
   The card is rendered by Rapier + Three inside #lanyard-root.
   ============================================================ */

.lanyard-slot{
  position:fixed;        /* 固定到首页右上方 */
  top:88px;              /* 让开顶部导航条 */
  right:4%;
  transform:none;
  width:min(30vw,320px);
  height:min(46vw,500px);
  z-index:45;            /* 低于导航(50)，高于 MagicBento(40) */
}

/* Lanyard 挂载点：在 slot 内绝对填充（slot 本身仍 fixed 定位） */
.lanyard-slot #lanyard-root{
  position:absolute;
  inset:0;
  z-index:2;
}

/* make the built wrapper fill the slot (overrides injected .lanyard-wrapper) */
.lanyard-slot .lanyard-wrapper{
  width:100%;
  height:100%;
}

@media(max-width:768px){
  .lanyard-slot{
    top:72px;
    right:3%;
    width:min(52vw,240px);
    height:min(80vw,360px);
  }
}