diff --git a/style.css b/style.css
index 0c7be39..5170ea9 100644
--- a/style.css
+++ b/style.css
@@ -702,7 +702,7 @@ button.hud-icon-btn:hover {
     background: transparent;
     box-sizing: border-box;
     justify-content: space-between;
-    align-items: center;         /* vertically centered — taller buttons को room दें */
+    align-items: flex-end;         /* vertically centered — taller buttons को room दें */
     flex: 1;                     /* available vertical space use करें */
     z-index: 10;
     pointer-events: none;
@@ -714,7 +714,7 @@ button.hud-icon-btn:hover {
 /* ── Clusters ── */
 .touch-cluster {
     display: flex;
-    align-items: center;        /* vertically centered */
+    align-items: flex-end;        /* vertically centered */
     gap: 8px;
     flex: 1;                    /* तीनों clusters बराबर space लें */
     pointer-events: none;
@@ -792,31 +792,29 @@ button.hud-icon-btn:hover {
         inset 0 0 8px rgba(255, 166, 0, 0.04);
     user-select: none;
     -webkit-user-select: none;
+    aspect-ratio: 1 / 1;
+    flex-shrink: 0;
 }
 
 /* ── Size variants — clamp() से viewport-responsive ── */
 .touch-btn-xl {
     width:  clamp(68px, 18vw, 96px);
-    height: clamp(68px, 18vw, 96px);
     font-size: clamp(24px, 5vw, 32px);
 }
 
 .touch-btn-md {
     width:  clamp(52px, 13vw, 72px);
-    height: clamp(52px, 13vw, 72px);
     font-size: clamp(22px, 4.5vw, 28px);
 }
 
 .touch-btn-sm {
     width:  clamp(46px, 12vw, 64px);
-    height: clamp(46px, 12vw, 64px);
     font-size: clamp(18px, 4vw, 24px);
 }
 
 /* ── Primary action button — ॐ (नाम-जाप) ── */
 .touch-btn-primary {
     width:  clamp(82px, 22vw, 110px);
-    height: clamp(82px, 22vw, 110px);
     font-size: clamp(30px, 6.5vw, 40px);
     font-family: 'Noto Sans Devanagari', sans-serif;
     background: rgba(255, 215, 0, 0.13);