TOOLTIPS: extract .tt base to _tooltips.scss + natus element/planet title colours

- New _tooltips.scss: .token-tooltip/.tt base block extracted from _wallet-tokens.scss
- core.scss: import order …billboard → tooltips → game-kit → wallet-tokens
- _natus.scss: .tt-title--au/ag/…/pu (--six* dark, --pri* light) + .tt-title--el-* for element ring (--pri* dark, --ter* light) via body[class*="-light"] selector
- natus-wheel.js: element tooltip title switched from inline style to .tt-title--el-{key} CSS class; PLANET_ELEMENTS map drives .tt-title--{el} class on planet titles
- _game-kit.scss: kit bag .tt child font-size rules added (1rem title, 0.75rem desc/shoptalk/expiry)
- CLAUDE.md: SCSS import order updated

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

src/static_src/scss/_game-kit.scss

@@ -113,6 +113,11 @@
     .tt {
         z-index: 9999;
 
+        .tt-title       { font-size: 1rem; }
+        .tt-description { padding: 0.125rem; font-size: 0.75rem; }
+        .tt-shoptalk    { font-size: 0.75rem; opacity: 0.75; }
+        .tt-expiry      { font-size: 1rem; color: rgba(var(--priRd), 1); }
+
         // Buttons positioned on left edge of the fixed inline tooltip
         .tt-equip-btns {
             position: absolute;