/* =========================================================
   主題 B｜威士忌琥珀復古酒吧 Whisky Speakeasy   <html data-theme="whisky">
   ========================================================= */
[data-theme="whisky"]{
  --c-walnut-950:#0c0806; --c-walnut-900:#1a120c; --c-walnut-700:#4a2e18; --c-walnut-500:#7a5030;
  --c-leather:#6b3a1e; --c-amber:#c9832f; --c-brass:#b8935a; --c-cream:#f1e6d2;

  --bg-color:var(--c-walnut-950);
  --bg:radial-gradient(55% 60% at 16% 10%,rgba(214,150,80,.20),transparent 70%),
       radial-gradient(40% 40% at 62% 70%,rgba(120,70,30,.18),transparent 75%),
       linear-gradient(180deg,#17100b 0%,#0e0906 60%,#090605 100%);
  --ink:#f1e6d2; --ink-2:#cdbb9d; --ink-3:#a0907a;
  --accent:#c9832f; --accent-text:#e0a356;
  --line:rgba(241,230,210,.12); --line-strong:rgba(241,230,210,.30);
  --error:#ffa184; --error-surface:rgba(255,130,90,.07);
  --focus:#f0c27c; --focus-gap:#0e0906;
  --btn-bg:linear-gradient(180deg,#d9a058,#b9792f); --btn-bg-hover:linear-gradient(180deg,#e3ad66,#c48438); --btn-bg-active:linear-gradient(180deg,#b9792f,#a56a27);
  --btn-ink:#1c1108; --btn-shadow:inset 0 1px 0 rgba(255,235,200,.45),0 12px 24px -14px rgba(0,0,0,.85);
  --btn2-bg-hover:rgba(241,230,210,.06); --btn2-border:rgba(241,230,210,.32);
  --footer-bg:#080504; --footer-ink:#f1e6d2; --footer-line:rgba(241,230,210,.10);
  --r-ctl:3px; --r-card:.6em;
  --ff-latin:"Josefin Sans","Noto Sans TC",sans-serif;
  --ff-num:"Playfair Display","Noto Serif TC",serif;
  --display-weight:700; --name-weight:900;

  --tex-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='400'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.0035 .07' numOctaves='4' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 .08  0 0 0 0 .04  0 0 0 0 .01  -2.6 0 0 0 1.5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E"); /* 灰階木紋：疊在木色上用 overlay */
  --tex-grain-face:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='300'%3E%3Cfilter id='w'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .08' numOctaves='4' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .05  0 0 0 0 .025  0 0 0 0 .01  -2.1 0 0 0 1.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23w)'/%3E%3C/svg%3E") 0 0/64em 22em;
  --tex-leather:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' seed='2'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)'/%3E%3C/svg%3E");
  --tex-paper:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E");
  --brass:linear-gradient(180deg,#e2c995 0%,#b8935a 40%,#7d5f33 72%,#a8854f 100%);
  --tex-brush:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.07) 1px 2px,transparent 2px 4px);

  --glow-core:rgba(255,220,160,.85); --glow-soft:rgba(230,140,60,.30); --bloom-peak:.5;
  --mote-color:rgba(255,200,130,.95); --mote-glow:rgba(240,150,60,.6);
  --mote-count:16; --fx-count:12; --fx-colors:#f0b45e,#ffd59a,#d98a2b; --fx-kind:ember;
  --shadow-color:rgba(0,0,0,.75);

  /* 卡牌：做舊酒標紙 + 黑色凸版 + 琥珀色印刷 */
  --card-face:radial-gradient(120% 90% at 50% 40%,#f1e6cf 55%,#e2d1ae 100%);
  --card-texture:var(--tex-paper); --card-texture-opacity:.22;
  --card-ink:#1f1912; --card-ink-2:#5a4a36; --card-ink-3:#8a7558; --card-accent:#a8611f;
  --card-back:linear-gradient(160deg,#4a2e18,#24160c); --card-back-texture:var(--tex-grain); --card-back-ink:rgba(241,220,180,.25);
  --card-shadow:0 3em 5em -2em rgba(0,0,0,.8),0 .6em 1.2em rgba(0,0,0,.4);
  --shine-a:.18;
  --box-asset-dir:"assets/boxes/whisky-speakeasy/";
}
[data-theme="whisky"] .bg-a{inset:0;background:var(--tex-grain);background-size:1400px 600px;opacity:.06}
[data-theme="whisky"] .bg-b{left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}
[data-theme="whisky"] .stage-floor{background:radial-gradient(closest-side,rgba(150,95,45,.42),rgba(80,48,20,.2) 60%,transparent)}
[data-theme="whisky"] .pc-mark,[data-theme="whisky"] .pc-back-mark{font-family:"Playfair Display",serif}
[data-theme="whisky"] .kicker,[data-theme="whisky"] .brand-kicker,[data-theme="whisky"] .pc-foot{font-weight:600}

/* ---------- 禮盒：胡桃木盒 + 車縫皮帶 + 黃銅扣 ---------- */
[data-theme="whisky"] .gb{--W:56em;--D:36em;--H:23em;--LH:9em;--LS:5.5em;--LO:.8em}

[data-theme="whisky"] .body .front{background:var(--tex-grain-face),linear-gradient(180deg,transparent 0 5.5em,rgba(0,0,0,.5) 5.5em,transparent 9.5em),linear-gradient(90deg,rgba(255,220,180,.06),transparent 40%,rgba(0,0,0,.25)),linear-gradient(180deg,#4a2c17,#36200f);box-shadow:inset 0 -1em 1.2em -.6em rgba(0,0,0,.6),inset .3em 0 .3em -.2em rgba(255,210,160,.25)}
[data-theme="whisky"] .body .right{background:var(--tex-grain-face),linear-gradient(180deg,transparent 0 5.5em,rgba(0,0,0,.55) 5.5em,transparent 9.5em),linear-gradient(90deg,#2a180b,#1b0f06);box-shadow:inset 0 -1em 1.2em -.6em rgba(0,0,0,.6)}
[data-theme="whisky"] .body .top{background:radial-gradient(70% 70% at 45% 45%,#3a2a1c,#1f150c);box-shadow:inset 0 0 0 1em #36200f,inset 0 0 0 1.25em #24160b,inset 1em 1em 3em rgba(0,0,0,.7)}
[data-theme="whisky"] .body .top::after{display:none}
[data-theme="whisky"] .lid .front{background:var(--tex-grain-face),linear-gradient(90deg,rgba(255,220,180,.06),transparent 40%,rgba(0,0,0,.2)),linear-gradient(180deg,#563219,#3f2411);box-shadow:inset 0 .3em .2em -.1em rgba(255,220,180,.35),inset 0 -.4em .4em -.2em rgba(0,0,0,.55)}
[data-theme="whisky"] .lid .right{background:var(--tex-grain-face),linear-gradient(90deg,#2f1b0d,#1f1208);box-shadow:inset 0 .3em .2em -.1em rgba(255,200,150,.15)}
[data-theme="whisky"] .lid .top{background:var(--tex-grain-face),radial-gradient(60% 70% at 25% 25%,rgba(255,215,170,.18),transparent 65%),linear-gradient(160deg,#64391c,#4c2c15 60%,#3f2411);box-shadow:inset 0 0 0 .25em rgba(255,215,170,.12),inset -.5em -.5em 1em rgba(0,0,0,.25)}
/* 皮帶：沿 x=30% 縱向繞過盒蓋與盒身，車縫線用虛線 */
[data-theme="whisky"] .deco b{position:absolute;display:block}
[data-theme="whisky"] .deco .front .d1,[data-theme="whisky"] .deco .top .d1{left:28%;width:6em;top:0;bottom:0;
  background:var(--tex-leather),linear-gradient(90deg,#4a2511,#7a4424 20%,#86502c 50%,#7a4424 80%,#4a2511);background-blend-mode:soft-light,normal;background-size:12em,auto;
  box-shadow:.3em 0 .5em rgba(0,0,0,.45),-.1em 0 .2em rgba(0,0,0,.35)}
[data-theme="whisky"] .deco .front .d1::before,[data-theme="whisky"] .deco .top .d1::before{content:"";position:absolute;inset:0 .7em;border-left:.18em dashed rgba(235,200,150,.55);border-right:.18em dashed rgba(235,200,150,.55)}
[data-theme="whisky"] .lid.deco .top .d1{box-shadow:.4em .2em .5em rgba(0,0,0,.35)}
/* 黃銅扣：在盒蓋正面的皮帶上 */
[data-theme="whisky"] .lid.deco .front .d2{left:calc(28% - 1em);width:8em;top:1.6em;height:6em;border-radius:.6em;border:1.1em solid transparent;
  background:linear-gradient(transparent,transparent) padding-box,var(--tex-brush),var(--brass) border-box;
  box-shadow:0 .3em .5em rgba(0,0,0,.6),inset 0 .2em .3em rgba(0,0,0,.5)}
[data-theme="whisky"] .lid.deco .front .d3{left:calc(28% + 2.6em);width:.8em;top:3.6em;height:2.2em;border-radius:.4em;background:var(--brass);box-shadow:0 .15em .2em rgba(0,0,0,.6)}
[data-theme="whisky"] .orn{display:none}

[data-theme="whisky"] .gb-lid-group{--lid-x:62em;--lid-y:-64em;--lid-tilt1:3deg;--lid-tilt2:20deg}
[data-theme="whisky"] .stage .pc{--spin-y:-1440deg;--spin-z:12deg}
/* 小動作（850–1000ms）：解開皮帶，盒身那段皮帶垂落 */
[data-theme="whisky"] .is-playing .body.deco .front .d1{transform-origin:50% 0;animation:strap-drop .3s .85s ease-in both}
@keyframes strap-drop{to{transform:translateY(3em) rotate(4deg);opacity:0}}
[data-theme="whisky"] .pc-front::after{content:"";position:absolute;left:9em;right:9em;top:22em;height:.25em;background:#1f1912;opacity:.85;box-shadow:0 1.1em 0 -.08em rgba(31,25,18,.6)}

/* ---------- 揭曉背景：地下酒吧 ----------
   後方酒櫃（兩層酒瓶，強景深模糊）＋暖色散景＋胡桃木吧檯（真實透視）＋左上琥珀檯燈光。禮盒後方中央壓暗。 */
[data-theme="whisky"]{--reveal-bg-dir:"assets/backgrounds/whisky-speakeasy/";--rb-base:#0a0604;--rb-horizon:57%;--rb-horizon-m:48%}
[data-theme="whisky"] .rb-wall{inset:-30px -30px auto -30px;bottom:calc(100% - var(--horizon));background:url("bg/backbar.svg") 50% 100%/max(1700px,140%) auto;filter:blur(12px) brightness(.4) saturate(.9)}
[data-theme="whisky"] .rb-wall::after{content:"";position:absolute;inset:0;background:radial-gradient(40% 70% at 48% 75%,rgba(8,5,3,.8),transparent 75%),linear-gradient(180deg,rgba(8,5,3,.55),transparent 35%,rgba(8,5,3,.5))}
[data-theme="whisky"] .rb-r{inset:-40px -40px auto -40px;bottom:calc(100% - var(--horizon) + 20px);background:url("bg/bokeh.svg") 50% 50%/cover;filter:blur(6px);opacity:.32;mix-blend-mode:screen}
/* 左上琥珀檯燈的光暈（光源在畫面外） */
[data-theme="whisky"] .rb-l{left:-10%;top:-30%;width:60%;height:90%;background:radial-gradient(closest-side,rgba(255,170,80,.20),transparent);mix-blend-mode:screen}
[data-theme="whisky"] .rb-table{background:
  radial-gradient(26% 30% at 50% 16%,rgba(255,180,100,.2),transparent 70%),
  linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,0) 18%,rgba(0,0,0,.4) 75%),
  var(--tex-grain-face),
  linear-gradient(180deg,#2e1a0d,#170c05);background-size:auto,auto,1100px 380px,auto;filter:blur(1px)}
/* 吧檯後緣：一條受光的木頭邊 + 下方陰影 */
[data-theme="whisky"] .rb-light{left:0;right:0;top:calc(var(--horizon) - 6px);height:14px;background:linear-gradient(180deg,rgba(255,200,140,.18),rgba(0,0,0,.5));filter:blur(3px)}
[data-theme="whisky"] .rb-vig{background:radial-gradient(ellipse 60% 60% at 48% 54%,transparent 36%,rgba(4,2,1,.85) 100%)}

/* ---------- 寫實背景圖對位（assets/backgrounds/whisky-speakeasy/）----------
   數值為實測：見 DESIGN.md「揭曉背景」與 BOX-ASSETS-SPEC.md 7.4 */
[data-theme="whisky"]{--ph-h:.595;--ph-h-m:.595;--ph-lift:0;--ph-lift-m:0;--gb-gap:5;--gb-gap-m:5;--ph-vig:.3}

/* ---------- 圖片禮盒（assets/boxes/whisky-speakeasy/）----------
   金屬扣在蓋子正面（lid-deco），跟蓋子一起動；盒身那段皮帶（body-deco）在 850–1000ms 鬆脫：
   以皮帶上緣（畫布 27%, 53.4%）為軸往下滑、微轉並淡出，看起來像扣子鬆開後皮帶垂落。 */
[data-theme="whisky"] [data-layer="body-deco"] > picture{transform-origin:27% 53.4%}
[data-theme="whisky"] .is-playing [data-layer="body-deco"].is-img > picture{animation:strap-drop-img .3s .85s ease-in both}
@keyframes strap-drop-img{60%{opacity:1}to{transform:translateY(3em) rotate(3deg);opacity:0}}