/* Round 66 · B（Claude）固定窗洞日光＋窗洞內葉影影片。
   只作用於 #light66-layer[data-variant="b"]；層本身（fixed／inset0／100lvh／z0）、video 插入、播放、A/B/原版切換與 m1 由 Codex 共用架構負責。
   原理：整層以 hard-light 與下方紙面（含 m1）合成。層內灰階 0.5＝不改變紙色，>0.5 提亮，<0.5 壓暗。
     ::before  固定窗洞光斑（日光灰 ≈0.74，約比紙亮 +8～+11 階），窗櫺是光斑裡的空缺，所以窗框永遠不動。
     video     同一個窗洞遮罩，multiply 疊在光斑上：白＝陽光照到（維持光斑），暗＝葉影（壓到比紙暗）。
     ::after   z-index:-1 的柔和散射光暈，在光斑外圍約 +3～+4 階。
   入射角固定：直式與橫式用同一組剪切方向（光自左上往右下）。沒有任何 transform 動畫、捲動或 section 邏輯；
   動態只來自影片本身。 */

#light66-layer[data-variant="b"]{
  --l66b-sun:rgb(190 188 185);   /* 光斑灰階：越接近 0.5 越淡 */
  --l66b-leaf:.52;               /* 葉影強度＝video 不透明度；影片最深葉影約 0.25 時，紙面最暗約 −26 階 */
  --l66b-bloom:.4;               /* 外圍散射光暈 */
  --l66b-bloom-at:52% 53%;
  --l66b-bloom-size:72% 46%;
  --l66b-vpos:50% 45%;           /* 影片 object-position，讓葉群落在窗洞內 */
  --l66b-panes:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1000' height='2160' viewBox='0 0 1000 2160'><filter id='p' x='-20%' y='-20%' width='140%' height='140%'><feGaussianBlur stdDeviation='7'/></filter><g filter='url(%23p)'><g transform='matrix(1 -.12 .16 1 20 400)' fill='%23fff'><rect width='367' height='488'/><rect x='393' width='367' height='488'/><rect y='506' width='367' height='488'/><rect x='393' y='506' width='367' height='488'/><rect y='1012' width='367' height='488'/><rect x='393' y='1012' width='367' height='488'/></g></g></svg>");
  mix-blend-mode:hard-light;
}
@media (orientation:landscape){
  #light66-layer[data-variant="b"]{
    --l66b-bloom-at:70% 49%;
    --l66b-bloom-size:44% 52%;
    --l66b-panes:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='1000' viewBox='0 0 1600 1000'><filter id='p' x='-20%' y='-20%' width='140%' height='140%'><feGaussianBlur stdDeviation='8'/></filter><g filter='url(%23p)'><g transform='matrix(1 -.1 .3 1 700 170)' fill='%23fff'><rect width='199' height='339'/><rect x='221' width='199' height='339'/><rect x='442' width='199' height='339'/><rect y='361' width='199' height='339'/><rect x='221' y='361' width='199' height='339'/><rect x='442' y='361' width='199' height='339'/></g></g></svg>");
  }
}

#light66-layer[data-variant="b"]::before,
#light66-layer[data-variant="b"] .light66-video{
  -webkit-mask-image:var(--l66b-panes);mask-image:var(--l66b-panes);
  -webkit-mask-size:cover;mask-size:cover;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
}
#light66-layer[data-variant="b"]::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:var(--l66b-sun);
}
#light66-layer[data-variant="b"] .light66-video{
  object-position:var(--l66b-vpos);
  opacity:var(--l66b-leaf);
  mix-blend-mode:multiply;
}
#light66-layer[data-variant="b"]::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:radial-gradient(ellipse var(--l66b-bloom-size) at var(--l66b-bloom-at),rgb(190 188 185 / var(--l66b-bloom)) 0%,rgb(190 188 185 / 0) 100%);
}

/* 系統「增加對比」：保留光影但降低強度，以文字對比優先。 */
@media (prefers-contrast:more){
  #light66-layer[data-variant="b"]{--l66b-sun:rgb(166 165 163);--l66b-leaf:.34;--l66b-bloom:.2}
}
/* 不支援 hard-light 時，灰階層會直接蓋在紙上；寧可不顯示。 */
@supports not (mix-blend-mode:hard-light){
  #light66-layer[data-variant="b"]{display:none}
}