From b5a92ddf77ccb8dd33cf181952cf61b3ee040cb5 Mon Sep 17 00:00:00 2001
From: Disco DeDisco <adamcraighamilton@gmail.com>
Date: Tue, 21 Apr 2026 21:54:06 -0400
Subject: [PATCH] =?UTF-8?q?natus=20wheel:=20house=20tooltip=20polish=20?=
 =?UTF-8?q?=E2=80=94=20br,=20pointer-events,=20@deg=C2=B0=20muting?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../gameboard/static/apps/gameboard/natus-wheel.js     |  7 ++++---
 src/static_src/scss/_natus.scss                        | 10 ++++++++--
 2 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/apps/gameboard/static/apps/gameboard/natus-wheel.js b/src/apps/gameboard/static/apps/gameboard/natus-wheel.js
index 1cea60d..223b067 100644
--- a/src/apps/gameboard/static/apps/gameboard/natus-wheel.js
+++ b/src/apps/gameboard/static/apps/gameboard/natus-wheel.js
@@ -570,7 +570,7 @@ const NatusWheel = (() => {
         const house  = cusps.length ? _planetHouse(pdata.degree, cusps) : null;
         const domain = house ? HOUSE_LABELS[house] : '';
         planetsHtml +=
-          `<div class="tt-asp-row">${psym} @${inDeg}°` +
+          `<div class="tt-asp-row">${psym} <span class="tt-asp-orb">@${inDeg}°</span>` +
           (domain ? `, House of ${domain}` : '') + `</div>`;
       });
     }
@@ -609,14 +609,14 @@ const NatusWheel = (() => {
         const psym  = PLANET_SYMBOLS[pname] || pname[0];
         const inDeg = _inSignDeg(pdata.degree).toFixed(1);
         const sicon = _signIconSvg(pdata.sign) || (SIGNS.find(s => s.name === pdata.sign) || {}).symbol || '';
-        planetsHtml += `<div class="tt-asp-row">${psym} @${inDeg}° ${sicon}</div>`;
+        planetsHtml += `<div class="tt-asp-row">${psym} <span class="tt-asp-orb">@${inDeg}°</span> ${sicon}</div>`;
       });
     }
 
     if (_ttBody) {
       _ttBody.innerHTML =
         `<div class="tt-house-header">` +
-          `<span class="tt-title">House of ${house.label}</span>` +
+          `<span class="tt-title"><span class="tt-house-of">House of</span><br>${house.label}</span>` +
           `<span class="tt-house-num">${house.num}</span>` +
         `</div>` +
         (planetsHtml ? `<div class="tt-house-planets">${planetsHtml}</div>` : '');
@@ -887,6 +887,7 @@ const NatusWheel = (() => {
         .attr('dominant-baseline', 'middle')
         .attr('font-size', `${_r * 0.05}px`)
         .attr('class', 'nw-house-num')
+        .attr('pointer-events', 'none')
         .text(i + 1);
     });
   }
diff --git a/src/static_src/scss/_natus.scss b/src/static_src/scss/_natus.scss
index dd0e8bd..00d99c1 100644
--- a/src/static_src/scss/_natus.scss
+++ b/src/static_src/scss/_natus.scss
@@ -564,15 +564,21 @@ body[class*="-light"] {
     // House tooltip — "House of X" | number; planets in house
     .tt-house-header {
         display: flex;
-        align-items: baseline;
+        align-items: flex-start;
         justify-content: space-between;
         gap: 0.5rem;
         margin-bottom: 0.3rem;
     }
+    .tt-house-of {
+        font-size: 0.6em;
+        font-weight: 700;
+        margin-right: 0.15em;
+        opacity: 0.9;
+    }
     .tt-house-num {
         font-size: 1.4rem;
         font-weight: 700;
-        opacity: 0.55;
+        opacity: 1;
         flex-shrink: 0;
     }
     .tt-house-planets {