/* 追加のキャストカードフレーム。top.css の後に読み込む。
   写真・新人アイコン・出勤時間は既存の内容を描き、架空のバッジは足さない。
   台紙の余白は %、内部の文字と余白はカード幅基準。 */
.cast_grid li[class*="cc-tpl--frame-"] {
  position: relative;
  box-sizing: border-box;
  min-width: 0;
  padding: 4.5%;
  border: 0;
  border-radius: 0;
  overflow: visible;
  isolation: isolate;
  background: var(--frame-bg);
  color: var(--frame-text);
  text-align: center;
}
.cast_grid li[class*="cc-tpl--frame-"] .cast-thumb-wrap { width: 100%; aspect-ratio: 2 / 3; border-radius: 0; }
.cast_grid li[class*="cc-tpl--frame-"] img._thumnail { margin: 0; border-radius: 0; aspect-ratio: 2 / 3; }
.cast_grid li[class*="cc-tpl--frame-"] ._info { padding: 4cqw 0 1cqw; color: var(--frame-text); overflow-wrap: anywhere; }
.cast_grid li[class*="cc-tpl--frame-"] :is(._name_text, ._age, ._size, ._catch, ._profile-value) { color: var(--frame-text); }
.cast_grid li[class*="cc-tpl--frame-"] ._name_text { font-size: clamp(14px, 9cqw, 26px); }
.cast_grid li[class*="cc-tpl--frame-"] ._size { border: 0; padding: 0; font-size: clamp(10px, 5cqw, 15px); width: 96%; }
.cast_grid li[class*="cc-tpl--frame-"] :is(._shift, ._status) {
  position: relative; margin: 0 auto; width: 96%; padding: 1cqw 0;
  border: 0; border-radius: 4px; background: var(--frame-band); color: var(--frame-text);
  font-size: clamp(11px, 6.5cqw, 19px);
}
.cast_grid li[class*="cc-tpl--frame-"] ._shift.no_attend { opacity: .7; }
.cast_grid li[class*="cc-tpl--frame-"] ._shift { background: transparent; }
.cast_grid li[class*="cc-tpl--frame-"] ._status { color: var(--frame-band-text); }
.cast_grid li[class*="cc-tpl--frame-"] ._card-slot + ._card-slot { margin-top: 2cqw; }
.cast_grid li[class*="cc-tpl--frame-"] :is(._course, ._profile-pair-list li) { background: var(--frame-band); color: var(--frame-band-text); }
.cast_grid li[class*="cc-tpl--frame-"] ._course.is-off { opacity: .55; }
.cast_grid li[class*="cc-tpl--frame-"]::before { pointer-events: none; }

/* 星空とアーチ。星は飾りだけで、文字やアイコンを隠さない。 */
.cast_grid li.cc-tpl--frame-night { background: radial-gradient(circle at 20% 15%, var(--frame-accent) 0 1px, transparent 2px) 0 0 / 25px 29px, var(--frame-bg); border: 1px solid var(--frame-accent); border-radius: 48% 48% 8px 8px / 24% 24% 8px 8px; padding: 6%; }
.cast_grid li.cc-tpl--frame-night .cast-thumb-wrap { border-radius: 48% 48% 0 0 / 28% 28% 0 0; }
.cast_grid li.cc-tpl--frame-night ._info { border-top: 1px solid var(--frame-accent); margin-top: 4cqw; }
.cast_grid li.cc-tpl--frame-night ._shift { background: transparent; }

.cast_grid li.cc-tpl--frame-minimal { padding: 0; border: 1px solid var(--frame-accent); border-radius: 12px; overflow: hidden; }
.cast_grid li.cc-tpl--frame-minimal ._info { padding: 6cqw; text-align: left; }
.cast_grid li.cc-tpl--frame-minimal :is(._name, ._shift, ._size, ._catch) { text-align: left; width: 100%; }
.cast_grid li.cc-tpl--frame-minimal ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-minimal ._status { border-radius: 30px; }

.cast_grid li.cc-tpl--frame-editorial { padding: 0 0 0 8%; border-bottom: 5px solid var(--frame-accent); }
.cast_grid li.cc-tpl--frame-editorial::before { content: 'CAST'; position: absolute; writing-mode: vertical-rl; top: 14px; left: 1px; letter-spacing: 2px; font: 11px/1 system-ui, sans-serif; }
.cast_grid li.cc-tpl--frame-editorial ._info { text-align: left; padding: 4cqw 0; }
.cast_grid li.cc-tpl--frame-editorial :is(._name, ._shift, ._size) { text-align: left; width: 100%; background: transparent; }
.cast_grid li.cc-tpl--frame-editorial ._name_text { font-family: var(--cast-card-font, var(--site-font)); font-style: italic; }

.cast_grid li.cc-tpl--frame-sticker { border: 7px solid var(--frame-band); outline: 1px solid var(--frame-accent); outline-offset: -1px; border-radius: 32px 8px 32px 8px; box-shadow: 3px 5px 0 var(--frame-accent); }
.cast_grid li.cc-tpl--frame-sticker .cast-thumb-wrap { border-radius: 22px 0 22px 0; }
.cast_grid li.cc-tpl--frame-comic { border: 4px solid var(--frame-accent); box-shadow: 4px 5px 0 var(--frame-accent); }
.cast_grid li.cc-tpl--frame-comic .cast-thumb-wrap { border: 2px solid var(--frame-accent); box-sizing: border-box; }

.cast_grid li.cc-tpl--frame-spotlight { padding: 0; border-radius: 8px; overflow: hidden; }
.cast_grid li.cc-tpl--frame-spotlight ._info { margin-top: -34%; padding: 22% 5% 6%; background: linear-gradient(transparent, var(--frame-bg) 50%); z-index: 1; }
.cast_grid li.cc-tpl--frame-spotlight :is(._shift, ._status) { background: transparent; }

.cast_grid li.cc-tpl--frame-holo { padding: 2%; background: linear-gradient(135deg, var(--frame-accent), var(--frame-band), #f6d5ad, #b1d9f9, var(--frame-band)); border-radius: 24px; }
.cast_grid li.cc-tpl--frame-holo .cast-thumb-wrap { border-radius: 19px 19px 0 0; }
.cast_grid li.cc-tpl--frame-holo ._info { background: var(--frame-bg); border-radius: 0 0 19px 19px; padding: 5cqw 2cqw; }
.cast_grid li.cc-tpl--frame-holo ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-neon { border: 2px solid var(--frame-accent); box-shadow: 0 0 8px var(--frame-accent), inset 0 0 8px var(--frame-accent); border-radius: 15px; }
.cast_grid li.cc-tpl--frame-neon .cast-thumb-wrap { border: 1px solid var(--frame-band); box-sizing: border-box; border-radius: 6px; }
.cast_grid li.cc-tpl--frame-neon ._name_text { text-shadow: 0 0 7px var(--frame-accent); }
.cast_grid li.cc-tpl--frame-neon ._shift { background: transparent; }

.cast_grid li.cc-tpl--frame-rattan { background: repeating-linear-gradient(45deg, var(--frame-accent) 0 2px, var(--frame-band) 2px 8px); border-radius: 10px; }
.cast_grid li.cc-tpl--frame-rattan .cast-thumb-wrap { border-radius: 5px 5px 0 0; }
.cast_grid li.cc-tpl--frame-rattan ._info { background: var(--frame-bg); padding: 5cqw 1cqw; border-radius: 0 0 5px 5px; }
.cast_grid li.cc-tpl--frame-rattan ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-washi { background: repeating-linear-gradient(0deg, var(--frame-band) 0 1px, var(--frame-bg) 1px 5px); border-left: 7px solid var(--frame-accent); padding: 7%; }
.cast_grid li.cc-tpl--frame-washi ._card-slot--headline { display: flex; justify-content: center; }
.cast_grid li.cc-tpl--frame-washi ._card-slot--headline > :not(._slot-badge) { writing-mode: vertical-rl; letter-spacing: .18em; }
.cast_grid li.cc-tpl--frame-washi ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-sakura { background: radial-gradient(ellipse at top left, var(--frame-band), transparent 55%), var(--frame-bg); border: 1px solid var(--frame-accent); padding: 6%; }
.cast_grid li.cc-tpl--frame-sakura .cast-thumb-wrap { border-radius: 65px 0 65px 0; }
.cast_grid li.cc-tpl--frame-sakura::before { content: '✿'; color: var(--frame-accent); position: absolute; top: -12px; left: 8px; font: 26px/1 serif; z-index: 3; }
.cast_grid li.cc-tpl--frame-sakura ._shift { background: transparent; }

.cast_grid li.cc-tpl--frame-gift { border: 2px solid var(--frame-accent); padding: 7%; }
.cast_grid li.cc-tpl--frame-gift::before,
.cast_grid li.cc-tpl--frame-gift::after { content: ''; position: absolute; z-index: 3; top: -12px; width: 26px; height: 18px; border: 3px solid var(--frame-accent); background: var(--frame-band); box-sizing: border-box; pointer-events: none; }
.cast_grid li.cc-tpl--frame-gift::before { left: calc(50% - 25px); border-radius: 50% 50% 0 50%; transform: rotate(12deg); }
.cast_grid li.cc-tpl--frame-gift::after { left: calc(50% - 1px); border-radius: 50% 50% 50% 0; transform: rotate(-12deg); }
.cast_grid li.cc-tpl--frame-gift ._info { border-top: 4px double var(--frame-accent); margin-top: 4cqw; }
.cast_grid li.cc-tpl--frame-pearl { border: 8px dotted var(--frame-band); outline: 1px solid var(--frame-accent); outline-offset: -1px; border-radius: 48% 48% 12px 12px / 24% 24% 12px 12px; }
.cast_grid li.cc-tpl--frame-pearl .cast-thumb-wrap { border-radius: 48% 48% 0 0 / 28% 28% 0 0; }
.cast_grid li.cc-tpl--frame-pearl ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-heart { background: radial-gradient(circle at 5px 5px, var(--frame-accent) 2px, transparent 3px) 0 0 / 15px 15px, var(--frame-bg); border-radius: 28px; }
.cast_grid li.cc-tpl--frame-heart .cast-thumb-wrap { border-radius: 20px; }
.cast_grid li.cc-tpl--frame-heart ._info { background: var(--frame-bg); border-radius: 20px; }
.cast_grid li.cc-tpl--frame-heart::before { content: '♥'; position: absolute; right: 10px; top: 0; color: var(--frame-accent); z-index: 3; font: 30px/1 serif; }
.cast_grid li.cc-tpl--frame-ribbon { border: 2px solid var(--frame-accent); padding: 6%; }
.cast_grid li.cc-tpl--frame-ribbon ._card-slot--headline { width: 110%; margin-left: -5%; background: var(--frame-accent); padding: 2cqw; box-shadow: 0 3px 0 var(--frame-band); }
.cast_grid li.cc-tpl--frame-ribbon ._card-slot--headline ._name_text { color: var(--cc-frame-ribbon-ribbon-text, #402233); }
.cast_grid li.cc-tpl--frame-ribbon ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-lace { border: 8px dotted var(--frame-band); outline: 1px solid var(--frame-accent); outline-offset: -1px; border-radius: 6px; }
.cast_grid li.cc-tpl--frame-lace .cast-thumb-wrap { border-radius: 45% 45% 0 0 / 25% 25% 0 0; }

.cast_grid li.cc-tpl--frame-jewel { padding: 5%; background: linear-gradient(130deg, var(--frame-accent), var(--frame-band), #efe5d1, var(--frame-accent)); clip-path: polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px); }
.cast_grid li.cc-tpl--frame-jewel ._info { background: var(--frame-bg); padding: 4cqw 1cqw; }
.cast_grid li.cc-tpl--frame-marble { background: repeating-linear-gradient(125deg, var(--frame-bg) 0 32px, var(--frame-band) 33px, var(--frame-bg) 35px 61px); border: 1px solid var(--frame-accent); padding: 7%; }
.cast_grid li.cc-tpl--frame-marble ._info { border-top: 1px solid var(--frame-accent); margin-top: 4cqw; }
.cast_grid li.cc-tpl--frame-marble ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-artdeco { background: repeating-linear-gradient(135deg, var(--frame-bg) 0 8px, var(--frame-band) 8px 9px); padding: 7%; border: 3px double var(--frame-accent); }
.cast_grid li.cc-tpl--frame-artdeco .cast-thumb-wrap { border-radius: 45% 45% 0 0 / 25% 25% 0 0; }
.cast_grid li.cc-tpl--frame-artdeco ._info { border-bottom: 3px double var(--frame-accent); padding-bottom: 4cqw; }
.cast_grid li.cc-tpl--frame-artdeco ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-blackgold { border: 4px double var(--frame-accent); padding: 5%; }
.cast_grid li.cc-tpl--frame-blackgold .cast-thumb-wrap { outline: 1px solid var(--frame-accent); outline-offset: 3px; }
.cast_grid li.cc-tpl--frame-blackgold ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-ticket { padding: 6%; border-top: 7px dotted var(--frame-accent); border-bottom: 7px dotted var(--frame-accent); }
.cast_grid li.cc-tpl--frame-ticket ._info { border-top: 2px dashed var(--frame-accent); margin-top: 4cqw; }
.cast_grid li.cc-tpl--frame-film { padding: 3%; border-left: 10px dotted var(--frame-accent); border-right: 10px dotted var(--frame-accent); }
.cast_grid li.cc-tpl--frame-film ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-polaroid { padding: 4.5% 4.5% 2%; box-shadow: 0 6px 12px #0003; transform: rotate(-2deg); }
.cast_grid li.cc-tpl--frame-polaroid::before { content: ''; position: absolute; z-index: 3; top: -7px; left: 32%; width: 36%; height: 20px; background: var(--frame-accent); opacity: .85; transform: rotate(7deg); }
.cast_grid li.cc-tpl--frame-polaroid ._info { padding: 7cqw 1cqw 3cqw; }
.cast_grid li.cc-tpl--frame-polaroid ._shift { background: transparent; }
.cast_grid li.cc-tpl--frame-mint { padding: 4.5%; background: var(--frame-bg); }
.cast_grid li.cc-tpl--frame-mint ._shift { background: transparent; }

/* 各テンプレートの既定色。保存色 → 共通カラー設定 → 元の配色 の順で適用。 */
.cast_grid li.cc-tpl--frame-night {
  --frame-bg: var(--cc-frame-night-card-bg, var(--cc-bg, #19263f));
  --frame-text: var(--cc-frame-night-text, var(--cc-text, #f1dfb5));
  --frame-accent: var(--cc-frame-night-accent, #ac9869);
  --frame-band: var(--cc-frame-night-band-bg, var(--cc-band-bg, #e1c37d));
  --frame-band-text: var(--cc-frame-night-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-minimal {
  --frame-bg: var(--cc-frame-minimal-card-bg, var(--cc-bg, #ffffff));
  --frame-text: var(--cc-frame-minimal-text, var(--cc-text, #303033));
  --frame-accent: var(--cc-frame-minimal-accent, #d8d8dd);
  --frame-band: var(--cc-frame-minimal-band-bg, var(--cc-band-bg, #e9f5f0));
  --frame-band-text: var(--cc-frame-minimal-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-editorial {
  --frame-bg: var(--cc-frame-editorial-card-bg, var(--cc-bg, #ffffff));
  --frame-text: var(--cc-frame-editorial-text, var(--cc-text, #242424));
  --frame-accent: var(--cc-frame-editorial-accent, #242424);
  --frame-band: var(--cc-frame-editorial-band-bg, var(--cc-band-bg, #eeeeee));
  --frame-band-text: var(--cc-frame-editorial-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-sticker {
  --frame-bg: var(--cc-frame-sticker-card-bg, var(--cc-bg, #f3e4fb));
  --frame-text: var(--cc-frame-sticker-text, var(--cc-text, #49334f));
  --frame-accent: var(--cc-frame-sticker-accent, #a88ab6);
  --frame-band: var(--cc-frame-sticker-band-bg, var(--cc-band-bg, #ffffff));
  --frame-band-text: var(--cc-frame-sticker-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-comic {
  --frame-bg: var(--cc-frame-comic-card-bg, var(--cc-bg, #f8df4b));
  --frame-text: var(--cc-frame-comic-text, var(--cc-text, #1c1a27));
  --frame-accent: var(--cc-frame-comic-accent, #1c1a27);
  --frame-band: var(--cc-frame-comic-band-bg, var(--cc-band-bg, #ffffff));
  --frame-band-text: var(--cc-frame-comic-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-spotlight {
  --frame-bg: var(--cc-frame-spotlight-card-bg, var(--cc-bg, #191529));
  --frame-text: var(--cc-frame-spotlight-text, var(--cc-text, #ffffff));
  --frame-accent: var(--cc-frame-spotlight-accent, #e9c278);
  --frame-band: var(--cc-frame-spotlight-band-bg, var(--cc-band-bg, #382343));
  --frame-band-text: var(--cc-frame-spotlight-band-text, var(--cc-band-text, #ffffff));
}
.cast_grid li.cc-tpl--frame-holo {
  --frame-bg: var(--cc-frame-holo-card-bg, var(--cc-bg, #201e37));
  --frame-text: var(--cc-frame-holo-text, var(--cc-text, #ffffff));
  --frame-accent: var(--cc-frame-holo-accent, #93e6ed);
  --frame-band: var(--cc-frame-holo-band-bg, var(--cc-band-bg, #e1b3ef));
  --frame-band-text: var(--cc-frame-holo-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-neon {
  --frame-bg: var(--cc-frame-neon-card-bg, var(--cc-bg, #191321));
  --frame-text: var(--cc-frame-neon-text, var(--cc-text, #f7d7ef));
  --frame-accent: var(--cc-frame-neon-accent, #fc77cc);
  --frame-band: var(--cc-frame-neon-band-bg, var(--cc-band-bg, #6de0d4));
  --frame-band-text: var(--cc-frame-neon-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-rattan {
  --frame-bg: var(--cc-frame-rattan-card-bg, var(--cc-bg, #f9f2df));
  --frame-text: var(--cc-frame-rattan-text, var(--cc-text, #493c2e));
  --frame-accent: var(--cc-frame-rattan-accent, #c49a64);
  --frame-band: var(--cc-frame-rattan-band-bg, var(--cc-band-bg, #d8ba8f));
  --frame-band-text: var(--cc-frame-rattan-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-washi {
  --frame-bg: var(--cc-frame-washi-card-bg, var(--cc-bg, #f5efdf));
  --frame-text: var(--cc-frame-washi-text, var(--cc-text, #392c29));
  --frame-accent: var(--cc-frame-washi-accent, #a02c38);
  --frame-band: var(--cc-frame-washi-band-bg, var(--cc-band-bg, #e8dfca));
  --frame-band-text: var(--cc-frame-washi-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-sakura {
  --frame-bg: var(--cc-frame-sakura-card-bg, var(--cc-bg, #fff7ee));
  --frame-text: var(--cc-frame-sakura-text, var(--cc-text, #91445b));
  --frame-accent: var(--cc-frame-sakura-accent, #d8a4ae);
  --frame-band: var(--cc-frame-sakura-band-bg, var(--cc-band-bg, #efb4ca));
  --frame-band-text: var(--cc-frame-sakura-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-gift {
  --frame-bg: var(--cc-frame-gift-card-bg, var(--cc-bg, #eee5f9));
  --frame-text: var(--cc-frame-gift-text, var(--cc-text, #49345e));
  --frame-accent: var(--cc-frame-gift-accent, #b89ace);
  --frame-band: var(--cc-frame-gift-band-bg, var(--cc-band-bg, #e3d4ee));
  --frame-band-text: var(--cc-frame-gift-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-pearl {
  --frame-bg: var(--cc-frame-pearl-card-bg, var(--cc-bg, #f5eade));
  --frame-text: var(--cc-frame-pearl-text, var(--cc-text, #665140));
  --frame-accent: var(--cc-frame-pearl-accent, #d0bda9);
  --frame-band: var(--cc-frame-pearl-band-bg, var(--cc-band-bg, #ffffff));
  --frame-band-text: var(--cc-frame-pearl-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-heart {
  --frame-bg: var(--cc-frame-heart-card-bg, var(--cc-bg, #fff1f7));
  --frame-text: var(--cc-frame-heart-text, var(--cc-text, #8b365a));
  --frame-accent: var(--cc-frame-heart-accent, #efadc2);
  --frame-band: var(--cc-frame-heart-band-bg, var(--cc-band-bg, #fbe0ec));
  --frame-band-text: var(--cc-frame-heart-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-ribbon {
  --frame-bg: var(--cc-frame-ribbon-card-bg, var(--cc-bg, #fff1f3));
  --frame-text: var(--cc-frame-ribbon-text, var(--cc-text, #703d50));
  --frame-accent: var(--cc-frame-ribbon-accent, #d77e9e);
  --frame-band: var(--cc-frame-ribbon-band-bg, var(--cc-band-bg, #f7dce6));
  --frame-band-text: var(--cc-frame-ribbon-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-lace {
  --frame-bg: var(--cc-frame-lace-card-bg, var(--cc-bg, #fbe2ea));
  --frame-text: var(--cc-frame-lace-text, var(--cc-text, #853d59));
  --frame-accent: var(--cc-frame-lace-accent, #e6adbd);
  --frame-band: var(--cc-frame-lace-band-bg, var(--cc-band-bg, #ffffff));
  --frame-band-text: var(--cc-frame-lace-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-jewel {
  --frame-bg: var(--cc-frame-jewel-card-bg, var(--cc-bg, #f5eff9));
  --frame-text: var(--cc-frame-jewel-text, var(--cc-text, #473b5a));
  --frame-accent: var(--cc-frame-jewel-accent, #96bfd6);
  --frame-band: var(--cc-frame-jewel-band-bg, var(--cc-band-bg, #f2d5ed));
  --frame-band-text: var(--cc-frame-jewel-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-marble {
  --frame-bg: var(--cc-frame-marble-card-bg, var(--cc-bg, #ffffff));
  --frame-text: var(--cc-frame-marble-text, var(--cc-text, #5c5147));
  --frame-accent: var(--cc-frame-marble-accent, #c3a16a);
  --frame-band: var(--cc-frame-marble-band-bg, var(--cc-band-bg, #eee7e2));
  --frame-band-text: var(--cc-frame-marble-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-artdeco {
  --frame-bg: var(--cc-frame-artdeco-card-bg, var(--cc-bg, #192e31));
  --frame-text: var(--cc-frame-artdeco-text, var(--cc-text, #e9cc8d));
  --frame-accent: var(--cc-frame-artdeco-accent, #c2a66c);
  --frame-band: var(--cc-frame-artdeco-band-bg, var(--cc-band-bg, #264345));
  --frame-band-text: var(--cc-frame-artdeco-band-text, var(--cc-band-text, #ffffff));
}
.cast_grid li.cc-tpl--frame-blackgold {
  --frame-bg: var(--cc-frame-blackgold-card-bg, var(--cc-bg, #171716));
  --frame-text: var(--cc-frame-blackgold-text, var(--cc-text, #e7d3a4));
  --frame-accent: var(--cc-frame-blackgold-accent, #bd9c5d);
  --frame-band: var(--cc-frame-blackgold-band-bg, var(--cc-band-bg, #302c23));
  --frame-band-text: var(--cc-frame-blackgold-band-text, var(--cc-band-text, #ffffff));
}
.cast_grid li.cc-tpl--frame-ticket {
  --frame-bg: var(--cc-frame-ticket-card-bg, var(--cc-bg, #f8d8e1));
  --frame-text: var(--cc-frame-ticket-text, var(--cc-text, #73334e));
  --frame-accent: var(--cc-frame-ticket-accent, #b65f7b);
  --frame-band: var(--cc-frame-ticket-band-bg, var(--cc-band-bg, #f4c6d4));
  --frame-band-text: var(--cc-frame-ticket-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-film {
  --frame-bg: var(--cc-frame-film-card-bg, var(--cc-bg, #222222));
  --frame-text: var(--cc-frame-film-text, var(--cc-text, #faf4db));
  --frame-accent: var(--cc-frame-film-accent, #bca274);
  --frame-band: var(--cc-frame-film-band-bg, var(--cc-band-bg, #40372b));
  --frame-band-text: var(--cc-frame-film-band-text, var(--cc-band-text, #ffffff));
}
.cast_grid li.cc-tpl--frame-polaroid {
  --frame-bg: var(--cc-frame-polaroid-card-bg, var(--cc-bg, #ffffff));
  --frame-text: var(--cc-frame-polaroid-text, var(--cc-text, #302c28));
  --frame-accent: var(--cc-frame-polaroid-accent, #ddc59a);
  --frame-band: var(--cc-frame-polaroid-band-bg, var(--cc-band-bg, #f1ece3));
  --frame-band-text: var(--cc-frame-polaroid-band-text, var(--cc-band-text, #242424));
}
.cast_grid li.cc-tpl--frame-mint {
  --frame-bg: var(--cc-frame-mint-card-bg, var(--cc-bg, #78d4c2));
  --frame-text: var(--cc-frame-mint-text, var(--cc-text, #162c28));
  --frame-accent: var(--cc-frame-mint-accent, #54b8a6);
  --frame-band: var(--cc-frame-mint-band-bg, var(--cc-band-bg, #e7faf5));
  --frame-band-text: var(--cc-frame-mint-band-text, var(--cc-band-text, #242424));
}