/* =========================================================
   主題 A｜酒紅絲絨酒窖 Burgundy Cellar   <html data-theme="burgundy">
   只放變數與材質覆寫；版面 / 元件 / 動畫在 ../shared/base.css
   ========================================================= */
[data-theme="burgundy"]{
  /* 色票 */
  --c-wine-950:#0f0407; --c-wine-900:#1c080e; --c-wine-800:#3a0d18; --c-wine-700:#5a1424; --c-wine-600:#7a2236;
  --c-brass-300:#e3cb9a; --c-brass-500:#b8925a; --c-brass-700:#6f5530;
  --c-ivory:#f4ebdd; --c-ivory-2:#cdb9a3; --c-ivory-3:#a08a78;

  --bg-color:var(--c-wine-950);
  --bg:radial-gradient(60% 55% at 18% 12%,rgba(150,52,70,.30),transparent 70%),
       radial-gradient(50% 50% at 62% 62%,rgba(90,20,36,.35),transparent 75%),
       linear-gradient(180deg,#1b080d 0%,#12050a 55%,#0b0306 100%);
  --ink:var(--c-ivory); --ink-2:var(--c-ivory-2); --ink-3:var(--c-ivory-3);
  --accent:var(--c-brass-500); --accent-text:#d6b682;
  --line:rgba(244,235,221,.12); --line-strong:rgba(244,235,221,.30);
  --error:#ff9a88; --error-surface:rgba(255,120,100,.07);
  --focus:#e9d3a6; --focus-gap:#12050a;
  --btn-bg:linear-gradient(180deg,#d7b986,#b8925a); --btn-bg-hover:linear-gradient(180deg,#e0c493,#c29c62); --btn-bg-active:linear-gradient(180deg,#b8925a,#a7834f);
  --btn-ink:#2a0e14; --btn-shadow:inset 0 1px 0 rgba(255,245,220,.45),0 12px 24px -14px rgba(0,0,0,.8);
  --btn2-bg:transparent; --btn2-bg-hover:rgba(244,235,221,.06); --btn2-border:rgba(244,235,221,.32);
  --footer-bg:#0a0305; --footer-ink:#f1e6d6; --footer-line:rgba(244,235,221,.10);
  --r-ctl:2px; --r-card:.9em;
  --ff-display:"Noto Serif TC","Noto Serif CJK TC",serif;
  --ff-latin:"Cormorant Garamond","Noto Serif TC",serif;
  --ff-num:"Cormorant Garamond","Noto Serif TC",serif;
  --display-weight:700; --name-weight:900;

  /* 材質貼圖 */
  --tex-fiber:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.4' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  --tex-brush:repeating-linear-gradient(90deg,rgba(255,255,255,.07) 0 1px,rgba(0,0,0,.06) 1px 2px,transparent 2px 4px);   /* 拉絲 */
  --tex-scratch:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.004 .9' numOctaves='2' seed='8'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%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='.75' 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,#e6d0a0 0%,#c09a5f 38%,#8c6c3c 70%,#b4925c 100%);

  /* 光 / 粒子 */
  --glow-core:rgba(255,232,196,.85); --glow-soft:rgba(255,180,120,.28); --bloom-peak:.55;
  --mote-color:rgba(255,226,180,.9); --mote-glow:rgba(255,200,140,.5);
  --mote-count:14; --fx-count:14; --fx-colors:#e3cb9a,#c9a56a,#f4ebdd; --fx-kind:dot;
  --shadow-color:rgba(0,0,0,.7);

  /* 卡牌：象牙棉卡 + 酒紅凸版印刷 + 舊金燙印 */
  --card-face:linear-gradient(160deg,#f6efe2,#ece2cf);
  --card-texture:var(--tex-paper); --card-texture-opacity:.18;
  --card-ink:#3d1019; --card-ink-2:#6e4a4a; --card-ink-3:#9b8273; --card-accent:#9a7642;
  --card-back:linear-gradient(160deg,#5a1626,#3a0c17); --card-back-texture:var(--tex-fiber); --card-back-ink:rgba(255,220,200,.22);
  --card-shadow:0 3em 5em -2em rgba(0,0,0,.75),0 .6em 1.2em rgba(0,0,0,.35);
  --shine-a:.22;

  /* 圖層素材：美術交件後改成 "assets/boxes/burgundy-cellar/" 即自動替換 */
  --box-asset-dir:"assets/boxes/burgundy-cellar/";
}
/* 背景：極淡的布料顆粒 + 左上單一主光 */
[data-theme="burgundy"] .bg-a{inset:0;background:var(--tex-fiber);opacity:.05;mix-blend-mode:overlay}
[data-theme="burgundy"] .bg-b{left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,transparent,rgba(0,0,0,.35))}

/* ---------- 禮盒：酒紅絲絨珠寶盒 ----------
   主光：左上前方。頂面最亮、正面次之、右側最暗。
   絲絨特性：正對光的面中央反而較暗、邊緣有一圈柔亮（rim sheen）。 */
[data-theme="burgundy"] .gb{--W:52em;--D:38em;--H:24em;--LH:10em;--LS:6.5em;--LO:1em}
[data-theme="burgundy"] .body .front{background:linear-gradient(180deg,transparent 0 6.5em,rgba(0,0,0,.55) 6.5em,transparent 11em),radial-gradient(130% 110% at 40% 55%,#4c0f1d 0%,#5e1527 55%,#7a2236 100%);
  box-shadow:inset .5em 0 .8em -.3em rgba(255,170,180,.25),inset 0 -1.2em 1.4em -.6em rgba(0,0,0,.6)}
[data-theme="burgundy"] .body .right{background:linear-gradient(180deg,transparent 0 6.5em,rgba(0,0,0,.6) 6.5em,transparent 11em),linear-gradient(90deg,#3d0c18,#2a0710 70%,#22060d);
  box-shadow:inset .4em 0 .6em -.3em rgba(255,150,165,.16),inset 0 -1.2em 1.4em -.6em rgba(0,0,0,.6)}
/* 盒內：象牙緞面內襯（開蓋後才看得到） */
[data-theme="burgundy"] .body .top{background:radial-gradient(70% 70% at 45% 45%,#efe1c8,#cdb592 70%,#9c8262);box-shadow:inset 0 0 0 1.2em #4a1020,inset 0 0 0 1.5em #2a0710,inset 1em 1em 3em rgba(60,30,10,.6)}
[data-theme="burgundy"] .lid .front{background:radial-gradient(140% 160% at 40% 50%,#55111f 0%,#6a1a2c 55%,#8a2a40 100%);
  box-shadow:inset 0 .3em .3em -.1em rgba(255,190,200,.35),inset .5em 0 .8em -.3em rgba(255,170,180,.22),inset 0 -.5em .5em -.2em rgba(0,0,0,.5)}
[data-theme="burgundy"] .lid .right{background:linear-gradient(90deg,#44101c,#2e0812);box-shadow:inset 0 .3em .3em -.1em rgba(255,170,180,.18),inset 0 -.5em .5em -.2em rgba(0,0,0,.5)}
[data-theme="burgundy"] .lid .top{background:radial-gradient(70% 80% at 28% 30%,rgba(255,200,210,.16),transparent 60%),radial-gradient(130% 130% at 45% 50%,#6a1a2c 0%,#7e2337 60%,#9a3a50 100%);
  box-shadow:inset 0 0 1.4em rgba(255,180,195,.22),inset -.6em -.6em 1em rgba(0,0,0,.25)}
/* 黃銅鎖扣（蓋）＋ 扣環（盒身），拉絲 + 細刮痕 */
[data-theme="burgundy"] .deco b{position:absolute;display:block}
[data-theme="burgundy"] .lid.deco .front .d1{left:calc(50% - 4em);bottom:-.6em;width:8em;height:5.4em;border-radius:.5em .5em 1.4em 1.4em;
  background:var(--tex-scratch),var(--tex-brush),var(--brass);background-blend-mode:soft-light,normal,normal;
  box-shadow:inset 0 .15em 0 rgba(255,245,220,.6),inset 0 -.25em .3em rgba(60,40,10,.5),0 .35em .5em rgba(0,0,0,.55)}
[data-theme="burgundy"] .lid.deco .front .d2{left:0;right:0;bottom:0;height:.45em;background:var(--tex-brush),var(--brass);opacity:.9;box-shadow:0 .1em .2em rgba(0,0,0,.6)}
[data-theme="burgundy"] .lid.deco .right .d2{left:0;right:0;bottom:0;height:.45em;background:linear-gradient(180deg,#a9884f,#5f4626);opacity:.9}
[data-theme="burgundy"] .body.deco .front .d1{left:calc(50% - 1.9em);top:6.2em;width:3.8em;height:3.4em;border-radius:.3em;
  background:var(--tex-brush),var(--brass);box-shadow:inset 0 .12em 0 rgba(255,245,220,.5),0 .25em .35em rgba(0,0,0,.6)}
[data-theme="burgundy"] .body.deco .front .d1::after{content:"";position:absolute;left:calc(50% - .45em);top:1em;width:.9em;height:1.4em;border-radius:.45em .45em .15em .15em;background:#2a1508}
[data-theme="burgundy"] .orn{display:none}
[data-theme="burgundy"] .cube.shadow .cast{--cast-color:rgba(0,0,0,.7)}

/* 揭曉：蓋子往左上掀走 */
[data-theme="burgundy"] .gb-lid-group{--lid-x:-58em;--lid-y:-66em;--lid-tilt1:-4deg;--lid-tilt2:-22deg}
/* 小動作（同一時間軸 850–1000ms）：鎖扣先彈開 */
[data-theme="burgundy"] .is-playing .lid.deco .front .d1{transform-origin:50% 0;animation:clasp-open .15s .85s ease-out both}
@keyframes clasp-open{to{transform:perspective(20em) rotateX(-70deg)}}

/* 卡牌細節 */
[data-theme="burgundy"] .pc-front{box-shadow:var(--card-shadow),inset 0 0 0 .35em rgba(154,118,66,.0)}
[data-theme="burgundy"] .pc-front::after{content:"";position:absolute;inset:4.2em;border:.25em solid rgba(61,16,25,.18);border-radius:.4em;pointer-events:none}
[data-theme="burgundy"] .pc-name{text-shadow:0 .02em 0 rgba(255,255,255,.6)}

/* 地面：主光在盒下形成的淡淡光池，讓接觸陰影讀得出來 */
[data-theme="burgundy"] .stage-floor{background:radial-gradient(closest-side,rgba(150,52,72,.55),rgba(80,22,38,.25) 60%,transparent)}

/* ---------- 揭曉背景：昏暗酒窖 ----------
   （CSS 備援版，有寫實圖時整組隱藏）石牆（景深模糊）＋左側酒紅絲絨垂幔（前景、更糊）＋右側暗處酒架瓶口＋深色橡木品酒桌。
   主光左上，禮盒周圍留乾淨暗區，四周暗角。有圖時改用 assets/backgrounds/burgundy-cellar/ */
[data-theme="burgundy"]{--reveal-bg-dir:"assets/backgrounds/burgundy-cellar/";--rb-base:#0b0305;--rb-horizon:56%;--rb-horizon-m:47%}
[data-theme="burgundy"] .rb-wall{background:url("bg/stone-wall.svg") 30% 100%/1500px auto;filter:blur(7px) brightness(.5) saturate(.9);inset:-20px -20px auto -20px;bottom:calc(100% - var(--horizon))}
[data-theme="burgundy"] .rb-wall::after{content:"";position:absolute;inset:0;background:
  radial-gradient(60% 90% at 26% 0%,rgba(255,170,110,.24),transparent 70%),
  linear-gradient(180deg,rgba(12,3,5,.25),rgba(12,3,5,.15) 50%,rgba(8,2,3,.75))}
/* 酒架：右側暗處一格格瓶底，只有幾個反光點 */
[data-theme="burgundy"] .rb-r{right:-2%;top:6%;width:26%;height:48%;
  background:radial-gradient(circle at 42% 40%,rgba(255,200,170,.18) 0 3%,transparent 9%),radial-gradient(circle,#2a0d12 0 36%,#0d0406 40% 100%) 0 0/88px 88px;
  filter:blur(9px) brightness(.7);-webkit-mask:linear-gradient(90deg,transparent,#000 40%);mask:linear-gradient(90deg,transparent,#000 40%);opacity:.5}
/* 絲絨垂幔：左側前景，褶子不規則，比石牆更糊 */
[data-theme="burgundy"] .rb-l{z-index:2;left:-3%;top:-4%;width:min(17%,320px);height:108%;filter:blur(10px) brightness(.62);-webkit-mask:linear-gradient(90deg,#000 72%,transparent);mask:linear-gradient(90deg,#000 72%,transparent);
  background:linear-gradient(180deg,rgba(255,170,150,.10),rgba(0,0,0,0) 30%,rgba(0,0,0,.6)),
  linear-gradient(90deg,#1a0509 0%,#5a1526 7%,#2b0810 13%,#6e1d30 21%,#330a14 30%,#4f1222 37%,#200609 45%,#62192b 55%,#2a0710 66%,#45101e 76%,#16040a 88%,transparent 100%);
  border-bottom-right-radius:40% 8%}
/* 品酒桌：深色橡木，真實透視；禮盒下方一圈主光 */
[data-theme="burgundy"] .rb-table{background:
  radial-gradient(28% 34% at 50% 18%,rgba(190,90,80,.22),transparent 70%),
  linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,0) 22%,rgba(0,0,0,.35) 70%),
  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='.003 .06' numOctaves='4' seed='12'/%3E%3CfeColorMatrix values='0 0 0 0 .02  0 0 0 0 .005  0 0 0 0 .005  -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") 0 0/900px 300px,
  linear-gradient(180deg,#3a1418,#220a0d);filter:blur(1.2px)}
/* 桌緣與牆的交界：一道柔和的接觸暗線 */
[data-theme="burgundy"] .rb-light{left:0;right:0;top:calc(var(--horizon) - 30px);height:60px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.55) 50%,transparent);filter:blur(6px)}
[data-theme="burgundy"] .rb-vig{background:radial-gradient(ellipse 58% 58% at 48% 54%,transparent 35%,rgba(5,1,2,.82) 100%)}
[data-theme="burgundy"][data-screen^="reveal"] .stage-floor{opacity:.6}

/* ---------- 寫實背景圖對位（assets/backgrounds/burgundy-cellar/）----------
   數值為實測：見 DESIGN.md「揭曉背景」與 BOX-ASSETS-SPEC.md 7.4 */
[data-theme="burgundy"]{--ph-h:.695;--ph-h-m:.695;--ph-lift:.05;--ph-lift-m:.05;--gb-gap:7;--gb-gap-m:6;--ph-vig:.3}
/* v5 酒櫃散景圖：中央是純黑的櫃間柱，盒子背後加一層極淡的酒紅背光（分出盒蓋輪廓），
   桌面盒底加一抹暖光；都跟著螢幕地平線 --hs 走。不疊回任何 CSS 場景層。 */
[data-theme="burgundy"].has-reveal-bg .rb-vig{opacity:1;background:
  radial-gradient(ellipse var(--a-glow-w,26%) 24% at 50% calc(var(--hs) * 100% - 7%),rgba(118,30,48,.34),transparent 72%),
  radial-gradient(ellipse calc(var(--a-glow-w,26%) * 1.2) 8% at 48% calc(var(--hs) * 100% + 6%),rgba(255,200,150,.09),transparent 72%),
  radial-gradient(ellipse 72% 64% at 50% 50%,transparent 52%,rgba(0,0,0,.32) 100%)}
@media (max-width:760px){[data-theme="burgundy"]{--a-glow-w:62%}}

/* ---------- 圖片禮盒（assets/boxes/burgundy-cellar/）----------
   lid-deco 拆成三層（由下而上）：base（黃銅蓋緣，鎖扣位置飾邊連續、無影子）＋ lock-shadow（鎖扣柔影與接觸影）
   ＋ lock（只有鎖扣與鉸鏈）。鎖扣在 850–1000ms 單獨動作：以鉸鏈（畫布 33.6%, 55.6%）為軸往前掀 70°、放大 5%，
   並亮一下（金屬反光）；lock-shadow 同一段時間、同一條緩動淡出（關著時完整顯示），翻開後原位不留暗帶。
   之後三層跟著蓋子一起飛走。任一拆層載不到就整組退回整合版 lid-deco（＝三層合成，像素一致）。
   v7：box-lid 不再有 holdout 黑洞，恢復 70°。v9：柔影獨立成 lock-shadow 層，修掉翻開後殘留的暗帶與細線。 */
[data-theme="burgundy"]{--box-split:"lid-deco-base lid-deco-lock-shadow lid-deco-lock"}
[data-theme="burgundy"] [data-layer="lid-deco-lock"] > picture{transform-origin:33.6% 55.6%}
[data-theme="burgundy"] .is-playing [data-layer="lid-deco-lock"] > picture{animation:lock-open .15s .85s ease-out both}
[data-theme="burgundy"] .is-playing [data-layer="lid-deco-lock-shadow"] > picture{animation:lock-shadow-fade .15s .85s ease-out both}
@keyframes lock-shadow-fade{to{opacity:0}}
@keyframes lock-open{60%{filter:brightness(1.35)}to{transform:perspective(60em) rotateX(70deg) scale(1.05);filter:brightness(1.12)}}