SIG SELECT sprint 1+2: SPIN animation; Emanation/Reversal; Ally Interaction FYI — TDD

Sprint 1 (template + SCSS):
- Stage card gains .fan-card-reversal-name + .fan-card-reversal-qualifier elements
  (pre-rotated 180° so they read forward after card spins); sig cards gain data-reversal attr
- _card-deck.scss: Z-axis rotate(180deg) spin on .stage-card--reversed; reversed elements
  dim @ opacity 0.25 normally, flip to 1 when card is spun; upright content dims in return
- Stat face labels: Upright→Emanation, Reversed→Reversal
- Fixture updated: Emanation/Reversal labels; reversal elements + data-reversal attr

Sprint 2 (FYI from mechanisms + articulations):
- sig-select.js: _openCaution() now parses data-mechanisms + data-articulations (concat)
  instead of data-cautions; _renderCaution() sets .sig-caution-title from entry.category,
  .sig-caution-effect.innerHTML from entry.effect; empty fallback: "No ally interactions"
- TarotCard model: mechanisms_json + articulations_json @property (parallel to cautions_json)
- Template: data-cautions→data-mechanisms+data-articulations; "Caution!"→"" title (set by JS);
  "Rival Interaction"→"Ally Interaction"; shoptalk <p> removed
- SigSelectSpec.js: all old caution tests migrated to {category,effect} dict format +
  data-mechanisms; 7-spec "FYI from mechanisms + articulations" describe block; 242 specs green

Code architected by Disco DeDisco <discodedisco@outlook.com>
Git commit message Co-Authored-By:
Claude Sonnet 4.6 <noreply@anthropic.com>

src/templates/apps/gameboard/_partials/_sig_select_overlay.html

@@ -29,6 +29,8 @@ Context: sig_cards, user_polarity, user_seat, sig_reserve_url, sig_reservations_
                     <p class="sig-qualifier-below"></p>
                     <p class="fan-card-arcana"></p>
                     <p class="fan-card-correspondence"></p>{# not shown in sig-select — game-kit only #}
+                    <p class="fan-card-reversal-qualifier"></p>
+                    <p class="fan-card-reversal-name"></p>
                 </div>
                 <div class="fan-card-corner fan-card-corner--br">
                     <span class="fan-corner-rank"></span>
@@ -39,19 +41,18 @@ Context: sig_cards, user_polarity, user_seat, sig_reserve_url, sig_reservations_
                 <button class="btn btn-reverse sig-flip-btn" type="button">SPIN</button>
                 <button class="btn btn-caution sig-caution-btn" type="button">FYI</button>
                 <div class="stat-face stat-face--upright">
-                    <p class="stat-face-label">Upright</p>
+                    <p class="stat-face-label">Emanation</p>
                     <ul class="stat-keywords" id="id_stat_keywords_upright"></ul>
                 </div>
                 <div class="stat-face stat-face--reversed">
-                    <p class="stat-face-label">Reversed</p>
+                    <p class="stat-face-label">Reversal</p>
                     <ul class="stat-keywords" id="id_stat_keywords_reversed"></ul>
                 </div>
                 <div class="sig-caution-tooltip" id="id_sig_caution">
                     <div class="sig-caution-header">
-                        <h4 class="sig-caution-title">Caution!</h4>
-                        <p class="sig-caution-type">Rival Interaction</p>
+                        <h4 class="sig-caution-title"></h4>
+                        <p class="sig-caution-type">Ally Interaction</p>
                     </div>
-                    <p class="sig-caution-shoptalk">[Shoptalk forthcoming]</p>
                     <p class="sig-caution-effect"></p>
                     <span class="sig-caution-index"></span>
                 </div>
@@ -72,9 +73,11 @@ Context: sig_cards, user_polarity, user_seat, sig_reserve_url, sig_reservations_
                  data-correspondence="{{ card.correspondence|default:'' }}"
                  data-keywords-upright="{{ card.keywords_upright|join:',' }}"
                  data-keywords-reversed="{{ card.keywords_reversed|join:',' }}"
-                 data-cautions="{{ card.cautions_json }}"
+                 data-mechanisms="{{ card.mechanisms_json }}"
+                 data-articulations="{{ card.articulations_json }}"
                  data-levity-qualifier="{{ card.levity_qualifier }}"
-                 data-gravity-qualifier="{{ card.gravity_qualifier }}">
+                 data-gravity-qualifier="{{ card.gravity_qualifier }}"
+                 data-reversal="{{ card.reversal }}">
                 <div class="fan-card-corner fan-card-corner--tl">
                     <span class="fan-corner-rank">{{ card.corner_rank }}</span>
                     {% if card.suit_icon %}<i class="fa-solid {{ card.suit_icon }}"></i>{% endif %}