Sig select: caution tooltip, FLIP/FYI stat block, keyword display

- TarotCard.cautions JSONField + cautions_json property; migrations
  0027–0029 seed The Schizo (number=1) with 4 rival-interaction cautions
  (Roman-numeral card refs: I. The Pervert / II. The Occultist, etc.)
- Sig-select overlay: FLIP (stat-block toggle) + FYI (caution tooltip)
  buttons; nav PRV/NXT portaled outside tooltip at bottom corners (z-70);
  caution tooltip covers stat block (inset:0, z-60, Gaussian blur);
  tooltip click dismisses; FLIP/FYI fully dead while btn-disabled;
  nav wraps circularly (4/4 → 1/4, 1/4 → 4/4)
- SCSS: btn-disabled specificity fix (!important); btn-nav-left/right
  classes; sig-caution-* layout; stat-face keyword lists
- Jasmine suite expanded: stat block + FLIP (5 specs), caution tooltip
  (16 specs) including wrap-around and disabled-button behaviour
- IT tests: TarotCardCautionsTest (5), SigSelectRenderingTest (8)
- Role-card SVG icons added to static/

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

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

@@ -30,7 +30,29 @@ Context: sig_cards, user_polarity, user_seat, sig_reserve_url, sig_reservations_
                     <i class="fa-solid stage-suit-icon" style="display:none"></i>
                 </div>
             </div>
-            <div class="sig-stat-block"></div>
+            <div class="sig-stat-block">
+                <button class="btn btn-reverse sig-flip-btn" type="button">FLIP</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>
+                    <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>
+                    <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>
+                    </div>
+                    <p class="sig-caution-shoptalk">[Shoptalk forthcoming]</p>
+                    <p class="sig-caution-effect"></p>
+                    <span class="sig-caution-index"></span>
+                </div>
+                <button class="btn btn-nav-left sig-caution-prev" type="button">PRV</button>
+                <button class="btn btn-nav-right sig-caution-next" type="button">NXT</button>
+            </div>
         </div>
 
         <div class="sig-deck-grid" id="id_sig_deck">
@@ -42,7 +64,10 @@ Context: sig_cards, user_polarity, user_seat, sig_reserve_url, sig_reservations_
                  data-name-group="{{ card.name_group }}"
                  data-name-title="{{ card.name_title }}"
                  data-arcana="{{ card.get_arcana_display }}"
-                 data-correspondence="{{ card.correspondence|default:'' }}">
+                 data-correspondence="{{ card.correspondence|default:'' }}"
+                 data-keywords-upright="{{ card.keywords_upright|join:',' }}"
+                 data-keywords-reversed="{{ card.keywords_reversed|join:',' }}"
+                 data-cautions="{{ card.cautions_json }}">
                 <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 %}

src/templates/apps/gameboard/room.html

@@ -73,7 +73,7 @@
                     <i class="fa-solid fa-dice-d20"></i>
                 </button>
             </div>
-            <div id="id_tray" style="display:none"><div id="id_tray_grid">{% for i in "12345678" %}<div class="tray-cell"></div>{% endfor %}</div></div>
+            <div id="id_tray" style="display:none"><div id="id_tray_grid" data-role-icons-url="{% static 'apps/epic/icons/cards-roles/' %}">{% if my_tray_role %}<div class="tray-cell tray-role-card" data-role="{{ my_tray_role }}"><img src="{% static my_tray_scrawl_static_path %}" alt="{{ my_tray_role }}"></div>{% else %}<div class="tray-cell"></div>{% endif %}{% for i in "2345678" %}<div class="tray-cell"></div>{% endfor %}</div></div>
         </div>
         {% endif %}
         {% include "apps/gameboard/_partials/_room_gear.html" %}