First PC sheet, WIP

css/fvtt-prism-rpg.css

@@ -132,16 +132,51 @@ i.prismrpg {
   font-family: var(--font-primary);
   font-size: calc(var(--font-size-standard) * 1);
   color: var(--color-dark-1);
-  background-image: var(--background-image-base);
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
   background-repeat: no-repeat;
-  background-size: 100% 100%;
   overflow: scroll;
 }
+.prismrpg .character-content nav.tabs {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 2px 0;
+}
 .prismrpg .character-content nav.tabs [data-tab] {
   color: #636060;
+  font-size: calc(var(--font-size-standard) * 1.1);
+  font-family: var(--font-secondary);
+  font-weight: bold;
+  padding: 3px 16px;
+  background-color: rgba(255, 255, 255, 0.3);
+  border-radius: 4px;
+  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
+  transition: all 0.2s ease;
+  cursor: pointer;
+  border: 2px solid transparent;
+}
+.prismrpg .character-content nav.tabs [data-tab]:hover {
+  background-color: rgba(255, 255, 255, 0.7);
+  color: #1a1a1a;
+  transform: translateY(-2px);
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+  border-color: rgba(107, 107, 107, 0.3);
 }
 .prismrpg .character-content nav.tabs [data-tab].active {
-  color: #252424;
+  color: #000000;
+  background-color: rgba(255, 255, 255, 0.85);
+  text-shadow: 1px 1px 3px #ffffff;
+  border: 2px solid #6b6b6b;
+  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
+}
+.prismrpg .character-content nav.tabs [data-tab].active:hover {
+  background-color: rgba(255, 255, 255, 0.95);
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
+  transform: translateY(-2px);
+  border-color: #4a4a4a;
 }
 .prismrpg .character-content input:disabled,
 .prismrpg .character-content select:disabled {
@@ -387,6 +422,14 @@ i.prismrpg {
 .prismrpg .character-main .character-characteristic-edit {
   min-width: 160px;
 }
+.prismrpg .tab.character-biography .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
+}
 .prismrpg .tab.character-biography .main-div .biodata {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
@@ -412,6 +455,12 @@ i.prismrpg {
   min-height: 150px;
 }
 .prismrpg .tab.character-skills .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
   display: grid;
   grid-template-columns: 1fr;
 }
@@ -421,56 +470,184 @@ i.prismrpg {
 }
 .prismrpg .tab.character-skills .main-div .skills {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
-  gap: 4px;
+  gap: 6px;
 }
 .prismrpg .tab.character-skills .main-div .skills .skill {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 8px;
+  padding: 6px 10px;
+  background: rgba(255, 255, 255, 0.3);
+  border: 2px solid #6b6b6b;
+  border-radius: 6px;
+  transition: all 0.2s;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill:hover {
+  background: rgba(255, 255, 255, 0.5);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+}
+.prismrpg .tab.character-skills .main-div .skills .skill.is-core-skill {
+  background: rgba(255, 235, 180, 0.4);
+  border-color: #d4a017;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill.is-core-skill:hover {
+  background: rgba(255, 235, 180, 0.6);
 }
 .prismrpg .tab.character-skills .main-div .skills .skill .item-img {
-  width: 24px;
+  width: 32px;
-  height: 24px;
+  height: 32px;
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+  object-fit: cover;
+  flex-shrink: 0;
 }
 .prismrpg .tab.character-skills .main-div .skills .skill .name {
-  min-width: 12rem;
+  flex: 1;
+  min-width: 0;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill .name a {
+  font-family: "Cinzel", serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #2c2c2c;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill .name a i {
+  margin-right: 6px;
+  color: #6b6b6b;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill .name a:hover {
+  color: #000;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill .score {
+  font-family: "Cinzel", serif;
+  font-size: 16px;
+  font-weight: bold;
+  color: #2c2c2c;
+  min-width: 50px;
+  text-align: center;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill .score .advanced-icon {
+  color: #d4a017;
+  font-size: 18px;
+  margin-left: 4px;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill .controls {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill .controls a {
+  color: #6b6b6b;
+  font-size: 14px;
+  transition: color 0.2s;
+}
+.prismrpg .tab.character-skills .main-div .skills .skill .controls a:hover {
+  color: #2c2c2c;
 }
 .prismrpg .tab.character-skills .main-div .racial-abilities {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
-  gap: 4px;
+  gap: 6px;
 }
 .prismrpg .tab.character-skills .main-div .racial-abilities .racial-ability {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 8px;
+  padding: 6px 10px;
+  background: rgba(200, 255, 200, 0.2);
+  border: 2px solid #6b9b6b;
+  border-radius: 6px;
+  transition: all 0.2s;
+}
+.prismrpg .tab.character-skills .main-div .racial-abilities .racial-ability:hover {
+  background: rgba(200, 255, 200, 0.4);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 }
 .prismrpg .tab.character-skills .main-div .racial-abilities .racial-ability .item-img {
-  width: 24px;
+  width: 32px;
-  height: 24px;
+  height: 32px;
+  border: 2px solid #6b9b6b;
+  border-radius: 4px;
+  object-fit: cover;
+  flex-shrink: 0;
 }
 .prismrpg .tab.character-skills .main-div .racial-abilities .racial-ability .name {
-  min-width: 12rem;
+  flex: 1;
+  min-width: 0;
+  font-family: "Cinzel", serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #2c2c2c;
+}
+.prismrpg .tab.character-skills .main-div .racial-abilities .racial-ability .controls {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.prismrpg .tab.character-skills .main-div .racial-abilities .racial-ability .controls a {
+  color: #6b9b6b;
+  font-size: 14px;
+  transition: color 0.2s;
+}
+.prismrpg .tab.character-skills .main-div .racial-abilities .racial-ability .controls a:hover {
+  color: #3c6b3c;
 }
 .prismrpg .tab.character-skills .main-div .vulnerabilities {
   display: grid;
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
-  gap: 4px;
+  gap: 6px;
 }
 .prismrpg .tab.character-skills .main-div .vulnerabilities .vulnerability {
   display: flex;
   align-items: center;
-  gap: 4px;
+  gap: 8px;
+  padding: 6px 10px;
+  background: rgba(255, 200, 200, 0.2);
+  border: 2px solid #9b6b6b;
+  border-radius: 6px;
+  transition: all 0.2s;
+}
+.prismrpg .tab.character-skills .main-div .vulnerabilities .vulnerability:hover {
+  background: rgba(255, 200, 200, 0.4);
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 }
 .prismrpg .tab.character-skills .main-div .vulnerabilities .vulnerability .item-img {
-  width: 24px;
+  width: 32px;
-  height: 24px;
+  height: 32px;
+  border: 2px solid #9b6b6b;
+  border-radius: 4px;
+  object-fit: cover;
+  flex-shrink: 0;
 }
 .prismrpg .tab.character-skills .main-div .vulnerabilities .vulnerability .name {
-  min-width: 12rem;
+  flex: 1;
+  min-width: 0;
+  font-family: "Cinzel", serif;
+  font-size: 14px;
+  font-weight: 600;
+  color: #2c2c2c;
+}
+.prismrpg .tab.character-skills .main-div .vulnerabilities .vulnerability .controls {
+  display: flex;
+  gap: 8px;
+  flex-shrink: 0;
+}
+.prismrpg .tab.character-skills .main-div .vulnerabilities .vulnerability .controls a {
+  color: #9b6b6b;
+  font-size: 14px;
+  transition: color 0.2s;
+}
+.prismrpg .tab.character-skills .main-div .vulnerabilities .vulnerability .controls a:hover {
+  color: #6b3c3c;
 }
 .prismrpg .tab.character-equipment .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
   display: grid;
   grid-template-columns: 1fr;
 }
@@ -505,6 +682,12 @@ i.prismrpg {
   min-width: 12rem;
 }
 .prismrpg .tab.character-combat .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
   display: grid;
   grid-template-columns: 1fr;
 }
@@ -649,6 +832,12 @@ i.prismrpg {
   min-width: 12rem;
 }
 .prismrpg .tab.character-spells .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
   display: grid;
   grid-template-columns: 1fr;
 }
@@ -704,6 +893,12 @@ i.prismrpg {
   min-height: 150px;
 }
 .prismrpg .tab.character-miracles .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
   display: grid;
   grid-template-columns: 1fr;
 }
@@ -756,6 +951,520 @@ i.prismrpg {
 .prismrpg .tab.character-miracles .main-div prose-mirror.active {
   min-height: 150px;
 }
+.prismrpg .character-main-v2 {
+  font-family: var(--font-primary);
+  font-size: calc(var(--font-size-standard) * 1);
+  color: var(--color-dark-1);
+  background-image: var(--background-image-base);
+  background-repeat: no-repeat;
+  background-size: 100% 100%;
+  padding: 0;
+  margin: 0;
+}
+.prismrpg .character-main-v2 nav.tabs [data-tab] {
+  color: #636060;
+}
+.prismrpg .character-main-v2 nav.tabs [data-tab].active {
+  color: #252424;
+}
+.prismrpg .character-main-v2 input:disabled,
+.prismrpg .character-main-v2 select:disabled {
+  background-color: rgba(0, 0, 0, 0.2);
+  border-color: transparent;
+  color: var(--color-dark-3);
+}
+.prismrpg .character-main-v2 input,
+.prismrpg .character-main-v2 select {
+  height: 1.5rem;
+  background-color: rgba(0, 0, 0, 0.1);
+  border-color: var(--color-dark-6);
+  color: var(--color-dark-2);
+}
+.prismrpg .character-main-v2 input[name="name"] {
+  height: 2.5rem;
+  margin-right: 4px;
+  font-family: var(--font-secondary);
+  font-size: calc(var(--font-size-standard) * 1.2);
+  font-weight: bold;
+  border: none;
+}
+.prismrpg .character-main-v2 fieldset {
+  margin-bottom: 4px;
+  border-radius: 4px;
+}
+.prismrpg .character-main-v2 .form-fields input,
+.prismrpg .character-main-v2 .form-fields select {
+  text-align: center;
+  font-size: calc(var(--font-size-standard) * 1);
+}
+.prismrpg .character-main-v2 .form-fields select {
+  font-family: var(--font-secondary);
+  font-size: calc(var(--font-size-standard) * 1);
+}
+.prismrpg .character-main-v2 legend {
+  font-family: var(--font-secondary);
+  font-size: calc(var(--font-size-standard) * 1.2);
+  font-weight: bold;
+  letter-spacing: 1px;
+}
+.prismrpg .character-main-v2 .character-sheet-wrapper {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  padding: 2px 4px;
+  min-height: auto;
+}
+.prismrpg .character-main-v2 .character-header {
+  position: relative;
+  margin-bottom: 3px;
+}
+.prismrpg .character-main-v2 .character-header .character-name-banner {
+  background-image: url("../assets/sheet/banner-bg.png");
+  background-size: contain;
+  background-repeat: no-repeat;
+  background-position: center;
+  height: 42px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.prismrpg .character-main-v2 .character-header .character-name-banner input {
+  background: transparent;
+  border: none;
+  text-align: center;
+  font-family: "Cinzel", serif;
+  font-size: 20px;
+  font-weight: bold;
+  color: #2c2c2c;
+  width: 500px;
+  text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
+  padding: 2px 0;
+}
+.prismrpg .character-main-v2 .character-header .character-toggle-controls {
+  position: absolute;
+  top: 6px;
+  right: 10px;
+}
+.prismrpg .character-main-v2 .character-main-grid {
+  display: grid;
+  grid-template-columns: 1fr 300px;
+  gap: 12px;
+  align-items: start;
+}
+.prismrpg .character-main-v2 .character-left-column {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+  align-items: flex-start;
+}
+.prismrpg .character-main-v2 .character-left-column .portrait-hp-column {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  width: 200px;
+  flex-shrink: 0;
+}
+.prismrpg .character-main-v2 .character-left-column .character-portrait {
+  width: 200px;
+  height: 200px;
+  border: 3px solid #6b6b6b;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #d4d4d4;
+}
+.prismrpg .character-main-v2 .character-left-column .character-portrait img {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+}
+.prismrpg .character-main-v2 .character-left-column .hp-shields-section {
+  width: 200px;
+}
+.prismrpg .character-main-v2 .character-left-column .hp-shields-section .hp-shields {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+}
+.prismrpg .character-main-v2 .character-left-column .hp-shields-section .hp-shields .hp-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+}
+.prismrpg .character-main-v2 .character-left-column .hp-shields-section .hp-shields .hp-item .hp-label {
+  font-family: "Cinzel", serif;
+  font-size: 12px;
+  font-weight: bold;
+  color: #2c2c2c;
+  text-transform: uppercase;
+  width: 55px;
+  flex-shrink: 0;
+}
+.prismrpg .character-main-v2 .character-left-column .hp-shields-section .hp-shields .hp-item .hp-value input {
+  width: 40px;
+  height: 28px;
+  text-align: center;
+  font-size: 14px;
+  font-weight: bold;
+  background: rgba(255, 255, 255, 0.9);
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+}
+.prismrpg .character-main-v2 .character-left-column .hp-shields-section .hp-shields .hp-item .hp-separator {
+  font-family: "Cinzel", serif;
+  font-size: 14px;
+  font-weight: bold;
+  color: #2c2c2c;
+}
+.prismrpg .character-main-v2 .character-left-column .hp-shields-section .hp-shields .hp-item .hp-max input {
+  width: 40px;
+  height: 28px;
+  text-align: center;
+  font-size: 14px;
+  font-weight: bold;
+  background: rgba(200, 220, 255, 0.5);
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  flex: 1;
+  min-width: 0;
+  max-width: 280px;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield {
+  position: relative;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 8px;
+  padding: 6px 12px;
+  background: rgba(255, 255, 255, 0.3);
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+  height: auto;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-label {
+  font-family: "Cinzel", serif;
+  font-size: 11px;
+  font-weight: bold;
+  color: #2c2c2c;
+  text-transform: uppercase;
+  margin: 0;
+  min-width: 40px;
+  display: flex;
+  align-items: center;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-label a.rollable {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  color: #2c2c2c;
+  text-decoration: none;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-label a.rollable i {
+  font-size: 12px;
+  color: #6b6b6b;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-label a.rollable:hover {
+  color: #000;
+  text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-label a.rollable:hover i {
+  color: #2c2c2c;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-value {
+  display: flex;
+  align-items: center;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-value input {
+  width: 45px;
+  height: 32px;
+  text-align: center;
+  font-size: 16px;
+  font-weight: bold;
+  background: rgba(255, 255, 255, 0.9);
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-save {
+  margin-left: auto;
+  display: flex;
+  align-items: center;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-save a.save-rollable {
+  display: contents;
+  cursor: pointer;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-save a.save-rollable i {
+  margin-right: 6px;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-save a.save-rollable:hover input {
+  background: rgba(200, 220, 255, 0.8);
+  border-color: #4a4a4a;
+}
+.prismrpg .character-main-v2 .character-left-column .character-attributes .attribute-shield .attribute-save input {
+  width: 45px;
+  height: 32px;
+  text-align: center;
+  font-size: 14px;
+  font-weight: bold;
+  background: rgba(200, 220, 255, 0.5);
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+  color: #2c2c2c;
+  cursor: pointer;
+  transition: all 0.2s;
+}
+.prismrpg .character-main-v2 .character-right-column {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+.prismrpg .character-main-v2 .character-right-column .section-title {
+  font-family: "Cinzel", serif;
+  font-size: 14px;
+  font-weight: bold;
+  color: #2c2c2c;
+  text-transform: uppercase;
+  margin-bottom: 8px;
+  padding: 5px 10px;
+  background: rgba(255, 255, 255, 0.6);
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+  text-align: center;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box {
+  padding: 6px;
+  background: rgba(255, 255, 255, 0.5);
+  border: 2px solid #6b6b6b;
+  border-radius: 6px;
+  min-height: 50px;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .race-label {
+  font-family: "Cinzel", serif;
+  font-size: 10px;
+  color: #6b6b6b;
+  text-align: center;
+  margin-bottom: 3px;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .section-title {
+  font-family: "Cinzel", serif;
+  font-size: 11px;
+  font-weight: bold;
+  color: #2c2c2c;
+  text-transform: uppercase;
+  margin: 0 0 4px 0;
+  padding: 3px;
+  background: rgba(255, 255, 255, 0.6);
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+  text-align: center;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .race-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .race-item .item-img {
+  width: 30px;
+  height: 30px;
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+  object-fit: cover;
+  cursor: pointer;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .race-item .race-name {
+  flex: 1;
+  font-family: "Cinzel", serif;
+  font-size: 12px;
+  font-weight: bold;
+  color: #2c2c2c;
+  text-align: center;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .race-item .controls {
+  display: flex;
+  gap: 6px;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .race-item .controls a {
+  color: #6b6b6b;
+  cursor: pointer;
+  transition: color 0.2s;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .race-item .controls a:hover {
+  color: #2c2c2c;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .race-item .controls a i {
+  font-size: 14px;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box .no-race {
+  text-align: center;
+  font-family: "Crimson Text", serif;
+  font-size: 11px;
+  color: #6b6b6b;
+  font-style: italic;
+  padding: 5px;
+}
+.prismrpg .character-main-v2 .character-right-column .race-section .race-box input {
+  width: 100%;
+  background: transparent;
+  border: none;
+  font-family: "Cinzel", serif;
+  font-size: 14px;
+  text-align: center;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box {
+  padding: 6px;
+  background: rgba(255, 255, 255, 0.5);
+  border: 2px solid #6b6b6b;
+  border-radius: 6px;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-label {
+  font-family: "Cinzel", serif;
+  font-size: 10px;
+  color: #6b6b6b;
+  text-align: center;
+  margin-bottom: 3px;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-content .class-item {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-content .class-item .item-img {
+  width: 28px;
+  height: 28px;
+  border: 2px solid #6b6b6b;
+  border-radius: 4px;
+  object-fit: cover;
+  cursor: pointer;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-content .class-item .class-name {
+  flex: 1;
+  font-family: "Cinzel", serif;
+  font-size: 11px;
+  font-weight: bold;
+  color: #2c2c2c;
+  text-align: center;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-content .class-item .controls {
+  display: flex;
+  gap: 6px;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-content .class-item .controls a {
+  color: #6b6b6b;
+  cursor: pointer;
+  transition: color 0.2s;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-content .class-item .controls a:hover {
+  color: #2c2c2c;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-content .class-item .controls a i {
+  font-size: 12px;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-content .no-class {
+  text-align: center;
+  font-family: "Crimson Text", serif;
+  font-size: 11px;
+  color: #6b6b6b;
+  font-style: italic;
+  padding: 5px;
+}
+.prismrpg .character-main-v2 .character-right-column .classes-section .class-box .class-input input {
+  width: 100%;
+  background: transparent;
+  border: none;
+  font-family: "Cinzel", serif;
+  font-size: 14px;
+  text-align: center;
+}
+.prismrpg .character-main-v2 .character-right-column .origin-section .origin-box {
+  padding: 15px;
+  background: rgba(255, 255, 255, 0.5);
+  border: 3px solid #6b6b6b;
+  border-radius: 8px;
+  min-height: 350px;
+}
+.prismrpg .character-main-v2 .character-right-column .origin-section .origin-box textarea {
+  width: 100%;
+  min-height: 320px;
+  background: transparent;
+  border: none;
+  font-family: "Crimson Text", serif;
+  font-size: 13px;
+  line-height: 1.6;
+  resize: vertical;
+}
+.prismrpg .character-subattributes.tab .subattributes-content {
+  padding: 1rem;
+}
+.prismrpg .character-subattributes.tab .subattributes-content .subattributes-list {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 0.5rem;
+}
+.prismrpg .character-subattributes.tab .subattributes-content .subattribute-item {
+  background: rgba(0, 0, 0, 0.1);
+  border: 1px solid var(--color-border-dark-secondary);
+  border-radius: 4px;
+  padding: 0.4rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 0.15rem;
+  text-align: center;
+  cursor: pointer;
+  text-decoration: none;
+}
+.prismrpg .character-subattributes.tab .subattributes-content .subattribute-item .subattribute-header {
+  display: flex;
+  align-items: center;
+  gap: 0.3rem;
+}
+.prismrpg .character-subattributes.tab .subattributes-content .subattribute-item .subattribute-header i.fa-dice-d20 {
+  font-size: 1em;
+  color: var(--color-text-dark-primary);
+  opacity: 0.7;
+}
+.prismrpg .character-subattributes.tab .subattributes-content .subattribute-item:hover {
+  background: rgba(0, 0, 0, 0.2);
+  border-color: var(--color-text-light-primary);
+  transform: translateY(-1px);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+}
+.prismrpg .character-subattributes.tab .subattributes-content .subattribute-item:hover .subattribute-header i.fa-dice-d20 {
+  opacity: 1;
+  color: var(--color-text-dark-primary);
+}
+.prismrpg .character-subattributes.tab .subattributes-content .subattribute-item .subattribute-name {
+  font-weight: bold;
+  font-size: 0.75em;
+  color: var(--color-text-dark-primary);
+  line-height: 1.2;
+}
+.prismrpg .character-subattributes.tab .subattributes-content .subattribute-item .subattribute-value {
+  font-size: 1em;
+  font-weight: bold;
+  color: var(--color-text-dark-primary);
+  min-width: 2em;
+  padding: 0.15rem 0.3rem;
+  background: rgba(255, 255, 255, 0.1);
+  border-radius: 3px;
+}
+@media (max-width: 768px) {
+  .prismrpg .character-subattributes.tab .subattributes-content .subattributes-list {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
 .prismrpg .monster-content {
   font-family: var(--font-primary);
   font-size: calc(var(--font-size-standard) * 1);

lang/en.json

@@ -78,6 +78,66 @@
       "cha": {
         "label": "Charisma"
       },
+      "prowess": {
+        "label": "Prowess",
+        "description": "Physical power and combat capability (STR+DEX)"
+      },
+      "vigor": {
+        "label": "Vigor",
+        "description": "Endurance and physical resilience (STR+CON)"
+      },
+      "competence": {
+        "label": "Competence",
+        "description": "Practical application of knowledge (STR+INT)"
+      },
+      "authority": {
+        "label": "Authority",
+        "description": "Command and leadership presence (STR+WIS)"
+      },
+      "presence": {
+        "label": "Presence",
+        "description": "Physical charisma and intimidation (STR+CHA)"
+      },
+      "stamina": {
+        "label": "Stamina",
+        "description": "Athletic endurance (DEX+CON)"
+      },
+      "initiative": {
+        "label": "Initiative",
+        "description": "Reaction speed and alertness (DEX+INT)"
+      },
+      "wit": {
+        "label": "Wit",
+        "description": "Mental agility and cleverness (DEX+WIS)"
+      },
+      "grace": {
+        "label": "Grace",
+        "description": "Social finesse and charm (DEX+CHA)"
+      },
+      "tenacity": {
+        "label": "Tenacity",
+        "description": "Mental and physical toughness (CON+INT)"
+      },
+      "willpower": {
+        "label": "Willpower",
+        "description": "Inner strength and determination (CON+WIS)"
+      },
+      "resilience": {
+        "label": "Resilience",
+        "description": "Ability to endure hardship (CON+CHA)"
+      },
+      "cunning": {
+        "label": "Cunning",
+        "description": "Strategic thinking (INT+WIS)"
+      },
+      "guile": {
+        "label": "Guile",
+        "description": "Deceptive intellect (INT+CHA)"
+      },
+      "sovereignty": {
+        "label": "Sovereignty",
+        "description": "Diplomatic wisdom and influence (WIS+CHA)"
+      },
       "FIELDS": {
         "moneys": {
           "tinbit": {
@@ -454,6 +514,8 @@
       "skill": "Skill",
       "skillBonus": "Skill bonus",
       "skills": "Skills",
+      "sub-attribute": "Sub-Attribute",
+      "subattributes": "Sub-Attributes",
       "spells": "Spells",
       "str": "STR",
       "titleChallenge": "Challenge",
@@ -738,12 +800,17 @@
       "coreSkills": "List of all 18 available Core Skills in Prism RPG",
       "advancedChecks": "Advanced checks are only available for your Core Skill",
       "addEquipment": "New equipment",
-      "addSpell": "New spells",
+      "addSpell": "Add new spell",
+      "addMiracle": "Add new miracle",
       "skill": "Skills list",
+      "skills": "Skills - Your character's skills and abilities",
       "racialAbilities": "Racial Abilities from your character's race and sub-race"
     },
+    "RollSavingThrow": "Roll Saving Throw",
     "Message": {
-      "selectCoreSkill": "You must select a Core Skill for your character. Each character chooses one Core Skill at creation."
+      "selectCoreSkill": "You must select a Core Skill for your character. Each character chooses one Core Skill at creation.",
+      "dropRace": "Drag and drop a Race item here",
+      "dropClass": "Drag and drop a Class item here"
     },
     "Miracle": {
       "FIELDS": {
@@ -842,7 +909,7 @@
       "save": "Save roll {save}",
       "success": "Success",
       "visibility": "Visibility",
-      "favorDisfavor": "Favor/Disfavor"
+      "advantageDisadvantage": "Advantage/Disadvantage"
     },
     "Save": {
       "FIELDS": {

module/applications/sheets/character-sheet.mjs

@@ -1,12 +1,13 @@
 import PrismRPGActorSheet from "./base-actor-sheet.mjs"
 import PrismRPGRoll from "../../documents/roll.mjs"
+import { SYSTEM } from "../../config/system.mjs"
 
 export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
   /** @override */
   static DEFAULT_OPTIONS = {
     classes: ["character"],
     position: {
-      width: 972,
+      width: 780,
       height: 780,
     },
     window: {
@@ -14,14 +15,9 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
     },
     actions: {
       createEquipment: PrismRPGCharacterSheet.#onCreateEquipment,
-      rangedAttackDefense: PrismRPGCharacterSheet.#onRangedAttackDefense,
       rollInitiative: PrismRPGCharacterSheet.#onRollInitiative,
       armorHitPointsPlus: PrismRPGCharacterSheet.#onArmorHitPointsPlus,
       armorHitPointsMinus: PrismRPGCharacterSheet.#onArmorHitPointsMinus,
-      divinityPointsPlus: PrismRPGCharacterSheet.#onDivinityPointsPlus,
-      divinityPointsMinus: PrismRPGCharacterSheet.#onDivinityPointsMinus,
-      aetherPointsPlus: PrismRPGCharacterSheet.#onAetherPointsPlus,
-      aetherPointsMinus: PrismRPGCharacterSheet.#onAetherPointsMinus,
     },
   }
 
@@ -36,6 +32,9 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
     skills: {
       template: "systems/fvtt-prism-rpg/templates/character-skills.hbs",
     },
+    subattributes: {
+      template: "systems/fvtt-prism-rpg/templates/character-subattributes.hbs",
+    },
     combat: {
       template: "systems/fvtt-prism-rpg/templates/character-combat.hbs",
     },
@@ -45,11 +44,6 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
     spells: {
       template: "systems/fvtt-prism-rpg/templates/character-spells.hbs",
     },
-    /* Miracles disabled - Legacy from Lethal Fantasy
-    miracles: {
-      template: "systems/fvtt-prism-rpg/templates/character-miracles.hbs",
-    },
-    */
     biography: {
       template: "systems/fvtt-prism-rpg/templates/character-biography.hbs",
     },
@@ -67,6 +61,7 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
   #getTabs() {
     let tabs = {
       skills: { id: "skills", group: "sheet", icon: "fa-solid fa-shapes", label: "PRISMRPG.Label.skills" },
+      subattributes: { id: "subattributes", group: "sheet", icon: "fa-solid fa-diagram-project", label: "PRISMRPG.Label.subattributes" },
       combat: { id: "combat", group: "sheet", icon: "fa-solid fa-swords", label: "PRISMRPG.Label.combat" },
       equipment: { id: "equipment", group: "sheet", icon: "fa-solid fa-backpack", label: "PRISMRPG.Label.equipment" },
       biography: { id: "biography", group: "sheet", icon: "fa-solid fa-book", label: "PRISMRPG.Label.biography" },
@@ -74,11 +69,6 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
     if (this.actor.system.biodata.magicUser) {
       tabs.spells = { id: "spells", group: "sheet", icon: "fa-sharp-duotone fa-solid fa-wand-magic-sparkles", label: "PRISMRPG.Label.spells" }
     }
-    /* Miracles disabled - Legacy from Lethal Fantasy
-    if (this.actor.system.biodata.clericUser) {
-      tabs.miracles = { id: "miracles", group: "sheet", icon: "fa-sharp-duotone fa-solid fa-hands-praying", label: "PRISMRPG.Label.miracles" }
-    }
-    */
     for (const v of Object.values(tabs)) {
       v.active = this.tabGroups[v.group] === v.id
       v.cssClass = v.active ? "active" : ""
@@ -90,6 +80,7 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
   async _prepareContext() {
     const context = await super._prepareContext()
     context.tabs = this.#getTabs()
+    context.config = SYSTEM
 
     return context
   }
@@ -99,6 +90,14 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
     const doc = this.document
     switch (partId) {
       case "main":
+        context.race = doc.itemTypes.race?.[0] || null
+        const classes = doc.itemTypes.class || []
+        // Create 3 class slots
+        context.classSlots = [
+          classes[0] || null,
+          classes[1] || null,
+          classes[2] || null
+        ]
         break
       case "skills":
         context.tab = context.tabs.skills
@@ -106,18 +105,14 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
         context.racialAbilities = doc.itemTypes["racial-ability"]
         context.vulnerabilities = doc.itemTypes.vulnerability
         break
+      case "subattributes":
+        context.tab = context.tabs.subattributes
+        break
       case "spells":
         context.tab = context.tabs.spells
         context.spells = doc.itemTypes.spell
         context.hasSpells = context.spells.length > 0
         break
-      /* Miracles disabled - Legacy from Lethal Fantasy
-      case "miracles":
-        context.tab = context.tabs.miracles
-        context.miracles = doc.itemTypes.miracle
-        context.hasMiracles = context.miracles.length > 0
-        break
-      */
       case "combat":
         context.tab = context.tabs.combat
         context.weapons = doc.itemTypes.weapon
@@ -155,19 +150,6 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
     }
   }
 
-  static async #onRangedAttackDefense(event, target) {
-    // Future use : const hasTarget = false
-
-    let roll = await PrismRPGRoll.promptRangedDefense({
-      actorId: this.actor.id,
-      actorName: this.actor.name,
-      actorImage: this.actor.img,
-    })
-    if (!roll) return null
-
-    await roll.toMessage({}, { rollMode: roll.options.rollMode })
-  }
-
   static async #onRollInitiative(event, target) {
     await this.document.system.rollInitiative()
   }
@@ -184,34 +166,6 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
     this.actor.update({ "system.combat.armorHitPoints": Math.max(armorHP, 0) })
   }
 
-  static #onDivinityPointsPlus(event, target) {
-    let points = this.actor.system.divinityPoints.value
-    points += 1
-    points = Math.min(points, this.actor.system.divinityPoints.max)
-    this.actor.update({ "system.divinityPoints.value": points })
-  }
-
-  static #onDivinityPointsMinus(event, target) {
-    let points = this.actor.system.divinityPoints.value
-    points -= 1
-    points = Math.max(points, 0)
-    this.actor.update({ "system.divinityPoints.value": points })
-  }
-
-  static #onAetherPointsPlus(event, target) {
-    let points = this.actor.system.aetherPoints.value
-    points += 1
-    points = Math.min(points, this.actor.system.aetherPoints.max)
-    this.actor.update({ "system.aetherPoints.value": points })
-  }
-
-  static #onAetherPointsMinus(event, target) {
-    let points = this.actor.system.aetherPoints.value
-    points -= 1
-    points = Math.max(points, 0)
-    this.actor.update({ "system.aetherPoints.value": points })
-  }
-
   static #onCreateEquipment(event, target) {
   }
 
@@ -252,9 +206,11 @@ export default class PrismRPGCharacterSheet extends PrismRPGActorSheet {
 
   async _onRoll(event, target) {
     if (this.isEditMode) return
-    const rollType = event.target.dataset.rollType
+    // Use closest to find the rollable element in case user clicked on a child
-    let rollKey = event.target.dataset.rollKey;
+    const rollableElement = event.target.closest('.rollable') || event.target
-    let rollDice = event.target.dataset?.rollDice;
+    const rollType = rollableElement.dataset.rollType
+    let rollKey = rollableElement.dataset.rollKey;
+    let rollDice = rollableElement.dataset?.rollDice;
 
     this.actor.prepareRoll(rollType, rollKey, rollDice)
 

module/applications/sheets/monster-sheet.mjs

@@ -162,9 +162,11 @@ export default class PrismRPGMonsterSheet extends PrismRPGActorSheet {
 
   async _onRoll(event, target) {
     if (this.isEditMode) return
-    const rollType = event.target.dataset.rollType
+    // Use closest to find the rollable element in case user clicked on a child
-    let rollKey = event.target.dataset.rollKey
+    const rollableElement = event.target.closest('.rollable') || event.target
-    let rollDice = event.target.dataset?.rollDice || "0"
+    const rollType = rollableElement.dataset.rollType
+    let rollKey = rollableElement.dataset.rollKey
+    let rollDice = rollableElement.dataset?.rollDice || "0"
     this.actor.system.prepareMonsterRoll(rollType, rollKey, rollDice)
   }
 }

module/config/character.mjs

@@ -135,28 +135,28 @@ export const CHALLENGES = Object.freeze({
 })
 
 export const SAVES = Object.freeze({
-  will: {
+  str: {
-    id: "will",
+    id: "str",
-    label: "PRISMRPG.Character.will.label"
+    label: "PRISMRPG.Character.str.label"
   },
-  dodge: {
+  dex: {
-    id: "dodge",
+    id: "dex",
-    label: "PRISMRPG.Character.dodge.label"
+    label: "PRISMRPG.Character.dex.label"
   },
-  toughness: {
+  con: {
-    id: "toughness",
+    id: "con",
-    label: "PRISMRPG.Character.toughness.label"
+    label: "PRISMRPG.Character.con.label"
   },
-  contagion: {
+  int: {
-    id: "contagion",
+    id: "int",
-    label: "PRISMRPG.Character.contagion.label"
+    label: "PRISMRPG.Character.int.label"
   },
-  poison: {
+  wis: {
-    id: "poison",
+    id: "wis",
-    label: "PRISMRPG.Character.poison.label"
+    label: "PRISMRPG.Character.wis.label"
   },
-  pain: {
+  cha: {
-    id: "pain",
+    id: "cha",
-    label: "PRISMRPG.Character.pain.label"
+    label: "PRISMRPG.Character.cha.label"
   }
 })

module/config/system.mjs

@@ -56,10 +56,10 @@ export const MORTAL_CHOICES = {
   "halflings": { label: "Halfling", id: "halflings", defenseBonus: 2 }
 }
 
-export const FAVOR_CHOICES = {
+export const ADVANTAGE_CHOICES = {
   "none": { label: "None", value: "none" },
-  "favor": { label: "Favor", value: "favor" },
+  "advantage": { label: "Advantage", value: "advantage" },
-  "disfavor": { label: "Disfavor", value: "disfavor" }
+  "disadvantage": { label: "Disadvantage", value: "disadvantage" }
 }
 
 export const MOVEMENT_CHOICES = {
@@ -327,7 +327,7 @@ export const SYSTEM = {
   MOVE_DIRECTION_CHOICES,
   SIZE_CHOICES,
   RANGE_CHOICES,
-  FAVOR_CHOICES,
+  ADVANTAGE_CHOICES,
   ATTACKER_AIM_CHOICES,
   MORTAL_CHOICES,
   MIRACLE_TYPES,

module/documents/actor.mjs

@@ -79,17 +79,39 @@ export default class PrismRPGActor extends Actor {
   }
 
   /* *************************************************/
-  async prepareRoll(rollType, rollKey, rollDice ) {
+  async prepareRoll(rollType, rollKey, rollDice) {
     console.log("Preparing roll", rollType, rollKey, rollDice)
     let rollTarget
     switch (rollType) {
+      case "characteristic":
+        if (!this.system.characteristics || !this.system.characteristics[rollKey]) {
+          ui.notifications.error(`Characteristic ${rollKey} not found`)
+          return
+        }
+        rollTarget = {
+          ...foundry.utils.duplicate(this.system.characteristics[rollKey]),
+          rollKey: rollKey,
+          name: game.i18n.localize(`PRISMRPG.Label.${rollKey}`)
+        }
+        break
+      case "sub-attribute":
+        if (!this.system.subAttributes || !this.system.subAttributes[rollKey]) {
+          ui.notifications.error(`Sub-attribute ${rollKey} not found`)
+          return
+        }
+        rollTarget = {
+          ...foundry.utils.duplicate(this.system.subAttributes[rollKey]),
+          rollKey: rollKey,
+          name: game.i18n.localize(SYSTEM.SUB_ATTRIBUTES[rollKey].label)
+        }
+        break
       case "granted":
         rollTarget = {
           name: rollKey,
           formula: foundry.utils.duplicate(this.system.granted[rollKey]),
           rollKey: rollKey
         }
-        if ( rollTarget.formula === "" || rollTarget.formula === undefined) {
+        if (rollTarget.formula === "" || rollTarget.formula === undefined) {
           rollTarget.formula = 0
         }
         break;
@@ -101,6 +123,10 @@ export default class PrismRPGActor extends Actor {
         rollTarget = foundry.utils.duplicate(this.system.saves[rollKey])
         rollTarget.rollKey = rollKey
         rollTarget.rollDice = rollDice
+        // Pass the characteristic value for D&D 5e modifier calculation
+        rollTarget.characteristicValue = this.system.characteristics[rollKey].value
+        // The save bonus is the proficiency modifier (value stored in saves)
+        rollTarget.saveBonus = this.system.saves[rollKey].value
         break
       case "spell":
         rollTarget = this.items.find((i) => i.type === "spell" && i.id === rollKey)
@@ -117,79 +143,88 @@ export default class PrismRPGActor extends Actor {
           ui.notifications.warn(game.i18n.localize("PRISMRPG.Notifications.rollFromWeapon"))
           return
         }
+        // Get the primary attribute for D&D 5e style rolls
+        const attrKey = rollTarget.system.primaryAttribute || "dex"
+        rollTarget.characteristicValue = this.system.characteristics[attrKey].value
+        rollTarget.proficiencyBonus = rollTarget.system.modifier
         break
       case "spell-attack":
       case "spell-power":
       case "miracle-attack":
       case "miracle-power":
-        rollTarget = this.items.find((i) => (i.type === "miracle" || i.type == "spell") && i.id === rollKey)
+        rollTarget = this.items.find((i) => (i.type === "miracle" || i.type === "spell") && i.id === rollKey)
         rollTarget.rollKey = rollKey
         break
       case "shield-roll": {
-          rollTarget = this.items.find((i) => i.type === "shield" && i.id === rollKey)
+        rollTarget = this.items.find((i) => i.type === "shield" && i.id === rollKey)
-          let shieldSkill = this.items.find((i) => i.type === "skill" && i.name.toLowerCase() === rollTarget.name.toLowerCase())
+        let shieldSkill = this.items.find((i) => i.type === "skill" && i.name.toLowerCase() === rollTarget.name.toLowerCase())
-          rollTarget.skill = shieldSkill
+        rollTarget.skill = shieldSkill
-          rollTarget.rollKey = rollKey
+        rollTarget.rollKey = rollKey
-        }
+      }
         break;
       case "weapon-damage-small":
       case "weapon-damage-medium":
       case "weapon-attack":
       case "weapon-defense": {
-          let weapon = this.items.find((i) => i.type === "weapon" && i.id === rollKey)
+        let weapon = this.items.find((i) => i.type === "weapon" && i.id === rollKey)
-          let skill
+        let skill
-          let skills = this.items.filter((i) => i.type === "skill" && i.name.toLowerCase() === weapon.name.toLowerCase())
+        let skills = this.items.filter((i) => i.type === "skill" && i.name.toLowerCase() === weapon.name.toLowerCase())
+        if (skills.length > 0) {
+          skill = this.getBestWeaponClassSkill(skills, rollType, 1.0)
+        } else {
+          skills = this.items.filter((i) => i.type === "skill" && i.name.toLowerCase().replace(" skill", "") === weapon.name.toLowerCase())
           if (skills.length > 0) {
             skill = this.getBestWeaponClassSkill(skills, rollType, 1.0)
           } else {
-            skills = this.items.filter((i) => i.type === "skill" && i.name.toLowerCase().replace(" skill", "") === weapon.name.toLowerCase())
+            skills = this.items.filter((i) => i.type === "skill" && i.system.weaponClass === weapon.system.weaponClass)
             if (skills.length > 0) {
-              skill = this.getBestWeaponClassSkill(skills, rollType, 1.0)
+              skill = this.getBestWeaponClassSkill(skills, rollType, 0.5)
             } else {
-              skills = this.items.filter((i) => i.type === "skill" && i.system.weaponClass === weapon.system.weaponClass)
+              skills = this.items.filter((i) => i.type === "skill" && i.system.weaponClass.includes(SYSTEM.WEAPON_CATEGORIES[weapon.system.weaponClass]))
               if (skills.length > 0) {
-                skill = this.getBestWeaponClassSkill(skills, rollType, 0.5)
+                skill = this.getBestWeaponClassSkill(skills, rollType, 0.25)
               } else {
-                skills = this.items.filter((i) => i.type === "skill" && i.system.weaponClass.includes(SYSTEM.WEAPON_CATEGORIES[weapon.system.weaponClass]))
+                ui.notifications.warn(game.i18n.localize("PRISMRPG.Notifications.skillNotFound"))
-                if (skills.length > 0) {
+                return
-                  skill = this.getBestWeaponClassSkill(skills, rollType, 0.25)
-                } else {
-                  ui.notifications.warn(game.i18n.localize("PRISMRPG.Notifications.skillNotFound"))
-                  return
-                }
               }
             }
           }
-          if (!weapon || !skill) {
-            console.error("Weapon or skill not found", weapon, skill)
-            ui.notifications.warn(game.i18n.localize("PRISMRPG.Notifications.skillNotFound"))
-            return
-          }
-          rollTarget = skill
-          rollTarget.weapon = weapon
-          rollTarget.weaponSkillModifier = skill.weaponSkillModifier
-          rollTarget.rollKey = rollKey
-          rollTarget.combat = foundry.utils.duplicate(this.system.combat)
-          if ( rollType === "weapon-damage-small" || rollType === "weapon-damage-medium") {
-            rollTarget.grantedDice = this.system.granted.damageDice
-          }
-          if ( rollType === "weapon-attack") {
-            rollTarget.grantedDice = this.system.granted.attackDice
-          }
-          if ( rollType === "weapon-defense") {
-            rollTarget.grantedDice = this.system.granted.defenseDice
-          }
         }
+        if (!weapon || !skill) {
+          console.error("Weapon or skill not found", weapon, skill)
+          ui.notifications.warn(game.i18n.localize("PRISMRPG.Notifications.skillNotFound"))
+          return
+        }
+        rollTarget = skill
+        rollTarget.weapon = weapon
+        rollTarget.weaponSkillModifier = skill.weaponSkillModifier
+        rollTarget.rollKey = rollKey
+        rollTarget.combat = foundry.utils.duplicate(this.system.combat)
+        if (rollType === "weapon-damage-small" || rollType === "weapon-damage-medium") {
+          rollTarget.grantedDice = this.system.granted.damageDice
+        }
+        if (rollType === "weapon-attack") {
+          rollTarget.grantedDice = this.system.granted.attackDice
+        }
+        if (rollType === "weapon-defense") {
+          rollTarget.grantedDice = this.system.granted.defenseDice
+        }
+      }
         break
       default:
         ui.notifications.error(game.i18n.localize("PRISMRPG.Notifications.rollTypeNotFound") + String(rollType))
-        break
+        return
     }
 
-    // In all cases
+    // In all cases - verify rollTarget exists
-    rollTarget.magicUser = this.system.biodata.magicUser
+    if (!rollTarget) {
-    rollTarget.actorModifiers = foundry.utils.duplicate(this.system.modifiers)
+      console.error("Roll target is undefined for rollType:", rollType)
-    rollTarget.actorLevel = this.system.biodata.level
+      return
+    }
+
+    rollTarget.magicUser = this.system.biodata?.magicUser || false
+    rollTarget.actorModifiers = this.system.modifiers ? foundry.utils.duplicate(this.system.modifiers) : {}
+    rollTarget.actorLevel = this.system.biodata?.level || 1
     await this.system.roll(rollType, rollTarget)
   }
 

module/models/character.mjs

@@ -43,6 +43,20 @@ export default class PrismRPGCharacter extends foundry.abstract.TypeDataModel {
       }, {}),
     )
 
+    // Sub-Attributes (derived from two parent characteristics)
+    const subAttributeField = (label) => {
+      const schema = {
+        value: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 })
+      }
+      return new fields.SchemaField(schema, { label })
+    }
+    schema.subAttributes = new fields.SchemaField(
+      Object.values(SYSTEM.SUB_ATTRIBUTES).reduce((obj, subAttr) => {
+        obj[subAttr.id] = subAttributeField(subAttr.label)
+        return obj
+      }, {}),
+    )
+
     // Challenges
     const challengeField = (label) => {
       const schema = {
@@ -67,50 +81,21 @@ export default class PrismRPGCharacter extends foundry.abstract.TypeDataModel {
     schema.hp = new fields.SchemaField({
       value: new fields.NumberField({ ...requiredInteger, initial: 1, min: 0 }),
       max: new fields.NumberField({ ...requiredInteger, initial: 1, min: 0 }),
-      painDamage: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
+      temp: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 })
-      wounds: new fields.ArrayField(new fields.SchemaField(woundFieldSchema), {
-        initial: [{ description: "", value: 0, duration: 0 }, { description: "", value: 0, duration: 0 },
-        { description: "", value: 0, duration: 0 }, { description: "", value: 0, duration: 0 }, { description: "", value: 0, duration: 0 }, { description: "", value: 0, duration: 0 },
-        { description: "", value: 0, duration: 0 }, { description: "", value: 0, duration: 0 }], min: 8
-      }),
-      damageResistance: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 })
     })
 
-    schema.perception = new fields.SchemaField({
+    schema.magicPoints = new fields.SchemaField({
       value: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      bonus: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 })
+      max: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 })
-    })
-    schema.grit = new fields.SchemaField({
-      starting: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      earned: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      current: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 })
-    })
-    schema.luck = new fields.SchemaField({
-      earned: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      current: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 })
-    })
-    schema.granted = new fields.SchemaField({
-      attackDice: new fields.StringField({ required: true, nullable: false, initial: "0", choices: SYSTEM.GRANTED_DICE_CHOICES }),
-      defenseDice: new fields.StringField({ required: true, nullable: false, initial: "0", choices: SYSTEM.GRANTED_DICE_CHOICES }),
-      damageDice: new fields.StringField({ required: true, nullable: false, initial: "0", choices: SYSTEM.GRANTED_DICE_CHOICES })
     })
 
-    schema.movement = new fields.SchemaField({
+    schema.armorPoints = new fields.SchemaField({
-      walk: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
+      value: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      jog: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
+      max: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 })
-      sprint: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      run: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      armorAdjust: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-    })
-    schema.jump = new fields.SchemaField({
-      broad: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      running: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      vertical: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
     })
+
     schema.biodata = new fields.SchemaField({
-      class: new fields.StringField({ required: true, initial: "untrained", choices: SYSTEM.CHAR_CLASSES }),
       level: new fields.NumberField({ ...requiredInteger, initial: 1, min: 1 }),
-      mortal: new fields.StringField({ required: true, initial: "mankind", choices: SYSTEM.MORTAL_CHOICES }),
       alignment: new fields.StringField({ required: true, nullable: false, initial: "" }),
       age: new fields.NumberField({ ...requiredInteger, initial: 15, min: 6 }),
       height: new fields.NumberField({ ...requiredInteger, initial: 170, min: 10 }),
@@ -118,16 +103,7 @@ export default class PrismRPGCharacter extends foundry.abstract.TypeDataModel {
       eyes: new fields.StringField({ required: true, nullable: false, initial: "" }),
       hair: new fields.StringField({ required: true, nullable: false, initial: "" }),
       magicUser: new fields.BooleanField({ initial: false }),
-      clericUser: new fields.BooleanField({ initial: false }),
+      clericUser: new fields.BooleanField({ initial: false })
-      hpPerLevel: new fields.StringField({ required: true, nullable: false, initial: "" }),
-    })
-
-    schema.modifiers = new fields.SchemaField({
-      levelSpellModifier: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      saveModifier: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      levelMiracleModifier: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      intSpellModifier: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
-      chaMiracleModifier: new fields.NumberField({ ...requiredInteger, initial: 0, min: 0 }),
     })
 
     schema.developmentPoints = new fields.SchemaField({
@@ -168,21 +144,6 @@ export default class PrismRPGCharacter extends foundry.abstract.TypeDataModel {
       }, {}),
     )
 
-    // Core Skill system (Prism RPG)
-    schema.coreSkill = new fields.SchemaField({
-      skill: new fields.StringField({
-        required: true,
-        initial: "",
-        choices: SYSTEM.CORE_SKILLS_CHOICES,
-        label: "Selected Core Skill"
-      }),
-      attributeChoice: new fields.StringField({
-        required: true,
-        initial: "",
-        label: "Attribute Choice for +2 Bonus"
-      })
-    })
-
     return schema
   }
 
@@ -216,43 +177,34 @@ export default class PrismRPGCharacter extends foundry.abstract.TypeDataModel {
 
   prepareDerivedData() {
     super.prepareDerivedData();
-    let grit = 0
+
-    for (let c in this.characteristics) {
+    // Calculate sub-attributes from parent characteristics
-      if (SYSTEM.CHARACTERISTICS_MAJOR[c.id]) {
+    // Sub-attribute = lowest ability modifier between the two parent characteristics
-        grit += this.characteristics[c].value
+    for (let subAttrKey in SYSTEM.SUB_ATTRIBUTES) {
-      }
+      const subAttr = SYSTEM.SUB_ATTRIBUTES[subAttrKey]
+      const parent1Value = this.characteristics[subAttr.parents[0]].value
+      const parent2Value = this.characteristics[subAttr.parents[1]].value
+      // Calculate D&D 5e style ability modifiers: (ability - 10) / 2
+      const parent1Bonus = Math.floor((parent1Value - 10) / 2)
+      const parent2Bonus = Math.floor((parent2Value - 10) / 2)
+      // Take the lowest modifier
+      this.subAttributes[subAttrKey].value = Math.min(parent1Bonus, parent2Bonus)
     }
 
-    this.modifiers.saveModifier = Math.floor((Number(this.biodata.level) / 5))
+    // Calculate save modifier locally (not stored)
-    this.modifiers.levelSpellModifier = Math.floor((Number(this.biodata.level) / 5))
+    const saveModifier = Math.floor((Number(this.biodata.level) / 5))
-    this.modifiers.levelMiracleModifier = Math.floor((Number(this.biodata.level) / 5))
-
-    this.grit.starting = Math.round(grit / 6)
 
     let strDef = SYSTEM.CHARACTERISTICS_TABLES.str.find(s => s.value === this.characteristics.str.value)
     this.challenges.str.value = strDef.challenge
 
-    let intDef = SYSTEM.CHARACTERISTICS_TABLES.int.find(s => s.value === this.characteristics.int.value)
-    this.modifiers.intSpellModifier = intDef.arkane_casting_mod
-
     let dexDef = SYSTEM.CHARACTERISTICS_TABLES.dex.find(s => s.value === this.characteristics.dex.value)
     this.challenges.agility.value = dexDef.challenge
-    this.saves.dodge.value = dexDef.dodge + this.modifiers.saveModifier
 
     let wisDef = SYSTEM.CHARACTERISTICS_TABLES.wis.find(s => s.value === this.characteristics.wis.value)
-    this.saves.will.value = wisDef.willpower_save + this.modifiers.saveModifier
-
-    let chaDef = SYSTEM.CHARACTERISTICS_TABLES.cha.find(s => s.value === this.characteristics.cha.value)
-    this.modifiers.chaMiracleModifier = chaDef.divine_miracle_bonus
 
     let conDef = SYSTEM.CHARACTERISTICS_TABLES.con.find(s => s.value === this.characteristics.con.value)
-    this.saves.pain.value = conDef.pain_save + this.modifiers.saveModifier
-    this.saves.toughness.value = conDef.toughness_save + this.modifiers.saveModifier
     this.challenges.dying.value = conDef.stabilization_dice
 
-    this.saves.contagion.value = this.characteristics.con.value;// + this.modifiers.saveModifier
-    this.saves.poison.value = this.characteristics.con.value; // + this.modifiers.saveModifier
-
     this.combat.attackModifier = 0
     for (let chaKey of SYSTEM.CHARACTERISTIC_ATTACK) {
       let chaDef = SYSTEM.CHARACTERISTICS_TABLES[chaKey].find(s => s.value === this.characteristics[chaKey].value)

module/models/skill.mjs

@@ -36,6 +36,13 @@ export default class PrismRPGSkill extends foundry.abstract.TypeDataModel {
       label: "Is Core Skill"
     })
 
+    // Primary attribute for this skill (str, dex, con, int, wis, cha)
+    schema.primaryAttribute = new fields.StringField({
+      required: true,
+      initial: "dex",
+      label: "Primary Attribute"
+    })
+
     // If Core Skill, which attribute receives the +2 bonus?
     schema.attributeBonus = new fields.StringField({
       required: true,
@@ -107,9 +114,9 @@ export default class PrismRPGSkill extends foundry.abstract.TypeDataModel {
   prepareDerivedData() {
     super.prepareDerivedData()
 
-    // If this is the character's Core Skill, apply bonuses
+    // D&D 5e style: Core Skill gives +2 proficiency bonus
     if (this.isCoreSkill) {
-      this.modifier = CORE_SKILL_BONUS?.basic || 5
+      this.modifier = 2
       this.canAdvancedCheck = true
     } else {
       this.modifier = 0

module/utils.mjs

@@ -170,6 +170,12 @@ export default class PrismRPGUtils {
     Handlebars.registerHelper('countKeys', function (obj) {
       return Object.keys(obj).length;
     })
+    Handlebars.registerHelper('entries', function (obj) {
+      return Object.entries(obj);
+    })
+    Handlebars.registerHelper('uppercase', function (str) {
+      return str ? str.toUpperCase() : '';
+    })
 
     Handlebars.registerHelper('isEnabled', function (configKey) {
       return game.settings.get("bol", configKey);

styles/character-main-v2.less

@@ -0,0 +1,479 @@
+// Character Main Sheet V2 - Based on PNG character sheet design
+.character-main-v2 {
+  .sheet-common();
+  padding: 0;
+  margin: 0;
+
+  .character-sheet-wrapper {
+    background-image: url("../assets/ui/prism_rpg_background.webp");
+    background-size: cover;
+    background-position: center;
+    padding: 2px 4px;
+    min-height: auto;
+  }
+
+  // Character Header with Banner
+  .character-header {
+    position: relative;
+    margin-bottom: 3px;
+
+    .character-name-banner {
+      background-image: url("../assets/sheet/banner-bg.png");
+      background-size: contain;
+      background-repeat: no-repeat;
+      background-position: center;
+      height: 42px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+
+      input {
+        background: transparent;
+        border: none;
+        text-align: center;
+        font-family: "Cinzel", serif;
+        font-size: 20px;
+        font-weight: bold;
+        color: #2c2c2c;
+        width: 500px;
+        text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.5);
+        padding: 2px 0;
+      }
+    }
+
+    .character-toggle-controls {
+      position: absolute;
+      top: 6px;
+      right: 10px;
+    }
+  }
+
+  // Main Grid Layout
+  .character-main-grid {
+    display: grid;
+    grid-template-columns: 1fr 300px;
+    gap: 12px;
+    align-items: start;
+  }
+
+  // Left Column - Portrait, Attributes, HP
+  .character-left-column {
+    display: flex;
+    flex-direction: row;
+    gap: 12px;
+    align-items: flex-start;
+
+    .portrait-hp-column {
+      display: flex;
+      flex-direction: column;
+      gap: 12px;
+      width: 200px;
+      flex-shrink: 0;
+    }
+
+    .character-portrait {
+      width: 200px;
+      height: 200px;
+      border: 3px solid #6b6b6b;
+      border-radius: 8px;
+      overflow: hidden;
+      background: #d4d4d4;
+
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+
+    // HP Shields - below portrait, same width
+    .hp-shields-section {
+      width: 200px;
+
+      .hp-shields {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+
+        .hp-item {
+          display: flex;
+          flex-direction: row;
+          align-items: center;
+          gap: 8px;
+
+          .hp-label {
+            font-family: "Cinzel", serif;
+            font-size: 12px;
+            font-weight: bold;
+            color: #2c2c2c;
+            text-transform: uppercase;
+            width: 55px;
+            flex-shrink: 0;
+          }
+
+          .hp-value {
+            input {
+              width: 40px;
+              height: 28px;
+              text-align: center;
+              font-size: 14px;
+              font-weight: bold;
+              background: rgba(255, 255, 255, 0.9);
+              border: 2px solid #6b6b6b;
+              border-radius: 4px;
+            }
+          }
+
+          .hp-separator {
+            font-family: "Cinzel", serif;
+            font-size: 14px;
+            font-weight: bold;
+            color: #2c2c2c;
+          }
+
+          .hp-max {
+            input {
+              width: 40px;
+              height: 28px;
+              text-align: center;
+              font-size: 14px;
+              font-weight: bold;
+              background: rgba(200, 220, 255, 0.5);
+              border: 2px solid #6b6b6b;
+              border-radius: 4px;
+            }
+          }
+        }
+      }
+    }
+
+    .character-attributes {
+      display: flex;
+      flex-direction: column;
+      gap: 6px;
+      flex: 1;
+      min-width: 0;
+      max-width: 280px;
+
+      .attribute-shield {
+        position: relative;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        gap: 8px;
+        padding: 6px 12px;
+        background: rgba(255, 255, 255, 0.3);
+        border: 2px solid #6b6b6b;
+        border-radius: 4px;
+        height: auto;
+
+        .attribute-label {
+          font-family: "Cinzel", serif;
+          font-size: 11px;
+          font-weight: bold;
+          color: #2c2c2c;
+          text-transform: uppercase;
+          margin: 0;
+          min-width: 40px;
+          display: flex;
+          align-items: center;
+
+          a.rollable {
+            display: flex;
+            align-items: center;
+            gap: 4px;
+            color: #2c2c2c;
+            text-decoration: none;
+            cursor: pointer;
+            transition: all 0.2s;
+
+            i {
+              font-size: 12px;
+              color: #6b6b6b;
+            }
+
+            &:hover {
+              color: #000;
+              text-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
+
+              i {
+                color: #2c2c2c;
+              }
+            }
+          }
+        }
+
+        .attribute-value {
+          display: flex;
+          align-items: center;
+
+          input {
+            width: 45px;
+            height: 32px;
+            text-align: center;
+            font-size: 16px;
+            font-weight: bold;
+            background: rgba(255, 255, 255, 0.9);
+            border: 2px solid #6b6b6b;
+            border-radius: 4px;
+          }
+        }
+
+        .attribute-save {
+          margin-left: auto;
+          display: flex;
+          align-items: center;
+
+          a.save-rollable {
+            display: contents;
+            cursor: pointer;
+
+            i {
+              margin-right: 6px;
+            }
+
+            &:hover input {
+              background: rgba(200, 220, 255, 0.8);
+              border-color: #4a4a4a;
+            }
+          }
+
+          input {
+            width: 45px;
+            height: 32px;
+            text-align: center;
+            font-size: 14px;
+            font-weight: bold;
+            background: rgba(200, 220, 255, 0.5);
+            border: 2px solid #6b6b6b;
+            border-radius: 4px;
+            color: #2c2c2c;
+            cursor: pointer;
+            transition: all 0.2s;
+          }
+        }
+      }
+    }
+  }
+
+  // Right Column - Race, Classes
+  .character-right-column {
+    display: flex;
+    flex-direction: column;
+    gap: 15px;
+
+    .section-title {
+      font-family: "Cinzel", serif;
+      font-size: 14px;
+      font-weight: bold;
+      color: #2c2c2c;
+      text-transform: uppercase;
+      margin-bottom: 8px;
+      padding: 5px 10px;
+      background: rgba(255, 255, 255, 0.6);
+      border: 2px solid #6b6b6b;
+      border-radius: 4px;
+      text-align: center;
+    }
+
+    .race-section {
+      .race-box {
+        padding: 6px;
+        background: rgba(255, 255, 255, 0.5);
+        border: 2px solid #6b6b6b;
+        border-radius: 6px;
+        min-height: 50px;
+
+        .race-label {
+          font-family: "Cinzel", serif;
+          font-size: 10px;
+          color: #6b6b6b;
+          text-align: center;
+          margin-bottom: 3px;
+        }
+
+        .section-title {
+          font-family: "Cinzel", serif;
+          font-size: 11px;
+          font-weight: bold;
+          color: #2c2c2c;
+          text-transform: uppercase;
+          margin: 0 0 4px 0;
+          padding: 3px;
+          background: rgba(255, 255, 255, 0.6);
+          border: 2px solid #6b6b6b;
+          border-radius: 4px;
+          text-align: center;
+        }
+
+        .race-item {
+          display: flex;
+          align-items: center;
+          gap: 6px;
+
+          .item-img {
+            width: 30px;
+            height: 30px;
+            border: 2px solid #6b6b6b;
+            border-radius: 4px;
+            object-fit: cover;
+            cursor: pointer;
+          }
+
+          .race-name {
+            flex: 1;
+            font-family: "Cinzel", serif;
+            font-size: 12px;
+            font-weight: bold;
+            color: #2c2c2c;
+            text-align: center;
+          }
+
+          .controls {
+            display: flex;
+            gap: 6px;
+
+            a {
+              color: #6b6b6b;
+              cursor: pointer;
+              transition: color 0.2s;
+
+              &:hover {
+                color: #2c2c2c;
+              }
+
+              i {
+                font-size: 14px;
+              }
+            }
+          }
+        }
+
+        .no-race {
+          text-align: center;
+          font-family: "Crimson Text", serif;
+          font-size: 11px;
+          color: #6b6b6b;
+          font-style: italic;
+          padding: 5px;
+        }
+
+        input {
+          width: 100%;
+          background: transparent;
+          border: none;
+          font-family: "Cinzel", serif;
+          font-size: 14px;
+          text-align: center;
+        }
+      }
+    }
+
+    .classes-section {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+
+      .class-box {
+        padding: 6px;
+        background: rgba(255, 255, 255, 0.5);
+        border: 2px solid #6b6b6b;
+        border-radius: 6px;
+
+        .class-label {
+          font-family: "Cinzel", serif;
+          font-size: 10px;
+          color: #6b6b6b;
+          text-align: center;
+          margin-bottom: 3px;
+        }
+
+        .class-content {
+          .class-item {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+
+            .item-img {
+              width: 28px;
+              height: 28px;
+              border: 2px solid #6b6b6b;
+              border-radius: 4px;
+              object-fit: cover;
+              cursor: pointer;
+            }
+
+            .class-name {
+              flex: 1;
+              font-family: "Cinzel", serif;
+              font-size: 11px;
+              font-weight: bold;
+              color: #2c2c2c;
+              text-align: center;
+            }
+
+            .controls {
+              display: flex;
+              gap: 6px;
+
+              a {
+                color: #6b6b6b;
+                cursor: pointer;
+                transition: color 0.2s;
+
+                &:hover {
+                  color: #2c2c2c;
+                }
+
+                i {
+                  font-size: 12px;
+                }
+              }
+            }
+          }
+
+          .no-class {
+            text-align: center;
+            font-family: "Crimson Text", serif;
+            font-size: 11px;
+            color: #6b6b6b;
+            font-style: italic;
+            padding: 5px;
+          }
+        }
+
+        .class-input {
+          input {
+            width: 100%;
+            background: transparent;
+            border: none;
+            font-family: "Cinzel", serif;
+            font-size: 14px;
+            text-align: center;
+          }
+        }
+      }
+    }
+
+    .origin-section {
+      .origin-box {
+        padding: 15px;
+        background: rgba(255, 255, 255, 0.5);
+        border: 3px solid #6b6b6b;
+        border-radius: 8px;
+        min-height: 350px;
+
+        textarea {
+          width: 100%;
+          min-height: 320px;
+          background: transparent;
+          border: none;
+          font-family: "Crimson Text", serif;
+          font-size: 13px;
+          line-height: 1.6;
+          resize: vertical;
+        }
+      }
+    }
+  }
+}

styles/character-subattributes.less

@@ -0,0 +1,79 @@
+// Sub-attributes tab styling
+
+.character-subattributes.tab {
+  .subattributes-content {
+    padding: 1rem;
+
+    .subattributes-list {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 0.5rem;
+    }
+
+    .subattribute-item {
+      background: rgba(0, 0, 0, 0.1);
+      border: 1px solid var(--color-border-dark-secondary);
+      border-radius: 4px;
+      padding: 0.4rem;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 0.15rem;
+      text-align: center;
+      cursor: pointer;
+      text-decoration: none;
+
+      .subattribute-header {
+        display: flex;
+        align-items: center;
+        gap: 0.3rem;
+
+        i.fa-dice-d20 {
+          font-size: 1em;
+          color: var(--color-text-dark-primary);
+          opacity: 0.7;
+        }
+      }
+
+      &:hover {
+        background: rgba(0, 0, 0, 0.2);
+        border-color: var(--color-text-light-primary);
+        transform: translateY(-1px);
+        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
+
+        .subattribute-header i.fa-dice-d20 {
+          opacity: 1;
+          color: var(--color-text-dark-primary);
+        }
+      }
+
+      .subattribute-name {
+        font-weight: bold;
+        font-size: 0.75em;
+        color: var(--color-text-dark-primary);
+        line-height: 1.2;
+      }
+
+      .subattribute-value {
+        font-size: 1em;
+        font-weight: bold;
+        color: var(--color-text-dark-primary);
+        min-width: 2em;
+        padding: 0.15rem 0.3rem;
+        background: rgba(255, 255, 255, 0.1);
+        border-radius: 3px;
+      }
+    }
+  }
+}
+
+// Responsive adjustments
+@media (max-width: 768px) {
+  .character-subattributes.tab {
+    .subattributes-content {
+      .subattributes-list {
+        grid-template-columns: repeat(3, 1fr);
+      }
+    }
+  }
+}

styles/character.less

@@ -1,7 +1,107 @@
 .character-content {
-  .sheet-common();
+  font-family: var(--font-primary);
-  .character-sheet-common();
+  font-size: calc(var(--font-size-standard) * 1);
+  color: var(--color-dark-1);
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
   overflow: scroll;
+
+  nav.tabs {
+    background-image: url("../assets/ui/prism_rpg_background.webp");
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat;
+    padding: 2px 0;
+  }
+
+  nav.tabs [data-tab] {
+    color: #636060;
+    font-size: calc(var(--font-size-standard) * 1.1);
+    font-family: var(--font-secondary);
+    font-weight: bold;
+    padding: 3px 16px;
+    background-color: rgba(255, 255, 255, 0.3);
+    border-radius: 4px;
+    text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.8);
+    transition: all 0.2s ease;
+    cursor: pointer;
+    border: 2px solid transparent;
+
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.7);
+      color: #1a1a1a;
+      transform: translateY(-2px);
+      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
+      border-color: rgba(107, 107, 107, 0.3);
+    }
+  }
+
+  nav.tabs [data-tab].active {
+    color: #000000;
+    background-color: rgba(255, 255, 255, 0.85);
+    text-shadow: 1px 1px 3px rgba(255, 255, 255, 1);
+    border: 2px solid #6b6b6b;
+    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.25);
+
+    &:hover {
+      background-color: rgba(255, 255, 255, 0.95);
+      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.35);
+      transform: translateY(-2px);
+      border-color: #4a4a4a;
+    }
+  }
+
+  input:disabled,
+  select:disabled {
+    background-color: rgba(0, 0, 0, 0.2);
+    border-color: transparent;
+    color: var(--color-dark-3);
+  }
+
+  input,
+  select {
+    height: 1.5rem;
+    background-color: rgba(0, 0, 0, 0.1);
+    border-color: var(--color-dark-6);
+    color: var(--color-dark-2);
+  }
+
+  input[name="name"] {
+    height: 2.5rem;
+    margin-right: 4px;
+    font-family: var(--font-secondary);
+    font-size: calc(var(--font-size-standard) * 1.2);
+    font-weight: bold;
+    border: none;
+  }
+
+  fieldset {
+    margin-bottom: 4px;
+    border-radius: 4px;
+  }
+
+  .form-fields {
+    input,
+    select {
+      text-align: center;
+      font-size: calc(var(--font-size-standard) * 1);
+    }
+    select {
+      font-family: var(--font-secondary);
+      font-size: calc(var(--font-size-standard) * 1);
+    }
+  }
+
+  legend {
+    font-family: var(--font-secondary);
+    font-size: calc(var(--font-size-standard) * 1.2);
+    font-weight: bold;
+    letter-spacing: 1px;
+  }
+
+  .character-sheet-common();
 }
 
 .character-main {
@@ -223,6 +323,13 @@
 }
 
 .tab.character-biography .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
+
   .biodata {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
@@ -253,6 +360,13 @@
 }
 
 .tab.character-skills .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
+
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -263,58 +377,212 @@
   }
   .skills {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(2, 1fr);
-    gap: 4px;
+    gap: 6px;
     .skill {
       display: flex;
       align-items: center;
-      gap: 4px;
+      gap: 8px;
-      .item-img {
+      padding: 6px 10px;
-        width: 24px;
+      background: rgba(255, 255, 255, 0.3);
-        height: 24px;
+      border: 2px solid #6b6b6b;
+      border-radius: 6px;
+      transition: all 0.2s;
+
+      &:hover {
+        background: rgba(255, 255, 255, 0.5);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
       }
+
+      &.is-core-skill {
+        background: rgba(255, 235, 180, 0.4);
+        border-color: #d4a017;
+
+        &:hover {
+          background: rgba(255, 235, 180, 0.6);
+        }
+      }
+
+      .item-img {
+        width: 32px;
+        height: 32px;
+        border: 2px solid #6b6b6b;
+        border-radius: 4px;
+        object-fit: cover;
+        flex-shrink: 0;
+      }
+
       .name {
-        min-width: 12rem;
+        flex: 1;
+        min-width: 0;
+
+        a {
+          font-family: "Cinzel", serif;
+          font-size: 14px;
+          font-weight: 600;
+          color: #2c2c2c;
+
+          i {
+            margin-right: 6px;
+            color: #6b6b6b;
+          }
+
+          &:hover {
+            color: #000;
+          }
+        }
+      }
+
+      .score {
+        font-family: "Cinzel", serif;
+        font-size: 16px;
+        font-weight: bold;
+        color: #2c2c2c;
+        min-width: 50px;
+        text-align: center;
+
+        .advanced-icon {
+          color: #d4a017;
+          font-size: 18px;
+          margin-left: 4px;
+        }
+      }
+
+      .controls {
+        display: flex;
+        gap: 8px;
+        flex-shrink: 0;
+
+        a {
+          color: #6b6b6b;
+          font-size: 14px;
+          transition: color 0.2s;
+
+          &:hover {
+            color: #2c2c2c;
+          }
+        }
       }
     }
   }
   .racial-abilities {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(2, 1fr);
-    gap: 4px;
+    gap: 6px;
     .racial-ability {
       display: flex;
       align-items: center;
-      gap: 4px;
+      gap: 8px;
-      .item-img {
+      padding: 6px 10px;
-        width: 24px;
+      background: rgba(200, 255, 200, 0.2);
-        height: 24px;
+      border: 2px solid #6b9b6b;
+      border-radius: 6px;
+      transition: all 0.2s;
+
+      &:hover {
+        background: rgba(200, 255, 200, 0.4);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
       }
+
+      .item-img {
+        width: 32px;
+        height: 32px;
+        border: 2px solid #6b9b6b;
+        border-radius: 4px;
+        object-fit: cover;
+        flex-shrink: 0;
+      }
+
       .name {
-        min-width: 12rem;
+        flex: 1;
+        min-width: 0;
+        font-family: "Cinzel", serif;
+        font-size: 14px;
+        font-weight: 600;
+        color: #2c2c2c;
+      }
+
+      .controls {
+        display: flex;
+        gap: 8px;
+        flex-shrink: 0;
+
+        a {
+          color: #6b9b6b;
+          font-size: 14px;
+          transition: color 0.2s;
+
+          &:hover {
+            color: #3c6b3c;
+          }
+        }
       }
     }
   }
   .vulnerabilities {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(2, 1fr);
-    gap: 4px;
+    gap: 6px;
     .vulnerability {
       display: flex;
       align-items: center;
-      gap: 4px;
+      gap: 8px;
-      .item-img {
+      padding: 6px 10px;
-        width: 24px;
+      background: rgba(255, 200, 200, 0.2);
-        height: 24px;
+      border: 2px solid #9b6b6b;
+      border-radius: 6px;
+      transition: all 0.2s;
+
+      &:hover {
+        background: rgba(255, 200, 200, 0.4);
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
       }
+
+      .item-img {
+        width: 32px;
+        height: 32px;
+        border: 2px solid #9b6b6b;
+        border-radius: 4px;
+        object-fit: cover;
+        flex-shrink: 0;
+      }
+
       .name {
-        min-width: 12rem;
+        flex: 1;
+        min-width: 0;
+        font-family: "Cinzel", serif;
+        font-size: 14px;
+        font-weight: 600;
+        color: #2c2c2c;
+      }
+
+      .controls {
+        display: flex;
+        gap: 8px;
+        flex-shrink: 0;
+
+        a {
+          color: #9b6b6b;
+          font-size: 14px;
+          transition: color 0.2s;
+
+          &:hover {
+            color: #6b3c3c;
+          }
+        }
       }
     }
   }
 }
 
 .tab.character-equipment .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
+
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -354,6 +622,13 @@
 }
 
 .tab.character-combat .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
+
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -504,6 +779,13 @@
 }
 
 .tab.character-spells .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
+
   display: grid;
   grid-template-columns: 1fr;
   legend {
@@ -565,6 +847,13 @@
 }
 
 .tab.character-miracles .main-div {
+  background-image: url("../assets/ui/prism_rpg_background.webp");
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  padding: 8px 10px;
+  min-height: 100%;
+
   display: grid;
   grid-template-columns: 1fr;
   legend {

styles/fvtt-prism-rpg.less

@@ -4,6 +4,8 @@
 .prismrpg {
   @import "mixins.less";
   @import "character.less";
+  @import "character-main-v2.less";
+  @import "character-subattributes.less";
   @import "monster.less";
   @import "skill.less";
   @import "racial-ability.less";

templates/character-biography.hbs

@@ -1,97 +1,156 @@
-<section class="tab character-{{tab.id}} {{tab.cssClass}}" data-tab="{{tab.id}}" data-group="{{tab.group}}">
+<section
+  class="tab character-{{tab.id}} {{tab.cssClass}}"
+  data-tab="{{tab.id}}"
+  data-group="{{tab.group}}"
+>
   <div class="main-div">
 
-  <fieldset>
+    <fieldset>
-    <legend>{{localize "PRISMRPG.Label.biodata"}}</legend>
+      <legend>{{localize "PRISMRPG.Label.biodata"}}</legend>
-    <div class="biodata">
+      <div class="biodata">
-      <div class="biodata-elem">
+        <div class="biodata-elem">
-        <span class="name">Class</span>
+          <span class="name">Class</span>
-        {{formInput systemFields.biodata.fields.class value=system.biodata.class }}
+          {{formInput
-      </div>
+            systemFields.biodata.fields.class
-      <div class="biodata-elem">
+            value=system.biodata.class
-        <span class="name">Level</span>
+          }}
-        {{formInput systemFields.biodata.fields.level value=system.biodata.level }}
+        </div>
-      </div>
+        <div class="biodata-elem">
-      <div class="biodata-elem">
+          <span class="name">Level</span>
-        <span class="name">Mortal</span>
+          {{formInput
-        {{formInput systemFields.biodata.fields.mortal value=system.biodata.mortal }}
+            systemFields.biodata.fields.level
-      </div>
+            value=system.biodata.level
-      <div class="biodata-elem">
+          }}
-        <span class="name">Alignment</span>
+        </div>
-        {{formInput systemFields.biodata.fields.alignment value=system.biodata.alignment }}
+        <div class="biodata-elem">
-      </div>
+          <span class="name">Mortal</span>
-      <div class="biodata-elem">
+          {{formInput
-        <span class="name">Age</span>
+            systemFields.biodata.fields.mortal
-        {{formInput systemFields.biodata.fields.age value=system.biodata.age }}
+            value=system.biodata.mortal
-      </div>
+          }}
-      <div class="biodata-elem">
+        </div>
-        <span class="name">Height</span>
+        <div class="biodata-elem">
-        {{formInput systemFields.biodata.fields.height value=system.biodata.height }}
+          <span class="name">Age</span>
-      </div>
+          {{formInput systemFields.biodata.fields.age value=system.biodata.age}}
-      <div class="biodata-elem">
+        </div>
-        <span class="name">Weight</span>
+        <div class="biodata-elem">
-        {{formInput systemFields.biodata.fields.weight value=system.biodata.weight }}
+          <span class="name">Height</span>
-      </div>
+          {{formInput
-      <div class="biodata-elem">
+            systemFields.biodata.fields.height
-        <span class="name">Eyes</span>
+            value=system.biodata.height
-        {{formInput systemFields.biodata.fields.eyes value=system.biodata.eyes }}
+          }}
-      </div>
+        </div>
-      <div class="biodata-elem">
+        <div class="biodata-elem">
-        <span class="name">Hair</span>
+          <span class="name">Weight</span>
-        {{formInput systemFields.biodata.fields.hair value=system.biodata.hair }}
+          {{formInput
-      </div>
+            systemFields.biodata.fields.weight
-      <div class="biodata-elem">
+            value=system.biodata.weight
-        <span class="name">Dev. Points (Total)</span>
+          }}
-        {{formInput systemFields.developmentPoints.fields.total value=system.developmentPoints.total }}
+        </div>
-      </div>
+        <div class="biodata-elem">
-      <div class="biodata-elem">
+          <span class="name">Eyes</span>
-        <span class="name">Dev. Points (Rem.)</span>
+          {{formInput
-        {{formInput systemFields.developmentPoints.fields.remaining value=system.developmentPoints.remaining }}
+            systemFields.biodata.fields.eyes
-      </div>
+            value=system.biodata.eyes
-      <div class="biodata-elem">
+          }}
-        <span class="name">Magic User</span>
+        </div>
-        {{formInput systemFields.biodata.fields.magicUser value=system.biodata.magicUser }}
+        <div class="biodata-elem">
-      </div>
+          <span class="name">Hair</span>
-      <div class="biodata-elem">
+          {{formInput
-        <span class="name">Cleric User</span>
+            systemFields.biodata.fields.hair
-        {{formInput systemFields.biodata.fields.clericUser value=system.biodata.clericUser }}
+            value=system.biodata.hair
-      </div>
+          }}
-      <div class="biodata-elem">
+        </div>
-        <span class="name">Save bonus (1/5levels)</span>
+        <div class="biodata-elem">
-        {{formInput systemFields.modifiers.fields.saveModifier value=system.modifiers.saveModifier disabled=true}}
+          <span class="name">Dev. Points (Total)</span>
-      </div>
+          {{formInput
+            systemFields.developmentPoints.fields.total
+            value=system.developmentPoints.total
+          }}
+        </div>
+        <div class="biodata-elem">
+          <span class="name">Dev. Points (Rem.)</span>
+          {{formInput
+            systemFields.developmentPoints.fields.remaining
+            value=system.developmentPoints.remaining
+          }}
+        </div>
+        <div class="biodata-elem">
+          <span class="name">Magic User</span>
+          {{formInput
+            systemFields.biodata.fields.magicUser
+            value=system.biodata.magicUser
+          }}
+        </div>
+        <div class="biodata-elem">
+          <span class="name">Cleric User</span>
+          {{formInput
+            systemFields.biodata.fields.clericUser
+            value=system.biodata.clericUser
+          }}
+        </div>
+        <div class="biodata-elem">
+          <span class="name">Save bonus (1/5levels)</span>
+          {{formInput
+            systemFields.modifiers.fields.saveModifier
+            value=system.modifiers.saveModifier
+            disabled=true
+          }}
+        </div>
+
+        {{#if system.biodata.magicUser}}
+          <div class="biodata-elem">
+            <span class="name">Spell bonus (1/5levels)</span>
+            {{formInput
+              systemFields.modifiers.fields.levelSpellModifier
+              value=system.modifiers.levelSpellModifier
+              disabled=true
+            }}
+          </div>
+        {{/if}}
+        {{#if system.biodata.clericUser}}
+          <div class="biodata-elem">
+            <span class="name">Miracle bonus (1/5levels)</span>
+            {{formInput
+              systemFields.modifiers.fields.levelMiracleModifier
+              value=system.modifiers.levelMiracleModifier
+              disabled=true
+            }}
+          </div>
+        {{/if}}
+
+        <div class="biodata-elem">
+          <span class="name">Last HD roll</span>
+          {{formInput
+            systemFields.biodata.fields.hpPerLevel
+            value=system.biodata.hpPerLevel
+            disabled=true
+          }}
+        </div>
 
-      {{#if system.biodata.magicUser}}
-      <div class="biodata-elem">
-        <span class="name">Spell bonus (1/5levels)</span>
-        {{formInput systemFields.modifiers.fields.levelSpellModifier value=system.modifiers.levelSpellModifier disabled=true}}
       </div>
-      {{/if}}
+    </fieldset>
-      {{#if system.biodata.clericUser}}
-      <div class="biodata-elem">
-        <span class="name">Miracle bonus (1/5levels)</span>
-        {{formInput systemFields.modifiers.fields.levelMiracleModifier value=system.modifiers.levelMiracleModifier disabled=true}}
-      </div>
-      {{/if}}
 
-      <div class="biodata-elem">
+    <fieldset>
-        <span class="name">Last HD roll</span>
+      <legend>{{localize "PRISMRPG.Label.description"}}</legend>
-        {{formInput systemFields.biodata.fields.hpPerLevel value=system.biodata.hpPerLevel disabled=true}}
+      {{formInput
-      </div>
+        systemFields.description
+        enriched=enrichedDescription
+        value=system.description
+        name="system.description"
+        toggled=true
+      }}
+    </fieldset>
 
-
+    <fieldset>
-    </div>
+      <legend>{{localize "PRISMRPG.Label.notes"}}</legend>
-  </fieldset>
+      {{formInput
-
+        systemFields.notes
-  <fieldset>
+        enriched=enrichedNotes
-    <legend>{{localize "PRISMRPG.Label.description"}}</legend>
+        value=system.notes
-    {{formInput systemFields.description enriched=enrichedDescription value=system.description name="system.description"
+        name="system.notes"
-    toggled=true}}
+        toggled=true
-  </fieldset>
+      }}
-
+    </fieldset>
-  <fieldset>
-    <legend>{{localize "PRISMRPG.Label.notes"}}</legend>
-    {{formInput systemFields.notes enriched=enrichedNotes value=system.notes name="system.notes" toggled=true}}
-  </fieldset>
   </div>
 </section>

templates/character-combat.hbs

@@ -1,108 +1,102 @@
-<section class="tab character-{{tab.id}} {{tab.cssClass}}" data-tab="combat" data-group="sheet">
+<section
+  class="tab character-{{tab.id}} {{tab.cssClass}}"
+  data-tab="combat"
+  data-group="sheet"
+>
   <div class="main-div">
 
-    <fieldset>
-      <legend>{{localize "PRISMRPG.Label.combatDetails"}}</legend>
-      <div class="combat-details">
-        <div class="combat-detail">
-
-          <button class="action ranged-attack-button" data-action="rangedAttackDefense">
-            {{localize "PRISMRPG.Label.rangedAttackDefense"}}
-          </button>
-
-          <button class="action ranged-attack-button" data-action="rollInitiative">
-            {{localize "PRISMRPG.Label.rollInitiative"}}
-          </button>
-
-          <div class="flexrow armor-hp">
-            <span class="name">{{localize "PRISMRPG.Label.armorHitPoints"}}</span>
-            {{formInput systemFields.combat.fields.armorHitPoints value=system.combat.armorHitPoints localize=true }}
-            <a data-action="armorHitPointsPlus"><i class="fa-solid fa-hexagon-plus"></i></a>
-            <a data-action="armorHitPointsMinus"><i class="fa-solid fa-hexagon-minus"></i></a>
-          </div>
-
-          <div class="flexrow granted">
-            <span class="">{{localize
-              "PRISMRPG.Label.grantedAttackDice"}}</a></span>
-            {{formInput systemFields.granted.fields.attackDice value=system.granted.attackDice disabled=isPlayMode }}
-          </div>
-
-          <div class="flexrow granted ">
-            <span class="">{{localize
-              "PRISMRPG.Label.grantedDefenseDice"}}</a></span>
-            {{formInput systemFields.granted.fields.defenseDice value=system.granted.defenseDice disabled=isPlayMode }}
-          </div>
-
-          <div class="flexrow granted">
-            <span class="">{{localize
-              "PRISMRPG.Label.grantedDamageDice"}}</a></span>
-            {{formInput systemFields.granted.fields.damageDice value=system.granted.damageDice disabled=isPlayMode }}
-          </div>
-
-        </div>
-      </div>
-    </fieldset>
-
-    <fieldset>
-      <legend>{{localize "PRISMRPG.Label.wounds"}}</legend>
-      <div class="wounds">
-        {{#each system.hp.wounds as |wound idx|}}
-        <div class="wound">
-          Name:<input class="wound-description wound-data" type="text" data-type="String" data-index="{{@index}}"
-            value="{{wound.description}}" data-name="description">
-          Duration:<input class="wound-duration wound-data" type="text" data-type="Number" data-index="{{@index}}"
-            value="{{wound.duration}}" data-name="duration">
-          HP:<input class="wound-value wound-data" type="text" data-type="Number" data-index="{{@index}}"
-            value="{{wound.value}}" data-name="value">
-        </div>
-        {{/each}}
-      </div>
-    </fieldset>
-
     <fieldset>
       <legend>{{localize "PRISMRPG.Label.weapons"}}</legend>
       <div class="weapons">
         {{#each weapons as |item|}}
-        <div class="weapon" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}" data-drag="true"
+          <div
-          data-drag-type="damage">
+            class="weapon"
-          {{#if (ne item.img "icons/svg/item-bag.svg")}}
+            data-item-id="{{item.id}}"
-          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
+            data-item-uuid="{{item.uuid}}"
-          {{/if}}
+            data-drag="true"
-          <div class="name" data-tooltip="{{item.system.description}}">
+            data-drag-type="damage"
-            {{item.name}}
+          >
+            {{#if (ne item.img "icons/svg/item-bag.svg")}}
+              <img
+                class="item-img"
+                src="{{item.img}}"
+                data-tooltip="{{item.name}}"
+              />
+            {{/if}}
+            <div class="name" data-tooltip="{{item.system.description}}">
+              {{item.name}}
+            </div>
+            <div class="attack-icons">
+
+              <a
+                class="rollable"
+                data-roll-type="weapon-attack"
+                data-roll-key="{{item.id}}"
+                data-tooltip="Roll Attack"
+              >
+                <i
+                  class="lf-roll-small fa-solid fa-swords"
+                  data-roll-type="weapon-attack"
+                  data-roll-key="{{item.id}}"
+                ></i>
+              </a>
+
+              <a
+                class="rollable"
+                data-roll-type="weapon-defense"
+                data-roll-key="{{item.id}}"
+                data-tooltip="Roll Defense"
+              >
+                <i
+                  class="fa-solid fa-shield-halved"
+                  data-roll-type="weapon-defense"
+                  data-roll-key="{{item.id}}"
+                ></i>
+              </a>
+
+              <a
+                class="rollable"
+                data-roll-type="weapon-damage-small"
+                data-roll-key="{{item.id}}"
+                data-tooltip="Roll Damage (Small)"
+              >
+                <i
+                  class="fa-regular fa-face-head-bandage"
+                  data-roll-type="weapon-damage-small"
+                  data-roll-key="{{item.id}}"
+                ></i>S
+              </a>
+
+              <a
+                class="rollable"
+                data-roll-type="weapon-damage-medium"
+                data-roll-key="{{item.id}}"
+                data-tooltip="Roll Damage (Medium)"
+              >
+                <i
+                  class="fa-regular fa-face-head-bandage"
+                  data-roll-type="weapon-damage-medium"
+                  data-roll-key="{{item.id}}"
+                ></i>M
+              </a>
+
+            </div>
+
+            <div class="controls">
+              <a
+                data-tooltip="{{localize 'PRISMRPG.Edit'}}"
+                data-action="edit"
+                data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"
+              ><i class="fas fa-edit"></i></a>
+              <a
+                data-tooltip="{{localize 'PRISMRPG.Delete'}}"
+                data-action="delete"
+                data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"
+              ><i class="fas fa-trash"></i></a>
+            </div>
           </div>
-          <div class="attack-icons">
-
-            <a class="rollable" data-roll-type="weapon-attack" data-roll-key="{{item.id}}" data-tooltip="Roll Attack">
-              <i class="lf-roll-small fa-solid fa-swords" data-roll-type="weapon-attack"
-                data-roll-key="{{item.id}}"></i>
-            </a>
-
-            <a class="rollable" data-roll-type="weapon-defense" data-roll-key="{{item.id}}" data-tooltip="Roll Defense">
-              <i class="fa-solid fa-shield-halved" data-roll-type="weapon-defense" data-roll-key="{{item.id}}"></i>
-            </a>
-
-            <a class="rollable" data-roll-type="weapon-damage-small" data-roll-key="{{item.id}}"
-              data-tooltip="Roll Damage (Small)">
-              <i class="fa-regular fa-face-head-bandage" data-roll-type="weapon-damage-small"
-                data-roll-key="{{item.id}}"></i>S
-            </a>
-
-            <a class="rollable" data-roll-type="weapon-damage-medium" data-roll-key="{{item.id}}"
-              data-tooltip="Roll Damage (Medium)">
-              <i class="fa-regular fa-face-head-bandage" data-roll-type="weapon-damage-medium"
-                data-roll-key="{{item.id}}"></i>M
-            </a>
-
-          </div>
-
-          <div class="controls">
-            <a data-tooltip="{{localize 'PRISMRPG.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
-              data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
-            <a data-tooltip="{{localize 'PRISMRPG.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
-              data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
-          </div>
-        </div>
         {{/each}}
       </div>
     </fieldset>
@@ -111,22 +105,47 @@
       <legend>{{localize "PRISMRPG.Label.armors"}}</legend>
       <div class="armors">
         {{#each armors as |item|}}
-        <div class="armor" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
+          <div
-          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
+            class="armor"
-          <div class="name" data-tooltip="{{item.system.description}}">
+            data-item-id="{{item.id}}"
-            {{item.name}}
+            data-item-uuid="{{item.uuid}}"
+          >
+            <img
+              class="item-img"
+              src="{{item.img}}"
+              data-tooltip="{{item.name}}"
+            />
+            <div class="name" data-tooltip="{{item.system.description}}">
+              {{item.name}}
+            </div>
+            <div
+              class="item-detail"
+              data-tooltip="Defense"
+            >{{item.system.defense}}</div>
+            <div
+              class="item-detail"
+              data-tooltip="Maximum movement"
+            >{{item.system.maximumMovement}}</div>
+            <div class="item-detail" data-tooltip="HP">{{item.system.hp}}</div>
+            <div
+              class="item-detail"
+              data-tooltip="Damage Reduction"
+            >{{item.system.damageReduction}}</div>
+            <div class="controls">
+              <a
+                data-tooltip="{{localize 'PRISMRPG.Edit'}}"
+                data-action="edit"
+                data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"
+              ><i class="fas fa-edit"></i></a>
+              <a
+                data-tooltip="{{localize 'PRISMRPG.Delete'}}"
+                data-action="delete"
+                data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"
+              ><i class="fas fa-trash"></i></a>
+            </div>
           </div>
-          <div class="item-detail" data-tooltip="Defense">{{item.system.defense}}</div>
-          <div class="item-detail" data-tooltip="Maximum movement">{{item.system.maximumMovement}}</div>
-          <div class="item-detail" data-tooltip="HP">{{item.system.hp}}</div>
-          <div class="item-detail" data-tooltip="Damage Reduction">{{item.system.damageReduction}}</div>
-          <div class="controls">
-            <a data-tooltip="{{localize 'PRISMRPG.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
-              data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
-            <a data-tooltip="{{localize 'PRISMRPG.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
-              data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
-          </div>
-        </div>
         {{/each}}
       </div>
     </fieldset>
@@ -135,25 +154,44 @@
       <legend>{{localize "PRISMRPG.Label.shields"}}</legend>
       <div class="shields">
         {{#each shields as |item|}}
-        <div class="shield" data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
+          <div
-          <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
+            class="shield"
-          <div class="name" data-tooltip="{{item.system.description}}">
+            data-item-id="{{item.id}}"
-            {{item.name}}
+            data-item-uuid="{{item.uuid}}"
-          </div>
+          >
-          <div class="item-detail" data-tooltip="Block APC">
+            <img
-            <i class="fa-solid fa-hand"></i> {{item.system.apc}} APC
+              class="item-img"
-          </div>
+              src="{{item.img}}"
-          <div class="item-detail" data-tooltip="Shield Rating">
+              data-tooltip="{{item.name}}"
-            <i class="fa-solid fa-shield"></i> {{item.system.sr}}
+            />
-          </div>
+            <div class="name" data-tooltip="{{item.system.description}}">
+              {{item.name}}
+            </div>
+            <div class="item-detail" data-tooltip="Block APC">
+              <i class="fa-solid fa-hand"></i>
+              {{item.system.apc}}
+              APC
+            </div>
+            <div class="item-detail" data-tooltip="Shield Rating">
+              <i class="fa-solid fa-shield"></i>
+              {{item.system.sr}}
+            </div>
 
-          <div class="controls">
+            <div class="controls">
-            <a data-tooltip="{{localize 'PRISMRPG.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
+              <a
-              data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
+                data-tooltip="{{localize 'PRISMRPG.Edit'}}"
-            <a data-tooltip="{{localize 'PRISMRPG.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
+                data-action="edit"
-              data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
+                data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"
+              ><i class="fas fa-edit"></i></a>
+              <a
+                data-tooltip="{{localize 'PRISMRPG.Delete'}}"
+                data-action="delete"
+                data-item-id="{{item.id}}"
+                data-item-uuid="{{item.uuid}}"
+              ><i class="fas fa-trash"></i></a>
+            </div>
           </div>
-        </div>
         {{/each}}
       </div>
     </fieldset>

templates/character-main.hbs

@@ -1,461 +1,332 @@
-<section
+<section class="character-main-v2">
-  class="character-main character-main-{{ifThen isPlayMode 'play' 'edit'}}"
+  {{log "character-main-v2" this}}
->
-  {{log "character-main" this}}
-
-  <fieldset>
-    <legend>{{localize "PRISMRPG.Label.pc"}}</legend>
-    <div class="character-pc character-pc-{{ifThen isPlayMode 'play' 'edit'}}">
-      <div class="character-left">
-        <div class="character-left-image">
-          <img
-            class="character-img"
-            src="{{actor.img}}"
-            data-edit="img"
-            data-action="editImage"
-            data-tooltip="{{actor.name}}"
-          />
-        </div>
-
-        <fieldset class="">
-          <div class="flexrow character-hp">
-            <span class="name">{{localize "PRISMRPG.Label.HP"}}</span>
-            {{formInput
-              systemFields.hp.fields.value
-              value=system.hp.value
-              disabled=isPlayMode
-              classes="character-hp-value"
-            }}
-            &nbsp;/&nbsp;
-            {{formInput
-              systemFields.hp.fields.max
-              value=system.hp.max
-              disabled=isPlayMode
-              classes="character-hp-value"
-            }}
-          </div>
-          <div class="flexrow character-hp">
-            <span class="name">{{localize "PRISMRPG.Label.grit"}}</span>
-            {{formInput
-              systemFields.grit.fields.current
-              value=system.grit.current
-              disabled=isPlayMode
-              classes="character-hp"
-            }}
-            <span class="name">{{localize "PRISMRPG.Label.earned"}}</span>
-            {{formInput
-              systemFields.grit.fields.earned
-              value=system.grit.earned
-              disabled=isPlayMode
-              classes="character-hp"
-            }}
-          </div>
-          <div class="flexrow character-hp">
-            <span class="name">{{localize "PRISMRPG.Label.luck"}}</span>
-            {{formInput
-              systemFields.luck.fields.current
-              value=system.luck.current
-              disabled=isPlayMode
-              classes="character-hp"
-            }}
-            <span class="name">{{localize "PRISMRPG.Label.earned"}}</span>
-            {{formInput
-              systemFields.luck.fields.earned
-              value=system.luck.earned
-              disabled=isPlayMode
-              classes="character-hp"
-            }}
-          </div>
-
-          <div class="flexrow">
-            <span class="">{{localize
-                "PRISMRPG.Label.damageResistanceShort"
-              }}</span>
-            {{formInput
-              systemFields.hp.fields.damageResistance
-              value=system.hp.fields.damageResistance
-              disabled=isPlayMode
-              classes="character-hp"
-            }}
-          </div>
-
-        </fieldset>
 
+  <div class="character-sheet-wrapper">
+    {{! Character Header with Name }}
+    <div class="character-header">
+      <div class="character-name-banner">
+        {{formInput
+          fields.name
+          value=source.name
+          rootId=partId
+          disabled=isPlayMode
+          placeholder="Character Name"
+        }}
       </div>
-      <div class="character-right">
+      <div class="character-toggle-controls">
-        <div class="character-name">
+        <a
-          {{formInput
+          class="control"
-            fields.name
+          data-action="toggleSheet"
-            value=source.name
+          data-tooltip="PRISMRPG.ToggleSheet"
-            rootId=partId
+          data-tooltip-direction="UP"
-            disabled=isPlayMode
-          }}
-          <a
-            class="control"
-            data-action="toggleSheet"
-            data-tooltip="PRISMRPG.ToggleSheet"
-            data-tooltip-direction="UP"
-          >
-            <i class="fa-solid fa-user-{{ifThen isPlayMode 'lock' 'pen'}}"></i>
-          </a>
-        </div>
-
-        <fieldset
-          class="character-characteristics character-characteristics-{{ifThen
-              isPlayMode
-              'play'
-              'edit'
-            }}"
         >
-          <legend>{{localize "PRISMRPG.Label.Saves"}}</legend>
+          <i class="fa-solid fa-user-{{ifThen isPlayMode 'lock' 'pen'}}"></i>
-          <div class="character-saves">
+        </a>
-            <div class="character-save">
-              <span class="name"><a
-                  class="rollable"
-                  data-roll-type="save"
-                  data-roll-key="will"
-                ><i class="lf-roll-small fa-solid fa-dice-d20"></i>
-                  {{localize "PRISMRPG.Label.saves.will"}}
-                </a></span>
-              {{formField
-                systemFields.saves.fields.will.fields.value
-                value=system.saves.will.value
-                disabled=true
-              }}
-              <span class="name">
-                <a
-                  class="rollable"
-                  data-roll-type="save"
-                  data-roll-key="dodge"
-                ><i class="lf-roll-small fa-solid fa-dice-d20"></i>
-                  {{localize "PRISMRPG.Label.saves.dodge"}}
-                </a>
-              </span>
-              {{formField
-                systemFields.saves.fields.dodge.fields.value
-                value=system.saves.dodge.value
-                disabled=true
-              }}
-              <span class="name">
-                <a
-                  class="rollable"
-                  data-roll-type="save"
-                  data-roll-key="toughness"
-                ><i class="lf-roll-small fa-solid fa-dice-d20"></i>
-                  {{localize "PRISMRPG.Label.saves.toughness"}}
-                </a>
-              </span>
-              {{formField
-                systemFields.saves.fields.toughness.fields.value
-                value=system.saves.toughness.value
-                disabled=true
-              }}
-            </div>
-            <div class="character-save">
-              <span class="name">
-                <a
-                  class="rollable"
-                  data-roll-type="save"
-                  data-roll-key="contagion"
-                ><i class="lf-roll-small fa-solid fa-dice-d20"></i>
-                  {{localize "PRISMRPG.Label.saves.contagion"}}
-                </a>
-              </span>
-              {{formField
-                systemFields.saves.fields.contagion.fields.value
-                value=system.saves.contagion.value
-                disabled=true
-              }}
-
-              <span class="name">
-                <a
-                  class="rollable"
-                  data-roll-type="save"
-                  data-roll-key="poison"
-                ><i class="lf-roll-small fa-solid fa-dice-d20"></i>
-                  {{localize "PRISMRPG.Label.saves.poison"}}
-                </a>
-              </span>
-              {{formField
-                systemFields.saves.fields.poison.fields.value
-                value=system.saves.poison.value
-                disabled=true
-              }}
-
-              <!--
-              <span class="name-pain">
-                <a class="rollable" data-roll-type="save" data-roll-key="pain" data-roll-dice="D12"><i
-                    class="lf-roll-small fa-solid fa-dice-d12"></i>
-                  {{localize "PRISMRPG.Label.saves.pain"}}
-                </a>
-              </span>
-              <span class="name-pain">
-                <a class="rollable" data-roll-type="save" data-roll-key="pain" data-roll-dice="D20"><i
-                    class="lf-roll-small fa-solid fa-dice-d20"></i>
-                  {{localize "PRISMRPG.Label.saves.pain"}}
-                </a>
-              </span>
-              {{formField systemFields.saves.fields.pain.fields.value value=system.saves.pain.value disabled=true}}
-
-              <span data-tooltip="Pain save if wound exceeds">
-                {{formField systemFields.hp.fields.painDamage value=system.hp.painDamage disabled=isPlayMode
-                tooltip="Pain Damage"}}
-              </span>
-              -->
-
-            </div>
-          </div>
-        </fieldset>
-
-        <fieldset
-          class="character-characteristics character-characteristics-{{ifThen
-              isPlayMode
-              'play'
-              'edit'
-            }}"
-        >
-          <legend>{{localize "PRISMRPG.Label.Challenges"}}</legend>
-          <div class="character-challenges">
-            <div class="character-challenge">
-              <span class="name"><a
-                  class="rollable"
-                  data-roll-type="challenge"
-                  data-roll-key="str"
-                ><i class="lf-roll-small fa-solid fa-dice-d20"></i>{{localize
-                    "PRISMRPG.Label.challenges.strength"
-                  }}</a></span>
-              {{formField
-                systemFields.challenges.fields.str.fields.value
-                value=system.challenges.str.value
-                disabled=true
-              }}
-              <span class="name"><a
-                  class="rollable"
-                  data-roll-type="challenge"
-                  data-roll-key="agility"
-                ><i class="lf-roll-small fa-solid fa-dice-d20"></i>{{localize
-                    "PRISMRPG.Label.challenges.agility"
-                  }}</a></span>
-              {{formField
-                systemFields.challenges.fields.agility.fields.value
-                value=system.challenges.agility.value
-                disabled=true
-              }}
-              <span class="name"><a
-                  class="rollable"
-                  data-roll-type="challenge"
-                  data-roll-key="dying"
-                ><i class="lf-roll-small fa-solid fa-dice-d20"></i>{{localize
-                    "PRISMRPG.Label.challenges.dying"
-                  }}</a></span>
-              {{formField
-                systemFields.challenges.fields.dying.fields.value
-                value=system.challenges.dying.value
-                disabled=true
-              }}
-            </div>
-          </div>
-        </fieldset>
-
-        <fieldset
-          class="character-characteristics character-characteristics-{{ifThen
-              isPlayMode
-              'play'
-              'edit'
-            }}"
-        >
-          <legend>{{localize "PRISMRPG.Label.Movement"}}</legend>
-          <div class="character-movements">
-            <div class="character-movement">
-              <span class="name">{{localize
-                  "PRISMRPG.Label.movement.walk"
-                }}</span>
-              {{formField
-                systemFields.movement.fields.walk
-                value=system.movement.walk
-                disabled=isPlayMode
-              }}
-              <span class="name">{{localize
-                  "PRISMRPG.Label.movement.jog"
-                }}</span>
-              {{formField
-                systemFields.movement.fields.jog
-                value=system.movement.jog
-                disabled=isPlayMode
-              }}
-              <span class="name">{{localize
-                  "PRISMRPG.Label.movement.run"
-                }}</span>
-              {{formField
-                systemFields.movement.fields.run
-                value=system.movement.run
-                disabled=isPlayMode
-              }}
-              <span class="name">{{localize
-                  "PRISMRPG.Label.movement.sprint"
-                }}</span>
-              {{formField
-                systemFields.movement.fields.sprint
-                value=system.movement.sprint
-                disabled=isPlayMode
-              }}
-            </div>
-            <div class="character-movement">
-              <span class="name">{{localize
-                  "PRISMRPG.Label.movement.jumpBroad"
-                }}</span>
-              {{formField
-                systemFields.jump.fields.broad
-                value=system.jump.broad
-                disabled=isPlayMode
-              }}
-              <span class="name">{{localize
-                  "PRISMRPG.Label.movement.jumpRunning"
-                }}</span>
-              {{formField
-                systemFields.jump.fields.running
-                value=system.jump.running
-                disabled=isPlayMode
-              }}
-              <span class="name">{{localize
-                  "PRISMRPG.Label.movement.jumpVertical"
-                }}</span>
-              {{formField
-                systemFields.jump.fields.vertical
-                value=system.jump.vertical
-                disabled=isPlayMode
-              }}
-            </div>
-          </div>
-        </fieldset>
-
       </div>
     </div>
-  </fieldset>
 
-  <fieldset
+    <div class="character-main-grid">
-    class="character-characteristics character-characteristics-{{ifThen
+      {{! Left Column - Portrait, Attributes & HP }}
-        isPlayMode
+      <div class="character-left-column">
-        'play'
+        {{! Portrait + HP column }}
-        'edit'
+        <div class="portrait-hp-column">
-      }}"
+          {{! Portrait }}
-  >
+          <div class="character-portrait">
-    <legend>{{localize "PRISMRPG.Label.characteristics"}}</legend>
+            <img
-    <div class="character-characteristic">
+              class="character-img"
-      <span>{{localize "PRISMRPG.Label.str"}}</span>
+              src="{{actor.img}}"
-      {{formField
+              data-edit="img"
-        systemFields.characteristics.fields.str.fields.value
+              data-action="editImage"
-        value=system.characteristics.str.value
+              data-tooltip="{{actor.name}}"
-        disabled=isPlayMode
+            />
-        data-char-id="str"
+          </div>
-      }}
-      {{formField
-        systemFields.characteristics.fields.str.fields.percent
-        value=system.characteristics.str.percent
-        disabled=isPlayMode
-        type="number"
-      }}
-    </div>
-    <div class="character-characteristic">
-      <span>{{localize "PRISMRPG.Label.int"}}</span>
-      {{formField
-        systemFields.characteristics.fields.int.fields.value
-        value=system.characteristics.int.value
-        disabled=isPlayMode
-        data-char-id="int"
-      }}
 
-      {{formField
+          {{! HP Shields (3 shields) - Below portrait }}
-        systemFields.characteristics.fields.int.fields.percent
+          <div class="hp-shields-section">
-        value=system.characteristics.int.percent
+            <div class="hp-shields">
-        disabled=isPlayMode
+              <div class="hp-item">
-        type="number"
+                <div class="hp-label">HP</div>
-      }}
+                <div class="hp-value">
-    </div>
+                  {{formInput
-    <div class="character-characteristic">
+                    systemFields.hp.fields.value
-      <span>{{localize "PRISMRPG.Label.wis"}}</span>
+                    value=system.hp.value
-      {{formField
+                    disabled=isPlayMode
-        systemFields.characteristics.fields.wis.fields.value
+                  }}
-        value=system.characteristics.wis.value
+                </div>
-        disabled=isPlayMode
+                <div class="hp-separator">/</div>
-        data-char-id="wis"
+                <div class="hp-max">
-      }}
+                  {{formInput
-
+                    systemFields.hp.fields.max
-      {{formField
+                    value=system.hp.max
-        systemFields.characteristics.fields.wis.fields.percent
+                    disabled=isPlayMode
-        value=system.characteristics.wis.percent
+                  }}
-        disabled=isPlayMode
+                </div>
-        type="number"
+              </div>
-      }}
+              <div class="hp-item">
-    </div>
+                <div class="hp-label">MAGIC</div>
-    <div class="character-characteristic">
+                <div class="hp-value">
-      <span>{{localize "PRISMRPG.Label.dex"}}</span>
+                  {{formInput
-      {{formField
+                    systemFields.magicPoints.fields.value
-        systemFields.characteristics.fields.dex.fields.value
+                    value=system.magicPoints.value
-        value=system.characteristics.dex.value
+                    disabled=isPlayMode
-        disabled=isPlayMode
+                  }}
-        data-char-id="wis"
+                </div>
-      }}
+                <div class="hp-separator">/</div>
-
+                <div class="hp-max">
-      {{formField
+                  {{formInput
-        systemFields.characteristics.fields.dex.fields.percent
+                    systemFields.magicPoints.fields.max
-        value=system.characteristics.dex.percent
+                    value=system.magicPoints.max
-        disabled=isPlayMode
+                    disabled=isPlayMode
-        type="number"
+                  }}
-      }}
+                </div>
-    </div>
+              </div>
-    <div class="character-characteristic">
+              <div class="hp-item">
-      <span>{{localize "PRISMRPG.Label.con"}}</span>
+                <div class="hp-label">ARMOR</div>
-      {{formField
+                <div class="hp-value">
-        systemFields.characteristics.fields.con.fields.value
+                  {{formInput
-        value=system.characteristics.con.value
+                    systemFields.armorPoints.fields.value
-        disabled=isPlayMode
+                    value=system.armorPoints.value
-        data-char-id="con"
+                    disabled=isPlayMode
-      }}
+                  }}
-
+                </div>
-      {{formField
+                <div class="hp-separator">/</div>
-        systemFields.characteristics.fields.con.fields.percent
+                <div class="hp-max">
-        value=system.characteristics.con.percent
+                  {{formInput
-        disabled=isPlayMode
+                    systemFields.armorPoints.fields.max
-        type="number"
+                    value=system.armorPoints.max
-      }}
+                    disabled=isPlayMode
-    </div>
+                  }}
-    <div class="character-characteristic">
+                </div>
-      <span>{{localize "PRISMRPG.Label.cha"}}</span>
+              </div>
-      {{formField
+            </div>
-        systemFields.characteristics.fields.cha.fields.value
+          </div>
-        value=system.characteristics.cha.value
-        disabled=isPlayMode
-        data-char-id="cha"
-      }}
-
-      {{formField
-        systemFields.characteristics.fields.cha.fields.percent
-        value=system.characteristics.cha.percent
-        disabled=isPlayMode
-        type="number"
-      }}
-    </div>
-  </fieldset>
-
-  {{!-- Sub-Attributes (Prism RPG) --}}
-  <fieldset
-    class="character-subattributes character-subattributes-{{ifThen
-        isPlayMode
-        'play'
-        'edit'
-      }}"
-  >
-    <legend>{{localize "PRISMRPG.Label.subAttributes"}}</legend>
-    <div class="subattributes-grid">
-      {{#each config.SUB_ATTRIBUTES as |subAttr|}}
-        <div class="character-subattribute" data-tooltip="{{localize subAttr.description}}">
-          <span class="subattr-label">{{localize subAttr.label}}</span>
-          <span class="subattr-value">{{lookup (lookup ../system.subAttributes subAttr.id) 'value'}}</span>
-          <span class="subattr-parents">({{#each subAttr.parents}}{{localize (concat "PRISMRPG.Label." this)}}{{#unless @last}}/{{/unless}}{{/each}})</span>
         </div>
-      {{/each}}
+
+        {{! Core Attributes (STR, DEX, CON, INT, WIS, CHA) }}
+        <div class="character-attributes">
+          <div class="attribute-shield">
+            <div class="attribute-label">
+              <a class="rollable" data-roll-type="characteristic" data-roll-key="str">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+                STR
+              </a>
+            </div>
+            <div class="attribute-value">
+              {{formInput
+                systemFields.characteristics.fields.str.fields.value
+                value=system.characteristics.str.value
+                disabled=isPlayMode
+              }}
+            </div>
+            <div class="attribute-save">
+              <a class="rollable save-rollable" data-roll-type="save" data-roll-key="str" data-tooltip="{{localize 'PRISMRPG.RollSavingThrow'}}">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+              </a>
+              {{formInput
+                systemFields.saves.fields.str.fields.value
+                value=system.saves.str.value
+                disabled=isPlayMode
+              }}
+            </div>
+          </div>
+          <div class="attribute-shield">
+            <div class="attribute-label">
+              <a class="rollable" data-roll-type="characteristic" data-roll-key="dex">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+                DEX
+              </a>
+            </div>
+            <div class="attribute-value">
+              {{formInput
+                systemFields.characteristics.fields.dex.fields.value
+                value=system.characteristics.dex.value
+                disabled=isPlayMode
+              }}
+            </div>
+            <div class="attribute-save">
+              <a class="rollable save-rollable" data-roll-type="save" data-roll-key="dex" data-tooltip="{{localize 'PRISMRPG.RollSavingThrow'}}">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+              </a>
+              {{formInput
+                systemFields.saves.fields.dex.fields.value
+                value=system.saves.dex.value
+                disabled=isPlayMode
+              }}
+            </div>
+          </div>
+          <div class="attribute-shield">
+            <div class="attribute-label">
+              <a class="rollable" data-roll-type="characteristic" data-roll-key="con">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+                CON
+              </a>
+            </div>
+            <div class="attribute-value">
+              {{formInput
+                systemFields.characteristics.fields.con.fields.value
+                value=system.characteristics.con.value
+                disabled=isPlayMode
+              }}
+            </div>
+            <div class="attribute-save">
+              <a class="rollable save-rollable" data-roll-type="save" data-roll-key="con" data-tooltip="{{localize 'PRISMRPG.RollSavingThrow'}}">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+              </a>
+              {{formInput
+                systemFields.saves.fields.con.fields.value
+                value=system.saves.con.value
+                disabled=isPlayMode
+              }}
+            </div>
+          </div>
+          <div class="attribute-shield">
+            <div class="attribute-label">
+              <a class="rollable" data-roll-type="characteristic" data-roll-key="int">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+                INT
+              </a>
+            </div>
+            <div class="attribute-value">
+              {{formInput
+                systemFields.characteristics.fields.int.fields.value
+                value=system.characteristics.int.value
+                disabled=isPlayMode
+              }}
+            </div>
+            <div class="attribute-save">
+              <a class="rollable save-rollable" data-roll-type="save" data-roll-key="int" data-tooltip="{{localize 'PRISMRPG.RollSavingThrow'}}">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+              </a>
+              {{formInput
+                systemFields.saves.fields.int.fields.value
+                value=system.saves.int.value
+                disabled=isPlayMode
+              }}
+            </div>
+          </div>
+          <div class="attribute-shield">
+            <div class="attribute-label">
+              <a class="rollable" data-roll-type="characteristic" data-roll-key="wis">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+                WIS
+              </a>
+            </div>
+            <div class="attribute-value">
+              {{formInput
+                systemFields.characteristics.fields.wis.fields.value
+                value=system.characteristics.wis.value
+                disabled=isPlayMode
+              }}
+            </div>
+            <div class="attribute-save">
+              <a class="rollable save-rollable" data-roll-type="save" data-roll-key="wis" data-tooltip="{{localize 'PRISMRPG.RollSavingThrow'}}">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+              </a>
+              {{formInput
+                systemFields.saves.fields.wis.fields.value
+                value=system.saves.wis.value
+                disabled=isPlayMode
+              }}
+            </div>
+          </div>
+          <div class="attribute-shield">
+            <div class="attribute-label">
+              <a class="rollable" data-roll-type="characteristic" data-roll-key="cha">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+                CHA
+              </a>
+            </div>
+            <div class="attribute-value">
+              {{formInput
+                systemFields.characteristics.fields.cha.fields.value
+                value=system.characteristics.cha.value
+                disabled=isPlayMode
+              }}
+            </div>
+            <div class="attribute-save">
+              <a class="rollable save-rollable" data-roll-type="save" data-roll-key="cha" data-tooltip="{{localize 'PRISMRPG.RollSavingThrow'}}">
+                <i class="fa-duotone fa-solid fa-dice-d20"></i>
+              </a>
+              {{formInput
+                systemFields.saves.fields.cha.fields.value
+                value=system.saves.cha.value
+                disabled=isPlayMode
+              }}
+            </div>
+          </div>
+        </div>
+      </div>
+
+      {{! Right Column - Race, Classes }}
+      <div class="character-right-column">
+        {{! Race }}
+        <div class="race-section">
+          <div class="race-box">
+            <h4 class="race-label">Race</h4>
+            <div class="race-content">
+              {{#if race}}
+                <div class="race-item" data-item-id="{{race.id}}" data-item-uuid="{{race.uuid}}">
+                  <img class="item-img" src="{{race.img}}" data-tooltip="{{race.name}}" />
+                  <div class="race-name">{{race.name}}</div>
+                  <div class="controls">
+                    <a data-tooltip="{{localize 'PRISMRPG.Edit'}}" data-action="edit" data-item-id="{{race.id}}"
+                      data-item-uuid="{{race.uuid}}"><i class="fas fa-edit"></i></a>
+                    <a data-tooltip="{{localize 'PRISMRPG.Delete'}}" data-action="delete" data-item-id="{{race.id}}"
+                      data-item-uuid="{{race.uuid}}"><i class="fas fa-trash"></i></a>
+                  </div>
+                </div>
+              {{else}}
+                <div class="no-race">
+                  <p>{{localize "PRISMRPG.Message.dropRace"}}</p>
+                </div>
+              {{/if}}
+            </div>
+          </div>
+        </div>
+
+        {{! Classes (Three boxes) }}
+        <div class="classes-section">
+          {{#each classSlots as |classItem index|}}
+            <div class="class-box">
+              <h4 class="class-label">Class {{add index 1}}</h4>
+              <div class="class-content">
+                {{#if classItem}}
+                  <div class="class-item" data-item-id="{{classItem.id}}" data-item-uuid="{{classItem.uuid}}">
+                    <img class="item-img" src="{{classItem.img}}" data-tooltip="{{classItem.name}}" />
+                    <div class="class-name">{{classItem.name}}</div>
+                    <div class="controls">
+                      <a data-tooltip="{{localize 'PRISMRPG.Edit'}}" data-action="edit" data-item-id="{{classItem.id}}"
+                        data-item-uuid="{{classItem.uuid}}"><i class="fas fa-edit"></i></a>
+                      <a data-tooltip="{{localize 'PRISMRPG.Delete'}}" data-action="delete" data-item-id="{{classItem.id}}"
+                        data-item-uuid="{{classItem.uuid}}"><i class="fas fa-trash"></i></a>
+                    </div>
+                  </div>
+                {{else}}
+                  <div class="no-class">
+                    <p>{{localize "PRISMRPG.Message.dropClass"}}</p>
+                  </div>
+                {{/if}}
+              </div>
+            </div>
+          {{/each}}
+
+          {{! Alignment }}
+          <div class="class-box">
+            <h4 class="class-label">Alignment</h4>
+            <div class="class-content">
+              <div class="alignment-value">
+                {{formInput
+                  systemFields.biodata.fields.alignment
+                  value=system.biodata.alignment
+                  disabled=isPlayMode
+                }}
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
     </div>
-  </fieldset>
+  </div>
+</div>
 
 </section>

templates/character-skills.hbs

@@ -1,68 +1,10 @@
 <section class="tab character-{{tab.id}} {{tab.cssClass}}" data-tab="skills" data-group="sheet">
   <div class="main-div">
 
-  {{!-- Core Skill Selection (Prism RPG) --}}
+  {{!-- Skills Items --}}
-  <fieldset class="core-skill-selection">
-    <legend data-tooltip="{{localize 'PRISMRPG.Tooltip.coreSkill'}}" data-tooltip-direction="UP">
-      {{localize "PRISMRPG.Label.coreSkill"}}
-    </legend>
-    <div class="core-skill-info">
-      {{#if system.coreSkill.skill}}
-        <div class="selected-core-skill">
-          <span class="core-skill-name">{{localize (concat "PRISMRPG.CoreSkill." system.coreSkill.skill)}}</span>
-          <span class="core-skill-bonus">+5 {{localize "PRISMRPG.Label.basicChecks"}}</span>
-          {{#if system.coreSkill.attributeChoice}}
-            <span class="attribute-bonus">+2 {{localize (concat "PRISMRPG.Label." system.coreSkill.attributeChoice)}}</span>
-          {{/if}}
-          <span class="advanced-checks">{{localize "PRISMRPG.Label.advancedChecksEnabled"}}</span>
-        </div>
-      {{else}}
-        <div class="no-core-skill">
-          <p>{{localize "PRISMRPG.Message.selectCoreSkill"}}</p>
-          <select name="system.coreSkill.skill" {{#if isPlayMode}}disabled{{/if}}>
-            <option value="">{{localize "PRISMRPG.Label.chooseSkill"}}</option>
-            {{#each config.CORE_SKILLS as |skill skillId|}}
-              <option value="{{skillId}}">{{localize skill.label}}</option>
-            {{/each}}
-          </select>
-        </div>
-      {{/if}}
-    </div>
-  </fieldset>
-
-  {{!-- Available Core Skills Reference --}}
-  <fieldset class="core-skills-list">
-    <legend data-tooltip="{{localize 'PRISMRPG.Tooltip.coreSkills'}}" data-tooltip-direction="UP">
-      {{localize "PRISMRPG.Label.availableCoreSkills"}}
-    </legend>
-    <div class="skills-grid">
-      {{#each config.CORE_SKILLS as |skill skillId|}}
-        <div class="core-skill-item {{#if (eq ../system.coreSkill.skill skillId)}}selected{{/if}}"
-             data-skill-id="{{skillId}}">
-          <div class="skill-header">
-            <span class="skill-name">{{localize skill.label}}</span>
-            {{#if (eq ../system.coreSkill.skill skillId)}}
-              <span class="badge-core">{{localize "PRISMRPG.Label.yourCoreSkill"}}</span>
-            {{/if}}
-          </div>
-          <div class="skill-attributes">
-            <span class="attribute-choices-label">{{localize "PRISMRPG.Label.attributeChoices"}}:</span>
-            {{#each skill.attributeChoices as |attr|}}
-              <span class="attribute-choice {{#if (eq ../../system.coreSkill.attributeChoice attr)}}chosen{{/if}}">
-                {{localize (concat "PRISMRPG.Label." attr)}}
-              </span>
-              {{#unless @last}}/{{/unless}}
-            {{/each}}
-          </div>
-        </div>
-      {{/each}}
-    </div>
-  </fieldset>
-
-  {{!-- Skills Items (if any) --}}
   <fieldset>
     <legend data-tooltip="{{localize 'PRISMRPG.Tooltip.skills'}}" data-tooltip-direction="UP">
-      {{localize "PRISMRPG.Label.customSkills"}}
+      {{localize "PRISMRPG.Label.skills"}}
     </legend>
     <div class="skills">
       {{#each skills as |item|}}
@@ -118,27 +60,5 @@
       {{/each}}
     </div>
   </fieldset>
-
-  <fieldset>
-    <legend data-tooltip="{{localize 'PRISMRPG.Tooltip.vulnerabilities'}}" data-tooltip-direction="UP">
-      {{localize "PRISMRPG.Label.vulnerabilities"}}
-    </legend>
-    <div class="vulnerabilities">
-      {{#each vulnerabilities as |item|}}
-      <div class="vulnerability " data-item-id="{{item.id}}" data-item-uuid="{{item.uuid}}">
-        <img class="item-img" src="{{item.img}}" data-tooltip="{{item.name}}" />
-        <div class="name" data-tooltip="{{{item.description}}}<br><br>{{item.path}}" data-tooltip-direction="UP">
-          {{item.name}}
-        </div>
-        <div class="controls">
-          <a data-tooltip="{{localize 'PRISMRPG.Edit'}}" data-action="edit" data-item-id="{{item.id}}"
-            data-item-uuid="{{item.uuid}}"><i class="fas fa-edit"></i></a>
-          <a data-tooltip="{{localize 'PRISMRPG.Delete'}}" data-action="delete" data-item-id="{{item.id}}"
-            data-item-uuid="{{item.uuid}}"><i class="fas fa-trash"></i></a>
-        </div>
-      </div>
-      {{/each}}
-    </div>
-  </fieldset>
 </div>
 </section>

templates/character-subattributes-old.hbs

@@ -0,0 +1,257 @@
+<section class="character-subattributes tab" data-group="sheet" data-tab="subattributes">
+  {{log "character-subattributes" this}}
+
+  <div class="subattributes-content">
+    <h2 class="section-header">
+      <i class="fa-solid fa-diagram-project"></i>
+      Sub-Attributes
+    </h2>
+    <p class="section-description">
+      Sub-attributes are derived from the average of two primary characteristics.
+    </p>
+
+    <div class="subattributes-list">
+      {{#each (entries config.SUB_ATTRIBUTES) as |entry|}}
+        {{#with entry.1 as |subAttr|}}
+          <div class="subattribute-item">
+            <div class="subattribute-header">
+              <div class="subattribute-name">
+                <i class="fa-solid fa-circle-nodes"></i>
+                <span>{{localize subAttr.label}}</span>
+              </div>
+              <div class="subattribute-value">
+                <input
+                  type="text"
+                  value="{{lookup ../system.subAttributes subAttr.id 'value'}}"
+                  disabled
+                  readonly
+                />
+              </div>
+            </div>
+            <div class="subattribute-details">
+              <div class="subattribute-parents">
+                <span class="parent-label">From:</span>
+                {{#each subAttr.parents as |parentKey|}}
+                  <span class="parent-char">
+                    {{uppercase parentKey}}
+                    ({{lookup ../../system.characteristics parentKey 'value'}})
+                  </span>
+                {{/each}}
+              </div>
+              <div class="subattribute-description">
+                {{localize subAttr.description}}
+              </div>
+            </div>
+          </div>
+        {{/with}}
+      {{/each}}
+    </div>
+  </div>
+</section>
+
+  <div class="subattributes-wrapper">
+    {{! Character Header with Age, Length, Weight, Sex, Skin, Hair }}
+    <div class="character-bio-header">
+      <div class="bio-row">
+        <div class="bio-field">
+          <label>Age</label>
+          {{formInput
+            systemFields.bio.fields.age
+            value=system.bio.age
+            disabled=isPlayMode
+          }}
+        </div>
+        <div class="bio-field">
+          <label>Length</label>
+          {{formInput
+            systemFields.bio.fields.length
+            value=system.bio.length
+            disabled=isPlayMode
+          }}
+        </div>
+        <div class="bio-field">
+          <label>Weight</label>
+          {{formInput
+            systemFields.bio.fields.weight
+            value=system.bio.weight
+            disabled=isPlayMode
+          }}
+        </div>
+      </div>
+      <div class="bio-row">
+        <div class="bio-field">
+          <label>Sex</label>
+          {{formInput
+            systemFields.bio.fields.sex
+            value=system.bio.sex
+            disabled=isPlayMode
+          }}
+        </div>
+        <div class="bio-field">
+          <label>Skin</label>
+          {{formInput
+            systemFields.bio.fields.skin
+            value=system.bio.skin
+            disabled=isPlayMode
+          }}
+        </div>
+        <div class="bio-field">
+          <label>Hair</label>
+          {{formInput
+            systemFields.bio.fields.hair
+            value=system.bio.hair
+            disabled=isPlayMode
+          }}
+        </div>
+      </div>
+    </div>
+
+    {{! Sub-Attributes Table }}
+    <div class="subattributes-section">
+      <h3 class="section-title">Sub-Attribute</h3>
+      <div class="subattributes-table">
+        <div class="subattr-column">
+          <div class="subattr-header">Prowess</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.prowess
+              value=system.subattributes.prowess
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Vigor</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.vigor
+              value=system.subattributes.vigor
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Competence</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.competence
+              value=system.subattributes.competence
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Authority</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.authority
+              value=system.subattributes.authority
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Presence</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.presence
+              value=system.subattributes.presence
+              disabled=isPlayMode
+            }}
+          </div>
+        </div>
+
+        <div class="subattr-column">
+          <div class="subattr-header">Willpower</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.willpower
+              value=system.subattributes.willpower
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Resilience</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.resilience
+              value=system.subattributes.resilience
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Cunning</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.cunning
+              value=system.subattributes.cunning
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Guile</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.guile
+              value=system.subattributes.guile
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Sovereignty</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.sovereignty
+              value=system.subattributes.sovereignty
+              disabled=isPlayMode
+            }}
+          </div>
+        </div>
+
+        <div class="subattr-column">
+          <div class="subattr-header">Stamina</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.stamina
+              value=system.subattributes.stamina
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Initiative</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.initiative
+              value=system.subattributes.initiative
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Wit</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.wit
+              value=system.subattributes.wit
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Grace</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.grace
+              value=system.subattributes.grace
+              disabled=isPlayMode
+            }}
+          </div>
+          <div class="subattr-header">Tenacity</div>
+          <div class="subattr-cell">
+            {{formInput
+              systemFields.subattributes.fields.tenacity
+              value=system.subattributes.tenacity
+              disabled=isPlayMode
+            }}
+          </div>
+        </div>
+      </div>
+    </div>
+
+    {{! Proficiencies Section }}
+    <div class="proficiencies-section">
+      <h3 class="section-title">Proficiencies</h3>
+      <div class="proficiencies-box">
+        {{formInput
+          systemFields.proficiencies
+          value=system.proficiencies
+          disabled=isPlayMode
+          type="textarea"
+        }}
+      </div>
+    </div>
+  </div>
+</section>

templates/character-subattributes.hbs

@@ -0,0 +1,25 @@
+<section class="character-subattributes tab" data-group="sheet" data-tab="subattributes">
+  <div class="subattributes-content">
+    <div class="subattributes-list">
+      {{#each (entries config.SUB_ATTRIBUTES) as |entry|}}
+        {{#with entry.[1] as |subAttr|}}
+          <a class="rollable subattribute-item" data-roll-type="sub-attribute" data-roll-key="{{subAttr.id}}" title="{{#each subAttr.parents as |parentKey|}}{{uppercase parentKey}}{{#unless @last}}/{{/unless}}{{/each}}">
+            <div class="subattribute-header">
+              <i class="fa-duotone fa-solid fa-dice-d20"></i>
+              <div class="subattribute-name">{{localize subAttr.label}}</div>
+            </div>
+            <div class="subattribute-value">
+              {{#with (lookup ../../system.subAttributes subAttr.id) as |subAttrData|}}
+                {{#if (gt subAttrData.value 0)}}
+                  +{{subAttrData.value}}
+                {{else}}
+                  {{subAttrData.value}}
+                {{/if}}
+              {{/with}}
+            </div>
+          </a>
+        {{/with}}
+      {{/each}}
+    </div>
+  </div>
+</section>

templates/chat-message.hbs

@@ -9,80 +9,102 @@
       <span><STRONG>{{actingCharName}} - {{upperFirst rollName}}</STRONG></span>
 
       {{#if (match rollType "attack")}}
-      <span>Attack roll !</span>
+        <span>Attack roll !</span>
       {{/if}}
       {{#if (match rollType "defense")}}
-      <span>Defense roll !</span>
+        <span>Defense roll !</span>
       {{/if}}
 
       {{#if (eq rollData.favor "favor")}}
-      <span><strong>Favor roll</strong></span>
+        <span><strong>Favor roll</strong></span>
       {{/if}}
       {{#if (eq rollData.favor "disfavor")}}
-      <span><strong>Disfavor roll</strong></span>
+        <span><strong>Disfavor roll</strong></span>
       {{/if}}
       {{#if badResult}}
-      <span><strong>{{localize "PRISMRPG.Label.otherResult"}}</strong> : {{badResult}}</span>
+        <span><strong>{{localize "PRISMRPG.Label.otherResult"}}</strong>
+          :
+          {{badResult}}</span>
       {{/if}}
 
       {{#if rollTarget.weapon}}
-      <span>{{rollTarget.weapon.name}}</span>
+        <span>{{rollTarget.weapon.name}}</span>
       {{/if}}
 
       {{#if rollData.letItFly}}
-      <span>Let It Fly attack ! </span>
+        <span>Let It Fly attack ! </span>
       {{/if}}
       {{#if rollData.pointBlank}}
-      <span>Point Blank Range Attack !</span>
+        <span>Point Blank Range Attack !</span>
       {{/if}}
       {{#if rollData.beyondSkill}}
-      <span>Beyond Skill Range Attack !</span>
+        <span>Beyond Skill Range Attack !</span>
       {{/if}}
 
       <span><strong>Formula</strong> : {{titleFormula}}</span>
 
+      {{#if (eq rollType "save")}}
+        {{#if rollTarget.abilityModifier}}
+          <span style="font-size: 0.9em;">
+            (Ability Mod:
+            {{#if
+              (gt rollTarget.abilityModifier 0)
+            }}+{{/if}}{{rollTarget.abilityModifier}}, Save Bonus:
+            {{#if
+              (gt rollTarget.saveProficiency 0)
+            }}+{{/if}}{{rollTarget.saveProficiency}})
+          </span>
+        {{/if}}
+      {{/if}}
+
       {{#each diceResults as |result|}}
-      <span>{{result.dice}} : {{result.value}}</span>
+        <span>{{result.dice}} : {{result.value}}</span>
       {{/each}}
 
     </div>
   </div>
   {{#if isSave}}
-  <div class="result">
+    <div class="result">
-    {{#if (eq resultType "success")}}
+      {{#if (eq resultType "success")}}
-    {{#if isPrivate}}?{{else}}{{localize "PRISMRPG.Roll.success"}}{{/if}}
+        {{#if isPrivate}}?{{else}}{{localize "PRISMRPG.Roll.success"}}{{/if}}
-    {{else}}
+      {{else}}
-    {{#if isPrivate}}?{{else}}{{localize "PRISMRPG.Roll.failure"}}{{/if}}
+        {{#if isPrivate}}?{{else}}{{localize "PRISMRPG.Roll.failure"}}{{/if}}
-    {{/if}}
+      {{/if}}
-  </div>
+    </div>
   {{/if}}
   {{#if isResource}}
-  <div class="result">
+    <div class="result">
-    {{#if (eq resultType "success")}}
+      {{#if (eq resultType "success")}}
-    {{#if isPrivate}}?{{else}}{{localize "PRISMRPG.Roll.success"}}{{/if}}
+        {{#if isPrivate}}?{{else}}{{localize "PRISMRPG.Roll.success"}}{{/if}}
-    {{else}}
+      {{else}}
-    {{#if isPrivate}}?{{else}}{{localize "PRISMRPG.Roll.failure"}}{{#if isFailure}} ({{localize
+        {{#if isPrivate}}?{{else}}{{localize "PRISMRPG.Roll.failure"}}{{#if
-    "PRISMRPG.Roll.resourceLost"}}){{/if}}{{/if}}
+            isFailure
-    {{/if}}
+          }} ({{localize "PRISMRPG.Roll.resourceLost"}}){{/if}}{{/if}}
-  </div>
+      {{/if}}
+    </div>
   {{/if}}
   {{#if isDamage}}
-  <div>
+    <div>
-    {{#if (and isGM hasTarget)}}
+      {{#if (and isGM hasTarget)}}
-    {{{localize "PRISMRPG.Roll.displayArmor" targetName=targetName targetArmor=targetArmor realDamage=realDamage}}}
+        {{{localize
-    {{/if}}
+          "PRISMRPG.Roll.displayArmor"
-  </div>
+          targetName=targetName
+          targetArmor=targetArmor
+          realDamage=realDamage
+        }}}
+      {{/if}}
+    </div>
   {{/if}}
 
   {{#unless isPrivate}}
-  <div class="dice-result">
+    <div class="dice-result">
-    <h4 class="dice-total">{{total}}</h4>
+      <h4 class="dice-total">{{total}}</h4>
-  </div>
+    </div>
-  {{#if D30result}}
+    {{#if D30result}}
-  <div class="dice-result">
+      <div class="dice-result">
-    <h4 class="dice-total">D30 result: {{D30result}}</h4>
+        <h4 class="dice-total">D30 result: {{D30result}}</h4>
-  </div>
+      </div>
-  {{/if}}
+    {{/if}}
 
   {{/unless}}
 </div>

templates/roll-dialog-old.hbs

@@ -0,0 +1,119 @@
+<div class="prismrpg-roll-dialog">
+
+  <fieldSet class="">
+    <legend>{{localize (concat "PRISMRPG.Label." rollType)}} - {{actorName}}</legend>
+
+    {{#if rollTarget.tokenId}}
+    <div class="dialog-save">
+      <a class="goto-token-button" data-action="gotoToken" data-token-id="{{rollTarget.tokenId}}">{{localize
+        "PRISMRPG.Label.gotoToken"}} </a>
+    </div>
+    {{/if}}
+
+    {{#if (match rollType "attack")}}
+    <div class="dialog-save">Attack roll ! - {{rollTarget.name}}</div>
+    {{/if}}
+    {{#if (match rollType "defense")}}
+    <div class="dialog-save">Defense roll ! - {{rollTarget.name}}</div>
+    {{/if}}
+
+    {{#if hasModifier}}
+    <div class="dialog-save">{{upperFirst rollName}} : {{baseFormula}} + {{baseValue}}</div>
+    {{else}}
+    <div class="dialog-save">{{upperFirst rollName}} : {{baseFormula}}</div>
+    {{/if}}
+    {{#if rollTarget.weapon}}
+    <div class="dialog-save">{{localize "PRISMRPG.Label.baseModifier"}} : {{rollTarget.charModifier}}</div>
+    <div class="dialog-save">{{localize "PRISMRPG.Label.weapon"}} : {{rollTarget.weapon.name}}</div>
+    <div class="dialog-save">{{localize "PRISMRPG.Label.skill"}} : {{rollTarget.name}}</div>
+    <div class="dialog-save">{{localize "PRISMRPG.Label.skillBonus"}} : {{rollTarget.weaponSkillModifier}}</div>
+    {{/if}}
+
+    {{#if (match rollType "attack")}}
+    <div class="dialog-save">Add Granted Attack Dice
+      <input type="checkbox" data-action="selectGranted" name="granted">
+    </div>
+    {{#if rollTarget.weapon}}
+    {{#if (eq rollTarget.weapon.system.weaponType "melee")}}
+    {{else}}
+    <div class="dialog-save">Point Blank Range Attack
+      <input type="checkbox" data-action="selectPointBlank" name="pointBlankV">
+    </div>
+    <div class="dialog-save">Beyond Skill Range Attack
+      <input type="checkbox" data-action="selectBeyondSkill" name="beyondSkillV">
+    </div>
+    <div class="dialog-save">Let it Fly (Pure D20E)
+      <input type="checkbox" data-action="selectLetItFly" name="letItFlyV">
+    </div>
+    <div class="dialog-save">Aiming
+      <select name="attackerAim" data-tooltip-direction="UP">
+        {{selectOptions attackerAimChoices selected=attackerAim}}
+      </select>
+    </div>
+    {{/if}}
+    {{/if}}
+
+    {{/if}}
+    {{#if (match rollType "defense")}}
+    <div class="dialog-save">Add Granted Defense Dice
+      <input type="checkbox" data-action="selectGranted" name="granted">
+    </div>
+    {{/if}}
+    {{#if (match rollType "damage")}}
+    <div class="dialog-save">Add Granted Damage Dice
+      <input type="checkbox" data-action="selectGranted" name="granted">
+    </div>
+    {{/if}}
+
+    {{#if rollTarget.staticModifier}}
+    <div class="dialog-save">Static modifier : +{{rollTarget.staticModifier}}</div>
+    {{/if}}
+
+  </fieldSet>
+
+
+  {{#if hasFavor}}
+  <fieldSet class="dialog-favor">
+    <legend>{{localize "PRISMRPG.Roll.favorDisfavor"}}</legend>
+    <select name="favor" class="favor-choice" data-tooltip-direction="UP">
+      {{selectOptions choiceFavor selected=favor}}
+    </select>
+  </fieldSet>
+  {{/if}}
+
+  {{#if hasModifier}}
+  <fieldSet class="dialog-modifier">
+    <legend>{{localize "PRISMRPG.Roll.modifierBonusMalus"}}</legend>
+    <select name="modifier" data-tooltip-direction="UP">
+      {{selectOptions choiceModifier selected=modifier}}
+    </select>
+
+    {{#if (eq rollType "save")}}
+    {{#if rollTarget.magicUser}}
+    <div>
+      <span>Save against spell (+{{rollTarget.actorModifiers.saveModifier}}) ?</span>
+      <input type="checkbox" name="saveSpellCheck" data-action="saveSpellCheck">
+    </div>
+    {{/if}}
+    {{/if}}
+  </fieldSet>
+  {{/if}}
+
+  {{#if hasChangeDice}}
+  <fieldSet class="dialog-modifier">
+    <legend>{{localize "PRISMRPG.Roll.changeDice"}}</legend>
+    <select name="changeDice" data-tooltip-direction="UP">
+      {{selectOptions choiceDice selected=changeDice}}
+    </select>
+  </fieldSet>
+  {{/if}}
+
+  <fieldSet>
+    <legend>{{localize "PRISMRPG.Roll.visibility"}}</legend>
+    <select name="visibility">
+      {{selectOptions rollModes selected=visibility localize=true}}
+    </select>
+  </fieldSet>
+
+
+</div>

templates/roll-dialog.hbs

@@ -1,111 +1,71 @@
 <div class="prismrpg-roll-dialog">
-
+  <fieldSet>
-  <fieldSet class="">
+    <legend>{{localize (concat "PRISMRPG.Label." rollType)}}
-    <legend>{{localize (concat "PRISMRPG.Label." rollType)}} - {{actorName}}</legend>
+      -
-
+      {{actorName}}</legend>
-    {{#if rollTarget.tokenId}}
-    <div class="dialog-save">
-      <a class="goto-token-button" data-action="gotoToken" data-token-id="{{rollTarget.tokenId}}">{{localize
-        "PRISMRPG.Label.gotoToken"}} </a>
-    </div>
-    {{/if}}
-
-    {{#if (match rollType "attack")}}
-    <div class="dialog-save">Attack roll ! - {{rollTarget.name}}</div>
-    {{/if}}
-    {{#if (match rollType "defense")}}
-    <div class="dialog-save">Defense roll ! - {{rollTarget.name}}</div>
-    {{/if}}
 
     {{#if hasModifier}}
-    <div class="dialog-save">{{upperFirst rollName}} : {{baseFormula}} + {{baseValue}}</div>
+      <div class="dialog-save">
+        <strong>{{upperFirst rollName}}</strong>
+        :
+        {{dice}}
+        +
+        {{baseValue}}
+      </div>
+      {{#if (eq rollType "save")}}
+        <div class="dialog-save" style="font-size: 0.9em; color: #666;">
+          (Ability Mod:
+          {{#if
+            (gt rollTarget.abilityModifier 0)
+          }}+{{/if}}{{rollTarget.abilityModifier}}
+          + Save Bonus:
+          {{#if
+            (gt rollTarget.saveProficiency 0)
+          }}+{{/if}}{{rollTarget.saveProficiency}})
+        </div>
+      {{/if}}
     {{else}}
-    <div class="dialog-save">{{upperFirst rollName}} : {{baseFormula}}</div>
+      <div class="dialog-save">
-    {{/if}}
+        <strong>{{upperFirst rollName}}</strong>
-    {{#if rollTarget.weapon}}
+        :
-    <div class="dialog-save">{{localize "PRISMRPG.Label.baseModifier"}} : {{rollTarget.charModifier}}</div>
+        {{dice}}
-    <div class="dialog-save">{{localize "PRISMRPG.Label.weapon"}} : {{rollTarget.weapon.name}}</div>
+      </div>
-    <div class="dialog-save">{{localize "PRISMRPG.Label.skill"}} : {{rollTarget.name}}</div>
-    <div class="dialog-save">{{localize "PRISMRPG.Label.skillBonus"}} : {{rollTarget.weaponSkillModifier}}</div>
     {{/if}}
 
-    {{#if (match rollType "attack")}}
-    <div class="dialog-save">Add Granted Attack Dice
-      <input type="checkbox" data-action="selectGranted" name="granted">
-    </div>
     {{#if rollTarget.weapon}}
-    {{#if (eq rollTarget.weapon.system.weaponType "melee")}}
+      <div class="dialog-save">
-    {{else}}
+        {{localize "PRISMRPG.Label.weapon"}}
-    <div class="dialog-save">Point Blank Range Attack
+        :
-      <input type="checkbox" data-action="selectPointBlank" name="pointBlankV">
+        {{rollTarget.weapon.name}}
-    </div>
+      </div>
-    <div class="dialog-save">Beyond Skill Range Attack
+      <div class="dialog-save">
-      <input type="checkbox" data-action="selectBeyondSkill" name="beyondSkillV">
+        {{localize "PRISMRPG.Label.skill"}}
-    </div>
+        :
-    <div class="dialog-save">Let it Fly (Pure D20E)
+        {{rollTarget.name}}
-      <input type="checkbox" data-action="selectLetItFly" name="letItFlyV">
+      </div>
-    </div>
+    {{/if}}
-    <div class="dialog-save">Aiming
+  </fieldSet>
-      <select name="attackerAim" data-tooltip-direction="UP">
+
-        {{selectOptions attackerAimChoices selected=attackerAim}}
+  {{#if hasAdvantage}}
+    <fieldSet class="dialog-advantage">
+      <legend>{{localize "PRISMRPG.Roll.advantageDisadvantage"}}</legend>
+      <select
+        name="advantage"
+        class="advantage-choice"
+        data-tooltip-direction="UP"
+      >
+        {{selectOptions choiceAdvantage selected=advantage}}
       </select>
-    </div>
+    </fieldSet>
-    {{/if}}
-    {{/if}}
-
-    {{/if}}
-    {{#if (match rollType "defense")}}
-    <div class="dialog-save">Add Granted Defense Dice
-      <input type="checkbox" data-action="selectGranted" name="granted">
-    </div>
-    {{/if}}
-    {{#if (match rollType "damage")}}
-    <div class="dialog-save">Add Granted Damage Dice
-      <input type="checkbox" data-action="selectGranted" name="granted">
-    </div>
-    {{/if}}
-
-    {{#if rollTarget.staticModifier}}
-    <div class="dialog-save">Static modifier : +{{rollTarget.staticModifier}}</div>
-    {{/if}}
-
-  </fieldSet>
-
-
-  {{#if hasFavor}}
-  <fieldSet class="dialog-favor">
-    <legend>{{localize "PRISMRPG.Roll.favorDisfavor"}}</legend>
-    <select name="favor" class="favor-choice" data-tooltip-direction="UP">
-      {{selectOptions choiceFavor selected=favor}}
-    </select>
-  </fieldSet>
   {{/if}}
 
   {{#if hasModifier}}
-  <fieldSet class="dialog-modifier">
+    <fieldSet class="dialog-modifier">
-    <legend>{{localize "PRISMRPG.Roll.modifierBonusMalus"}}</legend>
+      <legend>{{localize "PRISMRPG.Roll.modifierBonusMalus"}}</legend>
-    <select name="modifier" data-tooltip-direction="UP">
+      <select name="modifier" data-tooltip-direction="UP">
-      {{selectOptions choiceModifier selected=modifier}}
+        {{selectOptions choiceModifier selected=modifier}}
-    </select>
+      </select>
-
+    </fieldSet>
-    {{#if (eq rollType "save")}}
-    {{#if rollTarget.magicUser}}
-    <div>
-      <span>Save against spell (+{{rollTarget.actorModifiers.saveModifier}}) ?</span>
-      <input type="checkbox" name="saveSpellCheck" data-action="saveSpellCheck">
-    </div>
-    {{/if}}
-    {{/if}}
-  </fieldSet>
-  {{/if}}
-
-  {{#if hasChangeDice}}
-  <fieldSet class="dialog-modifier">
-    <legend>{{localize "PRISMRPG.Roll.changeDice"}}</legend>
-    <select name="changeDice" data-tooltip-direction="UP">
-      {{selectOptions choiceDice selected=changeDice}}
-    </select>
-  </fieldSet>
   {{/if}}
 
   <fieldSet>
@@ -114,6 +74,4 @@
       {{selectOptions rollModes selected=visibility localize=true}}
     </select>
   </fieldSet>
-
-
 </div>

templates/skill.hbs

@@ -11,6 +11,19 @@
     <p class="hint">{{localize "PRISMRPG.Hint.isCoreSkill"}}</p>
   </div>
 
+  {{!-- Primary Attribute for Skill Checks --}}
+  <div class="form-group">
+    <label>{{localize "PRISMRPG.Label.primaryAttribute"}}</label>
+    <select name="system.primaryAttribute">
+      {{#each config.CHARACTERISTICS}}
+        <option value="{{@key}}" {{#if (eq ../system.primaryAttribute @key)}}selected{{/if}}>
+          {{localize this.label}}
+        </option>
+      {{/each}}
+    </select>
+    <p class="hint">Primary attribute used for skill checks (D&D 5e style: ability modifier + proficiency)</p>
+  </div>
+
   {{#if system.isCoreSkill}}
     {{!-- Attribute Bonus Selection --}}
     <div class="form-group">