@@ Line 115: / Line 115: @@
 /* ----------------------------------------------------------------------------
     HEADER (ICON + TITLE + NOTES + DESCRIPTION)
+   - Skill icon shrunk ~25%
+   - Description ~50% larger + uses full width (no early wrap)
 ---------------------------------------------------------------------------- */
 .sv-skill-head {
    display: grid;
-   grid-template-columns: 124px 1fr;
+   grid-template-columns: 92px 1fr; /* was 124px */
-   gap: 14px;
+   gap: 12px;
    align-items: start;
    padding: 2px 0 10px;
@@ Line 126: / Line 128: @@
 .sv-skill-icon {
-   width: 124px;
+   width: 92px;   /* was 124px */
-   height: 124px;
+   height: 92px;  /* was 124px */
-   border-radius: 14px;
+   border-radius: 12px;
    border: 1px solid rgba(255,255,255,0.050);
    background: rgba(255,255,255,0.04);
@@ Line 157: / Line 159: @@
 .sv-skill-desc {
    margin-top: 8px;
-   max-width: 56ch;
-   font-size: 12px;
+   /* Was: max-width: 56ch; font-size: 12px; */
-   line-height: 1.35;
+  max-width: none;
+  width: 100%;
+   font-size: 18px;
+   line-height: 1.30;
    color: rgba(210,224,245,0.86);
    word-wrap: break-word; /* no line-clamp (TemplateStyles-safe) */
@@ Line 324: / Line 330: @@
 /* ----------------------------------------------------------------------------
-    REQUIREMENTS / USERS (GRID, CENTERED BUTTONS)
+    REQUIREMENTS / USERS (COMPACT, CENTERED, SHRINK-TO-FIT)
+   - No full-width bars
+   - Stay side-by-side on mobile; shrink instead of stacking
 ---------------------------------------------------------------------------- */
 .sv-reqrow {
-   margin: 5px 0;
+   margin: 6px 0;
-   display: grid;
+   display: flex;
-   grid-template-columns: 1fr 1fr;
+   justify-content: center;
-   gap: 5px;
+  align-items: center;
+   gap: 10px;
+}
+.sv-reqrow > * {
+  flex: 1 1 0;
+  max-width: 280px; /* about ~half feel */
+  min-width: 0;     /* allow shrink without overflow */
+}
+.sv-reqrow > *:only-child {
+  flex: 0 1 560px;
+  max-width: 560px;
 }
-.sv-reqrow > *:only-child { grid-column: 1 / -1; }
 .sv-disclose { position: relative; }
@@ Line 373: / Line 392: @@
 /* ----------------------------------------------------------------------------
-    LEVEL SELECTOR (TemplateStyles-safe: CUSTOM slider; no range vendor pseudos)
+    LEVEL + SCALING + CORE (ONE GROUPED BUBBLE)
+   - Remove separate “cards” feeling by fusing borders/radii and killing gaps
+   - Level bar flush (no extra tray); Level label slightly bigger
+   - Slightly de-emphasize top values (less bold / a touch smaller)
 ---------------------------------------------------------------------------- */
-.sv-skill-level { padding: 8px 10px; }
+/* Make the whole block start here, then fuse the following panels */
+.sv-skill-level {
+  margin-top: 10px;               /* spacing from req row */
+  padding: 6px 10px 6px;          /* tighter */
+  border-radius: 12px 12px 0 0;
+  border-bottom: 0;
+}
+/* Remove the extra gaps between fused rows */
+.sv-skill-scaling { margin-top: 0; }
+.sv-skill-core { margin-top: 0; }
+/* Middle fused row: no outer rounding, no top/bottom borders (seams) */
+.sv-scaling-row {
+  border-radius: 0;
+  border-top: 0;
+  border-bottom: 0;
+}
+/* Bottom fused row: only bottom rounding, no top border seam */
+.sv-core-row {
+  border-radius: 0 0 12px 12px;
+  border-top: 0;
+}
+/* Level UI tightening */
 .sv-level-ui {
    width: 100%;
    display: flex;
    flex-direction: column;
-   gap: 6px;
+   gap: 4px;          /* was 6px */
    align-items: center;
 }
@@ Line 391: / Line 437: @@
    font-weight: 800;
    opacity: 0.95;
-   font-size: 12px;
+   font-size: 14px;   /* was 12px */
-   white-space: nowrap; /* keep "Level X / Y" on one line */
+   white-space: nowrap;
 }
@@ Line 414: / Line 460: @@
 }
-/* Custom slider shell */
+/* Custom slider shell: visually flush (no extra tray) */
 .sv-level-range--custom {
-   display: block;            /* critical if this is emitted as a <span> */
+   display: block;
    position: relative;
-   width: 100%;               /* do NOT shrink */
+   width: 100%;
-   max-width: 560px;          /* matches the mockup feel inside 600px card */
+   max-width: 560px;
    margin: 0 auto;
-   height: 26px;
+   height: 22px;                 /* was 26px */
    border-radius: 999px;
-   border: 1px solid rgba(255,255,255,0.050);
-   background: rgba(0,0,0,0.12);
+   border: 0;                    /* was 1px */
+   background: transparent;      /* was rgba tray */
    cursor: pointer;
 }
-/* Track with ticks baked in (replaces ::-webkit-slider-* styling) */
+/* Track with ticks baked in */
 .sv-level-track {
    position: absolute;
-   left: 10px;
+   left: 0;                      /* was 10px */
-   right: 10px;
+   right: 0;                     /* was 10px */
    top: 50%;
    margin-top: -5px;
@@ Line 481: / Line 529: @@
    padding: 0 2px;
-   width: 100%;               /* do NOT shrink */
+   width: 100%;
-   max-width: 560px;          /* align with slider width */
+   max-width: 560px;
    margin-left: auto;
    margin-right: auto;
@@ Line 495: / Line 543: @@
 /* ----------------------------------------------------------------------------
     SKILL SCALING (DESKTOP/TABLET: 3 COL)
+   - Slightly de-emphasize top values
 ---------------------------------------------------------------------------- */
-.sv-skill-scaling { margin-top: 10px; }
+.sv-skill-scaling { }
 .sv-scaling-row { overflow: hidden; }
@@ Line 515: / Line 564: @@
 .sv-scaling-value {
-   font-weight: 900;
+   font-weight: 800;   /* was 900 */
-   font-size: 16px;
+   font-size: 15px;    /* was 16px */
    line-height: 1.05;
    color: rgba(235,244,255,0.92);
@@ Line 545: / Line 594: @@
 /* ----------------------------------------------------------------------------
     CORE STATS (DESKTOP/TABLET: 6 COL STRIP)
+   - Slightly de-emphasize top values
 ---------------------------------------------------------------------------- */
-.sv-skill-core { margin-top: 10px; }
+.sv-skill-core { }
 .sv-core-row { overflow: hidden; }
@@ Line 573: / Line 623: @@
 .sv-core-num {
-   font-weight: 900;
+   font-weight: 800;  /* was 900 */
-   font-size: 16px;
+   font-size: 15px;   /* was 16px */
    line-height: 1.05;
    color: rgba(235,244,255,0.92);
@@ Line 651: / Line 701: @@
 .sv-tabpanel[data-active="1"] { display: block; }
-/* Keyword pills */
+/* ----------------------------------------------------------------------------
+   KEYWORDS TAB (use Mechanics-style bubbles + 3-column layout)
+   - Keywords as large as scaling values
+---------------------------------------------------------------------------- */
 .sv-tab-pills {
-   display: flex;
+   display: grid; /* was flex */
-   flex-wrap: wrap;
+   grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    justify-content: center;
@@ Line 660: / Line 714: @@
 .sv-pill {
-   display: inline-block;
+   display: flex;
-   padding: 6px 10px;
+  align-items: center;
-   border-radius: 999px;
+  justify-content: center;
+  gap: 8px;
+   padding: 6px 8px; /* slightly tighter */
+   border-radius: 12px; /* was 999px */
    border: 1px solid rgba(255,255,255,0.050);
    background: rgba(255,255,255,0.03);
    color: rgba(235,244,255,0.92);
    font-weight: 800;
-   font-size: 12px;
+   font-size: 15px;  /* match scaling value feel */
    line-height: 1.05;
-   white-space: nowrap;
+  text-align: center;
+   white-space: normal; /* allow wrap inside tile */
+  word-wrap: break-word;
 }
-/* Mechanics/Keywords grid */
+/* ----------------------------------------------------------------------------
+   MECHANICS GRID (value-on-top like Core) + ~20% shorter tiles
+   - Also used by Keywords grid if/when Lua emits it
+---------------------------------------------------------------------------- */
 .sv-kw-root { display: grid; gap: 10px; }
@@ Line 685: / Line 751: @@
    border: 1px solid rgba(255,255,255,0.050);
    background: rgba(255,255,255,0.03);
-   padding: 8px 8px 7px;
+  /* ~20% shorter vertically */
+   padding: 6px 8px 6px; /* was 8px 8px 7px */
    min-width: 0;
+  /* Allow re-order to value-first */
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  gap: 4px;
 }
+/* Label becomes the bottom line (Core-like) */
 .sv-kw-label {
+  order: 2;
    font-weight: 800;
    font-size: 12px;
-   letter-spacing: 0.08em;
+   letter-spacing: 0.06em; /* closer to Core */
    text-transform: uppercase;
    color: rgba(255,255,255,0.62);
    text-align: center;
    line-height: 1.05;
    white-space: nowrap;
    overflow: hidden;
 }
+/* Value becomes the top line (Core-like) */
 .sv-kw-value {
-   margin-top: 6px;
+  order: 1;
-   font-weight: 900;
-   font-size: 12px;
+   margin-top: 0;      /* was 6px */
+   font-weight: 800;   /* was 900 */
+   font-size: 15px;    /* match Core/Scaling top values */
+  line-height: 1.05;
    color: rgba(235,244,255,0.92);
    text-align: center;
@@ Line 829: / Line 912: @@
      padding: 10px 12px 12px;
      border-radius: 0 0 20px 20px;
+  }
+  /* Header icon shrinks slightly for tablet */
+  .sv-skill-head {
+    grid-template-columns: 84px 1fr;
+    gap: 12px;
+  }
+  .sv-skill-icon {
+    width: 84px;
+    height: 84px;
+    border-radius: 12px;
+  }
+  .sv-skill-desc {
+    font-size: 17px;
    }
@@ Line 845: / Line 942: @@
    .sv-tab { padding: 8px 6px; }
    .sv-tabs-panels { padding: 9px 9px 10px; }
-  .sv-pill { padding: 5px 9px; }
-  .sv-kw-grid { gap: 7px; }
-  .sv-kw-cell { padding: 7px 7px 6px; }
    /* Keep level slider full-width even on tablet */
@@ Line 861: / Line 953: @@
 @media (max-width: 520px) {
    .sv-skill-head {
-     grid-template-columns: 92px 1fr;
+     grid-template-columns: 76px 1fr;
-     gap: 12px;
+     gap: 10px;
    }
    .sv-skill-icon {
-     width: 92px;
+     width: 76px;
-     height: 92px;
+     height: 76px;
      border-radius: 12px;
+  }
+  .sv-skill-desc {
+    font-size: 16px;
+    line-height: 1.28;
    }
@@ Line 880: / Line 977: @@
    }
-   /* Requirements / Users stack */
+   /* Requirements / Users: stay inline, just shrink */
-   .sv-reqrow { grid-template-columns: 1fr; }
+   .sv-reqrow { gap: 8px; }
+  .sv-reqrow > * { max-width: 240px; }
    /* Disclose pop aligns right on mobile */
@@ Line 928: / Line 1,026: @@
    /* Mechanics grid becomes 2-col */
    .sv-kw-grid { grid-template-columns: repeat(2, 1fr); }
+  /* Keywords grid follows mechanics on mobile */
+  .sv-tab-pills { grid-template-columns: repeat(2, 1fr); }
+  .sv-pill { font-size: 14px; }
    /* Effects/Events become 1-col */