/* カーテンは Shadow DOM コンポーネントで描画するため、ここでは共通の安全スタイルのみ */
:root{
  --mask-color:#21244A;
}

/* 既存テーマが .mask を参照していても壊れないように“無害化” */
.mask{
  position:fixed;
  inset:0;
  z-index:9999;
  background:var(--mask-color);
  transform:translate3d(-100%,0,0);
  will-change:transform;
  backface-visibility:hidden;
  contain:paint;
  pointer-events:none;
}
body.masking{
  overflow:hidden;
  touch-action:none;
}

@media (prefers-reduced-motion: reduce){
  .mask{ transform:none !important; }
  body.masking{ overflow:visible; touch-action:auto; }
}