/* 燈光拉霸改用側轉拉桿；777 維持獨立的大型機台與上下拉動。 */
.spotlight.number-result #winner-code.rolling-number.lighting-slots:not(.classic-wood){
  --lighting-lever-space:clamp(250px,21vw,310px);
  width:calc(100% - var(--lighting-lever-space));
  margin-right:var(--lighting-lever-space);
}

#winner-code.rolling-number.lighting-slots:not(.classic-wood) .slot-reel{
  flex:0 1 1.05em;
  width:1.05em;
  font-size:min(11vh,calc(53vw / var(--slot-count,6)),132px);
}

/* 777 不再讓各滾輪平均撐滿整個機台；每格加寬以容納放大後的中文字形。 */
.spotlight.number-result #winner-code.rolling-number.lighting-slots.classic-wood{
  width:fit-content;
  max-width:calc(100% - 150px);
  margin:24px auto;
}

#winner-code.rolling-number.lighting-slots.classic-wood .slot-reel{
  flex:0 0 1.25em;
  width:1.25em;
  font-size:min(11vh,calc(53vw / var(--slot-count,6)),132px);
}

/* 配合較窄的滾輪區，數字高度也縮小；格高不變，避免影響停輪位置。 */
#winner-code.lighting-slots:not(.classic-wood) .slot-strip>span{
  font-size:112%;
}

/* 兩種拉霸共用：將 2.5 字高可視框縮為原高度的 90%。
   字體與每格步距維持不變，上下各對稱遮住原框高度的 5%。 */
.spotlight.number-result #winner-code.rolling-number.lighting-slots .slot-reel{
  height:3.0375em;
}

/* 傳統拉霸的上下鄰格各少露出一點；中央得獎字與停輪位置不變。 */
#winner-code.lighting-slots:not(.classic-wood) .reel-mask{
  height:12%;
  opacity:.9;
}

/* 拉霸777維持 30% 透明度（保留 70% 遮色濃度）。 */
#winner-code.lighting-slots.classic-wood .reel-mask{
  opacity:.7;
}

#winner-code.lighting-slots:not(.classic-wood) .slot-lever{
  right:-66px;
  top:66%;
}

#winner-code.lighting-slots:not(.classic-wood) .slot-lever-arm{
  height:clamp(95px,16vh,180px);
  transform-origin:50% 100%;
}

#winner-code.lighting-slots:not(.classic-wood) .slot-lever-knob{
  width:clamp(48px,6vh,72px);
  height:clamp(48px,6vh,72px);
}

/* 圓形底座固定不動，僅讓握桿繞底部支點向右旋轉。 */
#winner-code.lighting-slots:not(.classic-wood) .slot-lever:before{
  left:-38px;
  right:-38px;
  top:-38px;
  bottom:-38px;
  border-radius:50%;
}

#winner-code.lighting-slots:not(.classic-wood) .slot-lever:after{
  display:none;
}

/* 777 外側軌道收在機台範圍內，上下端與容器切齊。 */
#winner-code.lighting-slots.classic-wood .slot-lever{
  top:0;
  bottom:0;
  height:100%;
}

/* 木紋握把在上一版 63.7px 基礎上再增高 25%，約為 80px。 */
#winner-code.lighting-slots.classic-wood .slot-lever-arm{
  height:80px;
  animation:classic-lever-idle 1.35s ease-in-out infinite;
}

/* 尚未開始抽獎時，SLOT 握把只在原位附近輕微上下滑動。 */
@keyframes classic-lever-idle{
  0%,100%{transform:translateY(0)}
  /* 原待機端點為 translateY(-12px) 與 translateY(44px)，目前上下幅度皆再縮短 40%。 */
  18%{transform:translateY(-7.2px)}
  58%{transform:translateY(15.84px)}
  78%{transform:translateY(10.8px)}
}

#winner-code.lighting-slots.classic-wood .slot-lever-knob{
  display:grid;
  place-items:center;
  box-sizing:border-box;
  color:#2a150b;
  font-family:"Segoe Script","Segoe Print","Bradley Hand","Comic Sans MS",cursive;
  font-size:clamp(21px,2.3vw,34px);
  font-style:italic;
  font-weight:900;
  letter-spacing:-.02em;
  text-align:center;
  text-indent:0;
  padding:0;
  line-height:1;
  -webkit-text-stroke:.65px #180904;
  text-shadow:
    0 -1.5px 0 #0b0302,
    -1px -1px 0 #160704,
    0 1.5px 0 #d9a769,
    1px 1px 0 #b77e49;
}

body:has(#animation-enabled:not(:checked)) #winner-code.lighting-slots.classic-wood .slot-lever-arm{
  animation:none;
}

@media(prefers-reduced-motion:reduce){
  #winner-code.lighting-slots.classic-wood .slot-lever-arm{animation:none}
}

/* 小型預覽視窗同步縮短側轉拉桿，避免為底座保留的空間壓縮滾輪。 */
@media(max-width:700px){
  .spotlight.number-result #winner-code.rolling-number.lighting-slots:not(.classic-wood){
    --lighting-lever-space:clamp(110px,32vw,150px);
    padding-left:6px;
    padding-right:6px;
    gap:2px;
  }

  #winner-code.rolling-number.lighting-slots:not(.classic-wood) .slot-reel{
    font-size:min(8vh,calc(62vw / var(--slot-count,6)),72px);
  }

  #winner-code.lighting-slots:not(.classic-wood) .slot-lever{
    right:-28px;
    width:14px;
    height:18px;
  }

  #winner-code.lighting-slots:not(.classic-wood) .slot-lever-arm{
    left:0;
    width:14px;
    height:70px;
  }

  #winner-code.lighting-slots:not(.classic-wood) .slot-lever-knob{
    width:38px;
    height:38px;
    top:-19px;
  }

  #winner-code.lighting-slots:not(.classic-wood) .slot-lever:before{
    left:-28px;
    right:-28px;
    top:-28px;
    bottom:-28px;
  }
}

/* 拉霸777使用獨立的鍍鉻機殼、酒紅滾輪座與鉚釘；傳統拉霸保留木紋。 */
#spotlight.spotlight:has(#winner-code.classic-wood){
  position:relative;
  padding:48px 32px 32px;
  border:7px solid #d9e1e9;
  border-radius:48px 48px 20px 20px;
  background-color:#192433;
  background-image:
    repeating-linear-gradient(92deg,#ffffff0b 0 1px,transparent 1px 6px),
    linear-gradient(145deg,#526278 0%,#1a2434 24%,#0b1220 51%,#394c65 77%,#111925 100%);
  box-shadow:inset 0 0 0 3px #0b121d,inset 0 0 0 9px #8d9aab,inset 0 0 35px #000c,0 20px 55px #0009;
}

#spotlight.spotlight:has(#winner-code.classic-wood)::before{
  content:"";
  position:absolute;
  inset:13px;
  border:2px solid #a8b6c6;
  border-radius:34px 34px 12px 12px;
  background:
    radial-gradient(circle at 16px 16px,#f6fbff 0 3px,#5a687a 4px 7px,transparent 8px),
    radial-gradient(circle at calc(100% - 16px) 16px,#f6fbff 0 3px,#5a687a 4px 7px,transparent 8px),
    radial-gradient(circle at 16px calc(100% - 16px),#f6fbff 0 3px,#5a687a 4px 7px,transparent 8px),
    radial-gradient(circle at calc(100% - 16px) calc(100% - 16px),#f6fbff 0 3px,#5a687a 4px 7px,transparent 8px),
    repeating-linear-gradient(135deg,transparent 0 12px,#c7d2e51c 13px,transparent 14px 26px);
  box-shadow:inset 0 0 0 3px #111b2b,0 0 0 1px #101720;
  pointer-events:none;
}

#spotlight.spotlight:has(#winner-code.classic-wood)::after{
  content:"✦  777  ✦";
  position:absolute;
  top:18px;
  left:50%;
  transform:translateX(-50%);
  color:#f0d7a1;
  font:900 clamp(30px,3vw,42px)/1 Georgia,serif;
  letter-spacing:.25em;
  text-shadow:0 2px 2px #000,0 0 12px #dd3a70;
  pointer-events:none;
}

#spotlight #winner-code.rolling-number.lighting-slots.classic-wood{
  border:5px solid #d3d9e2;
  border-radius:28px;
  background:linear-gradient(180deg,#4b0c25,#1d091b 48%,#510e2d);
  box-shadow:0 0 0 5px #151c29,inset 0 0 0 3px #a94660,inset 0 14px 22px #000b,0 10px 20px #0008;
}

#winner-code.rolling-number.lighting-slots.classic-wood .slot-reel{
  border:3px solid #a8b2c1;
  border-radius:12px;
  background:linear-gradient(#aeb5c0,#fff9ec 14%,#fffdf6 50%,#fff9ec 86%,#8b93a3);
  box-shadow:inset 0 0 16px #2c14244d,0 0 0 2px #381223,0 2px 8px #0008;
}

#winner-code.lighting-slots.classic-wood .slot-strip>span[data-glyph]:after{
  color:#ae1738;
  text-shadow:0 1px 0 #fff6ec,0 2px 3px #5f1028;
}

#winner-code.lighting-slots.classic-wood .reel-mask{background:#481326}
#winner-code.lighting-slots.classic-wood .slot-lever{
  border:2px solid #dce3eb;
  background:linear-gradient(90deg,#647286,#f4f8fb 48%,#57667c);
  box-shadow:inset 1px 0 3px #fff8,inset -2px 0 4px #1b2434,0 3px 7px #0008;
}