/* Each family changes structure, ornament and type treatment — not only colour. */

.flash-card[data-style="aurora-prism"] .frame-world {
  background: none;
}
.flash-card[data-style="aurora-prism"] .frame-world::before {
  width: 54%;
  top: -14%;
  right: -16%;
  border: 1px solid rgba(255,255,255,.46);
  box-shadow: 0 0 14px rgba(54,216,255,.4), inset 0 0 24px rgba(255,72,205,.12);
}
.flash-card[data-style="aurora-prism"] .frame-world::after {
  width: 34%;
  top: 22%;
  left: -20%;
  border-width: 4px 1px;
  transform: rotate(-24deg);
  opacity: 0.5;
}

.flash-card[data-style="golden-memory"] .card-front::before {
  background: linear-gradient(135deg, #6e3e11, #fff2bd 18%, #b26d21 42%, #fff2bd 62%, #734516);
}
.flash-card[data-style="golden-memory"] .card-front::after {
  inset: 18px;
  border: 1px solid rgba(255,222,143,.72);
}
.flash-card[data-style="golden-memory"] .frame-world {
  background: none;
}
.flash-card[data-style="golden-memory"] .frame-world::before {
  width: 69%;
  top: -24%;
  right: -28%;
  border: 14px double rgba(255,224,151,.35);
  box-shadow: 0 0 0 1px rgba(102,57,12,.5), 0 0 20px rgba(255,184,61,.25);
}
.flash-card[data-style="golden-memory"] .frame-world::after {
  content: "✦";
  width: 32px;
  height: 32px;
  top: 10%;
  left: 4%;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255,228,169,.7);
  border-radius: 4px;
  transform: rotate(45deg);
  color: #fff1bf;
  font-size: 14px;
  text-shadow: 0 0 10px #e39a28;
}
.flash-card[data-style="golden-memory"] .frame-spine {
  left: 5%;
  width: 3px;
  background: linear-gradient(180deg, transparent, #fff1bf, #9c5e17, #fff1bf, transparent);
  box-shadow: 12px 0 0 rgba(255,224,151,.22), 0 0 12px #d8952b;
}
.flash-card[data-style="golden-memory"] .frame-corner {
  width: 60px;
  height: 60px;
  border-color: rgba(255,232,180,.92);
}
.flash-card[data-style="golden-memory"] .identity-overlay h1,
.flash-card[data-style="golden-memory"] .back-header h2 {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -.02em;
}

.flash-card[data-style="soft-pop"] .card-front::before {
  padding: 2.5px;
  background: repeating-linear-gradient(135deg, #ff90cd 0 14px, #fff0f8 14px 24px, #91adff 24px 38px);
}
.flash-card[data-style="soft-pop"] .card-front::after {
  inset: 18px;
  border: 1.5px dotted rgba(255,255,255,.78);
  border-radius: 6px;
}
.flash-card[data-style="soft-pop"] .frame-world {
  background: none;
}
.flash-card[data-style="soft-pop"] .frame-world::before {
  content: "♡";
  width: auto;
  height: auto;
  top: 8%;
  right: 6%;
  border: 0;
  color: white;
  font-size: 24px;
  line-height: 1;
  text-shadow: 0 0 12px #ff75bd;
  transform: rotate(10deg);
  opacity: 0.75;
}
.flash-card[data-style="soft-pop"] .frame-world::after {
  content: "✿";
  width: auto;
  height: auto;
  top: 12%;
  left: 6%;
  border: 0;
  color: #fff4fb;
  font-size: 20px;
  text-shadow: 0 0 10px #8c9cff;
  transform: rotate(-15deg);
  opacity: 0.75;
}
.flash-card[data-style="soft-pop"] .frame-spine { display: none; }
.flash-card[data-style="soft-pop"] .frame-corner {
  width: 52px;
  height: 32px;
  border: 0;
  border-radius: 999px;
  background: rgba(255,255,255,.28);
  box-shadow: 0 0 0 6px rgba(255,255,255,.08);
}
.flash-card[data-style="soft-pop"] .identity-overlay h1 { letter-spacing: -.055em; }

.flash-card[data-style="nature-aura"] .card-front::before {
  background: linear-gradient(155deg, #164d3c, #e5fac7 20%, #50cf94 48%, #d9f5a9 73%, #164d3c);
}
.flash-card[data-style="nature-aura"] .frame-world {
  background: none;
}
.flash-card[data-style="nature-aura"] .frame-world::before {
  width: 42%;
  height: 22%;
  top: -8%;
  right: -12%;
  border: 2px solid rgba(225,255,200,.4);
  border-radius: 62% 38% 58% 42%;
  transform: rotate(24deg);
  box-shadow: 0 0 14px rgba(73,219,150,.25);
}
.flash-card[data-style="nature-aura"] .frame-world::after {
  content: "❧";
  width: auto;
  height: auto;
  top: 8%;
  left: 4%;
  border: 0;
  color: rgba(230,255,200,.7);
  font-family: Georgia, serif;
  font-size: 24px;
  text-shadow: 0 0 10px #4cd597;
  transform: rotate(-24deg);
}
.flash-card[data-style="nature-aura"] .frame-spine {
  inset: 14% auto 28% 4.5%;
  width: 4px;
  border-radius: 50% 20% 50% 20%;
  background: linear-gradient(180deg, transparent, #e4fac7, #3bc388, #e4fac7, transparent);
  transform: rotate(-3deg);
  box-shadow: 0 0 15px #47d196;
}
.flash-card[data-style="nature-aura"] .frame-corner { border-color: rgba(223,255,198,.8); border-radius: 70% 30% 70% 30%; }

.flash-card[data-style="neon-creator"] .card-front::before {
  padding: 2px;
  background: conic-gradient(from 65deg, #29f4df, #4d55ff, #ff2ca8, #29f4df, #ff2ca8, #4d55ff, #29f4df);
}
.flash-card[data-style="neon-creator"] .card-front::after {
  inset: 18px;
  border: 1px dashed rgba(65,250,225,.78);
  box-shadow: 0 0 8px rgba(40,244,223,.25);
}
.flash-card[data-style="neon-creator"] .frame-world {
  background: none;
}
.flash-card[data-style="neon-creator"] .frame-world::before {
  width: 42%;
  top: -6%;
  right: -12%;
  border: 2px solid #2df7df;
  box-shadow: 0 0 8px rgba(45,247,223,.4), inset 0 0 12px rgba(255,44,168,.3);
}
.flash-card[data-style="neon-creator"] .frame-world::after {
  content: "//";
  width: auto;
  height: auto;
  top: 10%;
  left: 5%;
  border: 0;
  color: #2df7df;
  font: 900 20px/1 ui-monospace, monospace;
  text-shadow: 0 0 8px #2df7df;
  transform: rotate(-8deg);
}
.flash-card[data-style="neon-creator"] .frame-spine {
  left: 3.8%;
  width: 10px;
  background: repeating-linear-gradient(180deg, #2df7df 0 12px, transparent 12px 22px, #ff2ca8 22px 28px, transparent 28px 36px);
  box-shadow: 0 0 13px #2df7df;
}
.flash-card[data-style="neon-creator"] .frame-corner { border-color: #2df7df; box-shadow: 0 0 10px rgba(45,247,223,.75); }
.flash-card[data-style="neon-creator"] .identity-overlay h1,
.flash-card[data-style="neon-creator"] .back-header h2 {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: -.06em;
}

/* Style 07: Obsidian Titanium · 黑曜鈦極 */
.flash-card[data-style="obsidian-titanium"] .card-front::before {
  padding: 1.5px;
  background: linear-gradient(135deg, #1e293b, #64748b 30%, #334155 50%, #94a3b8 70%, #0f172a);
}
.flash-card[data-style="obsidian-titanium"] .card-front::after {
  inset: 16px;
  border: 1px solid rgba(148, 163, 184, 0.45);
  box-shadow: 0 0 12px rgba(100, 116, 139, 0.25);
}
.flash-card[data-style="obsidian-titanium"] .frame-world { background: none; }
.flash-card[data-style="obsidian-titanium"] .frame-world::before {
  width: 44%;
  top: -8%;
  right: -10%;
  border: 1px solid rgba(226, 232, 240, 0.5);
  box-shadow: 0 0 16px rgba(148, 163, 184, 0.35);
  transform: rotate(30deg);
}
.flash-card[data-style="obsidian-titanium"] .frame-world::after {
  content: "TITANIUM";
  width: auto;
  height: auto;
  top: 12%;
  left: 6%;
  border: 0;
  color: rgba(226, 232, 240, 0.7);
  font: 700 9px/1 ui-monospace, monospace;
  letter-spacing: 0.2em;
}
.flash-card[data-style="obsidian-titanium"] .frame-spine {
  left: 4.5%;
  width: 2px;
  background: linear-gradient(180deg, transparent, #94a3b8, #e2e8f0, #475569, transparent);
  box-shadow: 0 0 8px rgba(226, 232, 240, 0.4);
}
.flash-card[data-style="obsidian-titanium"] .frame-corner {
  border-color: rgba(226, 232, 240, 0.75);
  border-width: 1.5px;
  width: 50px;
  height: 50px;
}
.flash-card[data-style="obsidian-titanium"] .identity-overlay h1,
.flash-card[data-style="obsidian-titanium"] .back-header h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.03em;
  font-weight: 700;
}

/* Style 08: Cyber Matrix · 賽博矩陣 */
.flash-card[data-style="cyber-matrix"] {
  filter: drop-shadow(0 16px 28px rgb(0 0 0 / .28));
}
/* The front only: the back is the readable document side and keeps its own
   light ground in every style (Ming 09-17, H-09 — dark green ink on this dark
   ground was unreadable). */
.flash-card[data-style="cyber-matrix"] .card-face.card-front {
  background: var(--studio-card-surface, #12151c);
  border: 1px solid var(--studio-card-border, #386655);
  border-radius: inherit;
  box-shadow: none;
}
.flash-card[data-style="cyber-matrix"] .card-holographic-rim,
.flash-card[data-style="cyber-matrix"] .card-front::before,
.flash-card[data-style="cyber-matrix"] .card-front::after,
.flash-card[data-style="cyber-matrix"] .foil-gloss,
.flash-card[data-style="cyber-matrix"] .frame-world,
.flash-card[data-style="cyber-matrix"] .frame-spine,
.flash-card[data-style="cyber-matrix"] .frame-corner { display: none; }
.flash-card[data-style="cyber-matrix"] .identity-overlay h1,
.flash-card[data-style="cyber-matrix"] .back-header h2 {
  font-family: var(--studio-font, Inter, system-ui, sans-serif);
  letter-spacing: -.02em;
  text-shadow: none;
}

/* Style 09: Deep Abyss · 深海幽藍 */
.flash-card[data-style="deep-abyss"] .card-front::before {
  padding: 2px;
  background: linear-gradient(135deg, #030712, #0284c7 30%, #0c4a6e 55%, #38bdf8 82%, #020617);
}
.flash-card[data-style="deep-abyss"] .card-front::after {
  inset: 16px;
  border: 1px solid rgba(56, 189, 248, 0.45);
  box-shadow: 0 0 14px rgba(2, 132, 199, 0.35);
}
.flash-card[data-style="deep-abyss"] .frame-world { background: none; }
.flash-card[data-style="deep-abyss"] .frame-world::before {
  width: 50%;
  top: -12%;
  right: -12%;
  border: 1px solid rgba(56, 189, 248, 0.6);
  box-shadow: 0 0 18px rgba(56, 189, 248, 0.4);
  border-radius: 50%;
}
.flash-card[data-style="deep-abyss"] .frame-world::after {
  content: "DEPTH 11000m";
  width: auto;
  height: auto;
  top: 11%;
  left: 6%;
  border: 0;
  color: rgba(56, 189, 248, 0.8);
  font: 700 8.5px/1 ui-monospace, monospace;
  letter-spacing: 0.16em;
}
.flash-card[data-style="deep-abyss"] .frame-spine {
  left: 4.5%;
  width: 3px;
  background: linear-gradient(180deg, transparent, #38bdf8, #0369a1, #38bdf8, transparent);
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.5);
}
.flash-card[data-style="deep-abyss"] .frame-corner {
  border-color: rgba(56, 189, 248, 0.8);
  box-shadow: 0 0 10px rgba(56, 189, 248, 0.4);
}
.flash-card[data-style="deep-abyss"] .identity-overlay h1,
.flash-card[data-style="deep-abyss"] .back-header h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.02em;
}

/* Style 10: Carbon Falcon · 碳纖戰隼 */
.flash-card[data-style="carbon-stealth"] .card-front::before {
  padding: 2px;
  background: linear-gradient(135deg, #18181b, #ef4444 32%, #27272a 50%, #ef4444 78%, #09090b);
}
.flash-card[data-style="carbon-stealth"] .card-front::after {
  inset: 16px;
  border: 1px solid rgba(239, 68, 68, 0.4);
  box-shadow: 0 0 12px rgba(239, 68, 68, 0.25);
}
.flash-card[data-style="carbon-stealth"] .frame-world { background: none; }
.flash-card[data-style="carbon-stealth"] .frame-world::before {
  width: 42%;
  top: -8%;
  right: -10%;
  border: 2px solid #ef4444;
  box-shadow: 0 0 14px rgba(239, 68, 68, 0.5);
  transform: rotate(20deg);
}
.flash-card[data-style="carbon-stealth"] .frame-world::after {
  content: "TARGET LOCK";
  width: auto;
  height: auto;
  top: 10%;
  left: 6%;
  border: 0;
  color: #ef4444;
  font: 700 8.5px/1 ui-monospace, monospace;
  letter-spacing: 0.2em;
  text-shadow: 0 0 6px rgba(239, 68, 68, 0.8);
}
.flash-card[data-style="carbon-stealth"] .frame-spine {
  left: 4%;
  width: 2px;
  background: linear-gradient(180deg, transparent, #ef4444, #71717a, #ef4444, transparent);
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.6);
}
.flash-card[data-style="carbon-stealth"] .frame-corner {
  border-color: #ef4444;
  box-shadow: 0 0 8px rgba(239, 68, 68, 0.5);
}
.flash-card[data-style="carbon-stealth"] .identity-overlay h1,
.flash-card[data-style="carbon-stealth"] .back-header h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.04em;
  font-weight: 800;
}

/* Style 11: Industrial Steel · 重工業鋼印 */
.flash-card[data-style="industrial-steel"] .card-front::before {
  padding: 2.5px;
  background: repeating-linear-gradient(135deg, #18181b 0 10px, #eab308 10px 20px, #27272a 20px 30px);
}
.flash-card[data-style="industrial-steel"] .card-front::after {
  inset: 16px;
  border: 1.5px solid rgba(234, 179, 8, 0.5);
  box-shadow: 0 0 10px rgba(234, 179, 8, 0.25);
}
.flash-card[data-style="industrial-steel"] .frame-world { background: none; }
.flash-card[data-style="industrial-steel"] .frame-world::before {
  width: 45%;
  top: -8%;
  right: -10%;
  border: 2px solid #eab308;
  box-shadow: 0 0 12px rgba(234, 179, 8, 0.4);
  transform: rotate(15deg);
}
.flash-card[data-style="industrial-steel"] .frame-world::after {
  content: "HEAVY DUTY";
  width: auto;
  height: auto;
  top: 10%;
  left: 6%;
  border: 0;
  color: #eab308;
  font: 800 8.5px/1 ui-monospace, monospace;
  letter-spacing: 0.2em;
}
.flash-card[data-style="industrial-steel"] .frame-spine {
  left: 4.5%;
  width: 4px;
  background: repeating-linear-gradient(180deg, #eab308 0 8px, #18181b 8px 16px);
  box-shadow: 0 0 8px rgba(234, 179, 8, 0.4);
}
.flash-card[data-style="industrial-steel"] .frame-corner {
  border-color: #eab308;
  border-width: 2px;
}
.flash-card[data-style="industrial-steel"] .identity-overlay h1,
.flash-card[data-style="industrial-steel"] .back-header h2 {
  font-family: Impact, "Arial Black", sans-serif;
  letter-spacing: 0.02em;
}

/* Style 12: Quantum Cosmos · 量子星雲 */
.flash-card[data-style="quantum-cosmos"] .card-front::before {
  padding: 2px;
  background: linear-gradient(135deg, #080512, #8b5cf6 30%, #4c1d95 55%, #c084fc 82%, #090514);
}
.flash-card[data-style="quantum-cosmos"] .card-front::after {
  inset: 16px;
  border: 1px solid rgba(192, 132, 252, 0.45);
  box-shadow: 0 0 15px rgba(139, 92, 246, 0.35);
}
.flash-card[data-style="quantum-cosmos"] .frame-world { background: none; }
.flash-card[data-style="quantum-cosmos"] .frame-world::before {
  width: 52%;
  top: -12%;
  right: -12%;
  border: 1px solid rgba(192, 132, 252, 0.6);
  border-radius: 50%;
  box-shadow: 0 0 16px rgba(139, 92, 246, 0.5);
}
.flash-card[data-style="quantum-cosmos"] .frame-world::after {
  content: "QUANTUM";
  width: auto;
  height: auto;
  top: 11%;
  left: 6%;
  border: 0;
  color: rgba(192, 132, 252, 0.85);
  font: 700 8.5px/1 ui-monospace, monospace;
  letter-spacing: 0.22em;
}
.flash-card[data-style="quantum-cosmos"] .frame-spine {
  left: 4.5%;
  width: 2px;
  background: linear-gradient(180deg, transparent, #c084fc, #6d28d9, #c084fc, transparent);
  box-shadow: 0 0 10px rgba(192, 132, 252, 0.5);
}
.flash-card[data-style="quantum-cosmos"] .frame-corner {
  border-color: rgba(192, 132, 252, 0.8);
  box-shadow: 0 0 10px rgba(139, 92, 246, 0.5);
}
.flash-card[data-style="quantum-cosmos"] .identity-overlay h1,
.flash-card[data-style="quantum-cosmos"] .back-header h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.02em;
}

/* Style 13: Nordic Monolith · 極簡北歐灰 */
.flash-card[data-style="nordic-monolith"] .card-front::before {
  padding: 1px;
  background: linear-gradient(135deg, #18191c, #4b5563 35%, #374151 55%, #9ca3af 80%, #111827);
}
.flash-card[data-style="nordic-monolith"] .card-front::after {
  inset: 16px;
  border: 1px solid rgba(243, 244, 246, 0.25);
}
.flash-card[data-style="nordic-monolith"] .frame-world { background: none; }
.flash-card[data-style="nordic-monolith"] .frame-world::before {
  width: 40%;
  top: -6%;
  right: -8%;
  border: 1px solid rgba(243, 244, 246, 0.35);
  transform: rotate(0deg);
}
.flash-card[data-style="nordic-monolith"] .frame-world::after {
  content: "MONOLITH";
  width: auto;
  height: auto;
  top: 10%;
  left: 6%;
  border: 0;
  color: rgba(243, 244, 246, 0.6);
  font: 500 8.5px/1 ui-monospace, monospace;
  letter-spacing: 0.24em;
}
.flash-card[data-style="nordic-monolith"] .frame-spine {
  left: 4%;
  width: 1px;
  background: linear-gradient(180deg, transparent, rgba(243, 244, 246, 0.5), transparent);
}
.flash-card[data-style="nordic-monolith"] .frame-corner {
  border-color: rgba(243, 244, 246, 0.5);
  border-width: 1px;
}
.flash-card[data-style="nordic-monolith"] .identity-overlay h1,
.flash-card[data-style="nordic-monolith"] .back-header h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.04em;
  font-weight: 300;
}

/* Style 14: Molten Core · 赤陽熔岩 */
.flash-card[data-style="molten-core"] .card-front::before {
  padding: 2px;
  background: linear-gradient(135deg, #180805, #ea580c 28%, #7c2d12 52%, #fbbf24 80%, #1c0a06);
}
.flash-card[data-style="molten-core"] .card-front::after {
  inset: 16px;
  border: 1px solid rgba(249, 115, 22, 0.55);
  box-shadow: 0 0 14px rgba(234, 88, 12, 0.35);
}
.flash-card[data-style="molten-core"] .frame-world { background: none; }
.flash-card[data-style="molten-core"] .frame-world::before {
  width: 46%;
  top: -8%;
  right: -10%;
  border: 2px solid #f97316;
  box-shadow: 0 0 16px rgba(249, 115, 22, 0.5);
  transform: rotate(25deg);
}
.flash-card[data-style="molten-core"] .frame-world::after {
  content: "MOLTEN CORE";
  width: auto;
  height: auto;
  top: 10%;
  left: 6%;
  border: 0;
  color: #fbbf24;
  font: 800 8.5px/1 ui-monospace, monospace;
  letter-spacing: 0.18em;
  text-shadow: 0 0 8px rgba(249, 115, 22, 0.8);
}
.flash-card[data-style="molten-core"] .frame-spine {
  left: 4.5%;
  width: 3px;
  background: linear-gradient(180deg, transparent, #fbbf24, #c2410c, #fbbf24, transparent);
  box-shadow: 0 0 10px #f97316;
}
.flash-card[data-style="molten-core"] .frame-corner {
  border-color: #f97316;
  box-shadow: 0 0 10px rgba(249, 115, 22, 0.6);
}
.flash-card[data-style="molten-core"] .identity-overlay h1,
.flash-card[data-style="molten-core"] .back-header h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: -0.03em;
  font-weight: 800;
}

/* ==========================================================================
   3D Out-of-Bounds Burst Special Effects (超出邊框立體特效)
   ========================================================================== */

/* Style 01: Nature Aura · 自然光環 */
.flash-card[data-style="nature-aura"] .burst-nature { display: block; }
.flash-card[data-style="nature-aura"] .burst-nature-leaf1 {
  width: 68px; height: 68px;
  top: 18px; right: -18px;
  transform: rotate(15deg);
  animation-duration: 5.2s;
}
.flash-card[data-style="nature-aura"] .burst-nature-leaf2 {
  width: 52px; height: 52px;
  top: 42%; left: -18px;
  transform: rotate(-25deg);
  animation-duration: 4.6s;
  animation-delay: -1.2s;
}
.flash-card[data-style="nature-aura"] .burst-nature-sprout {
  width: 46px; height: 46px;
  bottom: 22%; right: -14px;
  animation-duration: 3.8s;
  animation-delay: -2s;
}

/* Style 02: Soft Pop · 柔光泡泡 */
.flash-card[data-style="soft-pop"] .burst-pop { display: block; }
.flash-card[data-style="soft-pop"] .burst-pop-lollipop {
  width: 76px; height: 86px;
  top: 24%; left: -22px;
  transform: rotate(-14deg);
  animation-duration: 4.2s;
}
.flash-card[data-style="soft-pop"] .burst-pop-heart {
  width: 68px; height: 68px;
  top: -12px; right: -16px;
  transform: rotate(10deg);
  animation-duration: 4.8s;
  animation-delay: -1.5s;
}

/* Style 03: Golden Memory · 金色記憶 */
.flash-card[data-style="golden-memory"] .burst-gold { display: block; }
.flash-card[data-style="golden-memory"] .burst-gold-sunburst {
  width: 82px; height: 82px;
  top: -18px; right: -18px;
  transform: rotate(8deg);
  animation-duration: 6s;
}
.flash-card[data-style="golden-memory"] .burst-gold-vine {
  width: 62px; height: 92px;
  top: 32%; left: -18px;
  transform: rotate(-10deg);
  animation-duration: 4.9s;
  animation-delay: -1.8s;
}

/* Style 04: Aurora Prism · 極光稜鏡 */
.flash-card[data-style="aurora-prism"] .burst-aurora { display: block; }
.flash-card[data-style="aurora-prism"] .burst-aurora-ring {
  width: 108px; height: 75px;
  top: 32%; left: -24px;
  transform: rotate(-14deg);
  animation-duration: 5.5s;
}
.flash-card[data-style="aurora-prism"] .burst-aurora-diamond {
  width: 54px; height: 54px;
  top: -12px; right: -14px;
  transform: rotate(15deg);
  animation-duration: 4s;
  animation-delay: -2s;
}


/* Style 06: Neon Creator · 霓虹創作者 */
.flash-card[data-style="neon-creator"] .burst-neon { display: block; }
.flash-card[data-style="neon-creator"] .burst-neon-shard1 {
  width: 72px; height: 72px;
  top: 26%; right: -20px;
  transform: rotate(20deg);
  animation-duration: 4.4s;
}
.flash-card[data-style="neon-creator"] .burst-neon-shard2 {
  width: 58px; height: 58px;
  top: -12px; left: -14px;
  transform: rotate(-15deg);
  animation-duration: 5.1s;
  animation-delay: -1.6s;
}
.flash-card[data-style="neon-creator"] .burst-neon-spark {
  width: 44px; height: 44px;
  bottom: 24%; right: -12px;
  animation-duration: 3.5s;
  animation-delay: -0.8s;
}

/* Style 07: Obsidian Titanium · 黑曜鈦極 */
.flash-card[data-style="obsidian-titanium"] .burst-titanium { display: block; }
.flash-card[data-style="obsidian-titanium"] .burst-titanium-corner {
  width: 66px; height: 66px;
  top: -14px; right: -16px;
  transform: rotate(25deg);
  animation-duration: 4.8s;
}
.flash-card[data-style="obsidian-titanium"] .burst-titanium-gauge {
  width: 52px; height: 78px;
  top: 34%; left: -20px;
  transform: rotate(-10deg);
  animation-duration: 5.4s;
  animation-delay: -1.5s;
}

/* Style 08: Cyber Matrix · 賽博矩陣 */
.flash-card[data-style="cyber-matrix"] .burst-matrix { display: none; }

/* Style 09: Deep Abyss · 深海幽藍 */
.flash-card[data-style="deep-abyss"] .burst-abyss { display: block; }
.flash-card[data-style="deep-abyss"] .burst-abyss-sonar {
  width: 86px; height: 86px;
  top: 26%; left: -22px;
  transform: rotate(-12deg);
  animation-duration: 5.6s;
}
.flash-card[data-style="deep-abyss"] .burst-abyss-crystal {
  width: 58px; height: 58px;
  top: -14px; right: -14px;
  transform: rotate(15deg);
  animation-duration: 4.5s;
  animation-delay: -1.8s;
}

/* Style 10: Carbon Falcon · 碳纖戰隼 */
.flash-card[data-style="carbon-stealth"] .burst-carbon { display: block; }
.flash-card[data-style="carbon-stealth"] .burst-carbon-reticle {
  width: 74px; height: 74px;
  top: -16px; right: -18px;
  transform: rotate(12deg);
  animation-duration: 4.6s;
}
.flash-card[data-style="carbon-stealth"] .burst-carbon-fin {
  width: 54px; height: 70px;
  bottom: 22%; left: -18px;
  transform: rotate(-15deg);
  animation-duration: 5s;
  animation-delay: -1.2s;
}

/* Style 11: Industrial Steel · 重工業鋼印 */
.flash-card[data-style="industrial-steel"] .burst-steel { display: block; }
.flash-card[data-style="industrial-steel"] .burst-steel-hazard {
  width: 66px; height: 66px;
  top: -14px; left: -16px;
  transform: rotate(-15deg);
  animation-duration: 4.8s;
}
.flash-card[data-style="industrial-steel"] .burst-steel-plate {
  width: 62px; height: 76px;
  top: 36%; right: -20px;
  transform: rotate(10deg);
  animation-duration: 5.2s;
  animation-delay: -2s;
}

/* Style 12: Quantum Cosmos · 量子星雲 */
.flash-card[data-style="quantum-cosmos"] .burst-cosmos { display: block; }
.flash-card[data-style="quantum-cosmos"] .burst-cosmos-ring {
  width: 94px; height: 94px;
  top: 24%; right: -22px;
  transform: rotate(20deg);
  animation-duration: 6.2s;
}
.flash-card[data-style="quantum-cosmos"] .burst-cosmos-star {
  width: 64px; height: 64px;
  top: -16px; left: -16px;
  transform: rotate(-10deg);
  animation-duration: 4.4s;
  animation-delay: -1.6s;
}

/* Style 13: Nordic Monolith · 極簡北歐灰 */
.flash-card[data-style="nordic-monolith"] .burst-monolith { display: block; }
.flash-card[data-style="nordic-monolith"] .burst-monolith-frame {
  width: 60px; height: 60px;
  top: -12px; right: -14px;
  transform: rotate(0deg);
  animation-duration: 5s;
}
.flash-card[data-style="nordic-monolith"] .burst-monolith-axis {
  width: 48px; height: 72px;
  bottom: 24%; left: -16px;
  transform: rotate(0deg);
  animation-duration: 5.5s;
  animation-delay: -1.4s;
}

/* Style 14: Molten Core · 赤陽熔岩 */
.flash-card[data-style="molten-core"] .burst-molten { display: block; }
.flash-card[data-style="molten-core"] .burst-molten-shard {
  width: 78px; height: 78px;
  top: -18px; right: -18px;
  transform: rotate(15deg);
  animation-duration: 4.8s;
}
.flash-card[data-style="molten-core"] .burst-molten-ember {
  width: 58px; height: 70px;
  bottom: 22%; left: -16px;
  transform: rotate(-12deg);
  animation-duration: 4s;
  animation-delay: -1s;
}