diff --git a/daughters-of-lam/daughters-of-lam.css b/daughters-of-lam/daughters-of-lam.css
new file mode 100644
index 0000000000..3176b7860a
--- /dev/null
+++ b/daughters-of-lam/daughters-of-lam.css
@@ -0,0 +1,5207 @@
+@import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=block');
+@import url('https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap');
+
+.charsheet {
+ --main-color: #8fc8ff;
+ --accent-color: #b89cff;
+ --text-color: #e8eef6;
+ --muted-color: #a7b3c2;
+ --bg: #0f1318;
+ --panel: #171d25;
+ --panel-2: #1f2732;
+ --field: #0d1218;
+ --border: #314052;
+ --good: #9ff0b3;
+ --warn: #ffb86b;
+ --bad: #ff8d8d;
+ --main-font: "Rajdhani", sans-serif;
+ --mono-font: "Share Tech Mono", monospace;
+}
+
+* {
+ box-sizing: border-box;
+}
+
+button,
+input,
+select,
+span,
+label,
+option,
+textarea,
+button[type="roll"] {
+ width: 100% !important;
+ background-image: none;
+ border-radius: 4px;
+ font-size: 12px;
+ -moz-appearance: textfield;
+ appearance: none;
+ text-align: center;
+ text-shadow: none;
+ box-shadow: none;
+ outline: none;
+ display: inline-block;
+ padding: 0;
+ border: none;
+ font-weight: 500;
+ line-height: 20px;
+ height: 20px;
+ color: var(--text-color);
+ border-color: var(--border) !important;
+ background-color: transparent;
+ border: 1px solid;
+}
+
+button,
+input,
+select,
+span,
+label,
+option,
+button[type="roll"] {
+ height: 20px !important;
+ margin: 0;
+ padding: 0;
+}
+
+option {
+ height: 18px !important;
+ margin: 0;
+ padding: 0;
+ background-color: var(--bg);
+ color: var(--text-color);
+}
+
+select {
+ line-height: 16px !important;
+}
+
+.charsheet label {
+ background-color: transparent !important;
+ border: none !important;
+ margin: 0;
+ padding: 0;
+ text-align: center;
+}
+
+input[type="number"] {
+ -moz-appearance: textfield !important;
+ appearance: textfield !important;
+ text-align: center;
+}
+
+input[type="number"]::-webkit-inner-spin-button,
+input[type="number"]::-webkit-outer-spin-button {
+ -webkit-appearance: none !important;
+ margin: 0 !important;
+}
+
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+ cursor: default;
+ border-color: var(--border) !important;
+ color: var(--muted-color);
+ background-color: var(--field);
+}
+
+.charsheet textarea {
+ width: 100% !important;
+ border: 1px solid var(--border);
+ height: 40px;
+ line-height: 14px !important;
+ text-shadow: none;
+ font-family: var(--mono-font);
+ font-weight: normal;
+ box-shadow: none;
+ resize: vertical;
+ overflow: hidden;
+ padding: 4px 6px;
+ margin: 0;
+ font-style: italic;
+ color: var(--text-color);
+ background-color: var(--field);
+}
+
+::placeholder {
+ text-align: left !important;
+ text-indent: 3px;
+ font-size: 10px;
+ font-family: var(--mono-font) !important;
+ color: var(--muted-color);
+}
+
+button[type="roll"] {
+ min-height: 18px;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px !important;
+ box-shadow: none !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ background: transparent !important;
+ cursor: pointer;
+}
+
+.ui-dialog .charsheet button[type="roll"]:before {
+ text-align: center;
+ height: 15px;
+ font-family: "Material Symbols Outlined" !important;
+ font-size: 13px;
+ font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
+ vertical-align: middle;
+ position: relative;
+ top: -1px;
+ width: 100%;
+ display: grid;
+ overflow: hidden;
+}
+
+input[type="checkbox"] {
+ border-color: var(--border) !important;
+ max-height: 14px;
+ border-radius: 4px;
+}
+
+input[type="checkbox"]:focus {
+ outline: none;
+ box-shadow: none;
+}
+
+input[type="checkbox"]:checked {
+ background-color: var(--main-color);
+}
+
+input[type="checkbox"]:checked::before {
+ content: "check";
+ color: var(--bg);
+ font-family: "Material Symbols Outlined";
+ font-size: 10px;
+ line-height: 12px;
+ letter-spacing: normal;
+}
+
+input[type="checkbox"]::before {
+ content: "close";
+ color: var(--muted-color);
+ font-family: "Material Symbols Outlined";
+ font-size: 10px;
+ line-height: 12px;
+ letter-spacing: normal;
+}
+
+.charsheet .repcontrol {
+ display: flex !important;
+ flex-direction: row !important;
+ align-items: center;
+ justify-content: flex-end;
+ gap: 4px;
+ margin-top: 8px !important;
+ height: auto !important;
+}
+
+.charsheet .repcontrol[data-groupname="repeating_weapons"],
+.charsheet .repcontrol[data-groupname="repeating_invocations"],
+.charsheet .repcontainer[data-groupname="repeating_weapons"] + .repcontrol,
+.charsheet .repcontainer[data-groupname="repeating_invocations"] + .repcontrol {
+ position: relative;
+ top: 22px;
+}
+
+.repcontrol_add,
+.repcontrol_edit,
+.repcontrol_move,
+.repcontrol_del {
+ opacity: 1;
+ border: 0;
+}
+
+.repcontrol_add:hover,
+.repcontrol_edit:hover,
+.repcontrol_move:hover,
+.repcontrol_del:hover {
+ opacity: 1;
+}
+
+.sheet-hidden {
+ display: none !important;
+}
+
+.sheet-left,
+select.sheet-left option {
+ text-align: left !important;
+ padding-left: 4px !important;
+}
+
+.sheet-right {
+ text-align: right !important;
+}
+
+.sheet-center {
+ text-align: center !important;
+}
+
+.charsheet {
+ background-color: var(--bg);
+ color: var(--text-color);
+ font-family: var(--mono-font);
+ font-size: 12px;
+}
+
+.charsheet .sheet-dolam-wrapper {
+ max-width: 1100px;
+ margin: 0 auto;
+ padding: 8px;
+}
+
+.charsheet .sheet-header {
+ background: var(--panel);
+ border: 1px solid var(--border);
+ border-radius: 8px;
+ padding: 8px 10px;
+ margin-bottom: 8px;
+ width: 100% !important;
+ height: auto !important;
+}
+
+.charsheet .sheet-toolbar {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 6px;
+ margin-bottom: 4px;
+ padding: 3px 6px;
+ height: auto !important;
+ background: transparent;
+ border: none;
+ opacity: 0.75;
+}
+
+.charsheet .sheet-toolbar-left {
+ display: flex;
+ flex-direction: column;
+ gap: 3px;
+ height: auto !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-player-input {
+ height: 16px !important;
+ font-size: 9px !important;
+ font-family: var(--mono-font);
+ color: var(--muted-color) !important;
+ border: none !important;
+ background: transparent !important;
+ padding: 0 4px !important;
+ opacity: 0.6;
+ width: 120px !important;
+}
+
+.charsheet .sheet-player-input:focus {
+ opacity: 1;
+ border-bottom: 1px solid var(--border) !important;
+}
+
+.charsheet .sheet-toolbar-privacy {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ height: auto !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-toolbar-rolls {
+ display: flex;
+ gap: 5px;
+ height: auto !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-toolbar-row2 button[type="roll"],
+.charsheet .sheet-toolbar-row2 button[type="action"] {
+ width: 76px !important;
+ height: 22px !important;
+ font-size: 10px !important;
+}
+
+.charsheet .sheet-header-grid {
+ display: grid;
+ grid-template-columns: 50px 35px 1.5fr 1fr 1fr 1fr;
+ gap: 5px;
+ align-items: end;
+ height: auto !important;
+}
+
+.charsheet .sheet-header-spacer {
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-header-grid .sheet-field input[readonly] {
+ color: var(--warn) !important;
+ font-weight: 700;
+ font-size: 13px !important;
+ text-align: center;
+}
+
+.charsheet .sheet-nav-bar {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 3px;
+ padding: 4px;
+ margin-bottom: 8px;
+ background: var(--panel-2);
+ border: 1px solid var(--border);
+ border-radius: 8px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-nav-label {
+ flex: 1 1 60px;
+ padding: 5px 8px;
+ border: 1px solid transparent;
+ border-radius: 4px;
+ background: transparent;
+ color: var(--muted-color);
+ font-family: var(--main-font);
+ font-size: 11px;
+ font-weight: 700;
+ letter-spacing: 0.06em;
+ text-transform: uppercase;
+ text-align: center;
+ cursor: pointer;
+ height: auto !important;
+ line-height: 1.3 !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-nav-label input[type="radio"] {
+ display: none !important;
+ width: 0 !important;
+ height: 0 !important;
+ margin: 0 !important;
+ padding: 0 !important;
+ border: none !important;
+}
+
+.charsheet .sheet-nav-label:hover {
+ color: var(--main-color);
+}
+
+.charsheet .sheet-nav-label.sheet-nav-active {
+ color: var(--main-color);
+ background-color: var(--panel)!important;
+}
+
+.charsheet .sheet-section {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ margin-bottom: 8px;
+ width: 100% !important;
+ height: auto !important;
+}
+
+.charsheet .sheet-section-single {
+ display: block;
+}
+
+.charsheet .sheet-card {
+ background: var(--panel);
+ border: 1px solid var(--border);
+ border-radius: 8px;
+ padding: 8px;
+ width: 100%;
+ height: auto !important;
+}
+
+.charsheet .sheet-card2 {
+ background: none!important;
+ border: none!important;
+ padding: 0!important;
+}
+
+.charsheet .sheet-card-full {
+ flex: 1 1 100%;
+ width: 100% !important;
+}
+
+.charsheet .sheet-card-wide {
+ flex: 2 1 400px;
+}
+
+.charsheet .sheet-card-title {
+ margin: 0 0 6px 0;
+ color: var(--main-color);
+ font-family: var(--main-font);
+ font-size: 11px;
+ font-weight: 700;
+ letter-spacing: 0.06em;
+ text-transform: uppercase;
+ height: auto !important;
+ line-height: 1.2 !important;
+ width: 100% !important;
+ border: none !important;
+ background: transparent !important;
+ text-align: left !important;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+}
+
+.charsheet .sheet-field {
+ display: flex;
+ flex-direction: column;
+ gap: 3px;
+ min-width: 0;
+ border: none !important;
+ background: transparent !important;
+ height: auto !important;
+ text-align: left !important;
+}
+
+.charsheet .sheet-field span {
+ color: var(--muted-color);
+ font-family: var(--mono-font);
+ font-size: 9px !important;
+ font-weight: 600;
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: 100% !important;
+ text-align: left !important;
+ line-height: 1.2 !important;
+}
+
+.charsheet .sheet-field input[type="text"],
+.charsheet .sheet-field input[type="number"],
+.charsheet .sheet-field select {
+ height: 20px !important;
+ padding: 0 6px;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px;
+ background: var(--field);
+ color: var(--text-color);
+ font-size: 12px;
+ text-align: left;
+ width: 100% !important;
+}
+
+.charsheet .sheet-field textarea {
+ height: 50px;
+ padding: 4px 6px;
+ border: 1px solid var(--border) !important;
+ background: var(--field);
+ color: var(--text-color);
+ text-align: left;
+ resize: vertical;
+}
+
+.charsheet .sheet-field-full {
+ width: 100%;
+ flex: 1 1 100%;
+}
+
+.charsheet .sheet-field-big input {
+ height: 34px !important;
+ font-size: 18px !important;
+ font-weight: 700 !important;
+ text-align: center !important;
+ color: var(--good) !important;
+}
+
+.charsheet .sheet-identity-grid,
+.charsheet .sheet-xp-grid,
+.charsheet .sheet-derived-grid,
+.charsheet .sheet-vitals-grid,
+.charsheet .sheet-dt-grid,
+.charsheet .sheet-armor-grid,
+.charsheet .sheet-load-grid {
+ display: flex;
+ flex-wrap: nowrap;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-load-grid .sheet-field {
+ flex: 1 1 60px;
+ flex-direction: row;
+ align-items: center;
+ gap: 4px;
+}
+
+.charsheet .sheet-load-grid .sheet-field span {
+ white-space: nowrap;
+ font-size: 9px;
+}
+
+.charsheet .sheet-load-grid .sheet-field input {
+ width: 46px !important;
+ height: 20px !important;
+ font-size: 11px !important;
+ text-align: center;
+}
+
+.charsheet .sheet-load-grid-placeholder,
+.charsheet .sheet-xp-grid,
+.charsheet .sheet-abbey-stats-grid {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-identity-grid .sheet-field,
+.charsheet .sheet-derived-grid .sheet-field,
+.charsheet .sheet-armor-grid .sheet-field,
+.charsheet .sheet-abbey-stats-grid .sheet-field {
+ flex: 1 1 140px;
+}
+
+.charsheet .sheet-xp-grid .sheet-field,
+.charsheet .sheet-vitals-grid .sheet-field,
+.charsheet .sheet-dt-grid .sheet-field,
+.charsheet .sheet-load-grid .sheet-field {
+ flex: 1 1 100px;
+}
+
+.charsheet .sheet-xp-grid {
+display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+}
+
+.charsheet .sheet-xp-grid .sheet-field {
+ flex: 1 1 0 !important;
+ min-width: 0;
+}
+
+.charsheet .sheet-res-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-wounds-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-abbey-boons-grid {
+ display: grid;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-weapon-grid,
+.charsheet .sheet-inventory-grid,
+.charsheet .sheet-cyber-grid,
+.charsheet .sheet-adornment-grid,
+.charsheet .sheet-invocation-grid,
+.charsheet .sheet-trait-grid,
+.charsheet .sheet-perk-grid,
+.charsheet .sheet-discipline-grid,
+.charsheet .sheet-talent-grid,
+.charsheet .sheet-boon-grid,
+.charsheet .sheet-building-grid,
+.charsheet .sheet-resource-grid,
+.charsheet .sheet-npc-grid {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-weapon-grid .sheet-field,
+.charsheet .sheet-inventory-grid .sheet-field,
+.charsheet .sheet-cyber-grid .sheet-field,
+.charsheet .sheet-adornment-grid .sheet-field,
+.charsheet .sheet-invocation-grid .sheet-field,
+.charsheet .sheet-trait-grid .sheet-field,
+.charsheet .sheet-perk-grid .sheet-field,
+.charsheet .sheet-discipline-grid .sheet-field,
+.charsheet .sheet-talent-grid .sheet-field,
+.charsheet .sheet-boon-grid .sheet-field,
+.charsheet .sheet-building-grid .sheet-field,
+.charsheet .sheet-resource-grid .sheet-field,
+.charsheet .sheet-npc-grid .sheet-field {
+ flex: 1 1 140px;
+}
+
+.charsheet .sheet-stat-table {
+ display: grid;
+ grid-template-columns: 130px 48px 48px 58px 70px;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-stat-head {
+ color: var(--accent-color);
+ font-family: var(--mono-font);
+ font-size: 9px;
+ font-weight: 700;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+ padding-bottom: 2px;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-stat-label {
+ color: var(--text-color);
+ font-family: var(--main-font);
+ font-size: 12px;
+ font-weight: 600;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: 100% !important;
+ text-align: left !important;
+}
+
+.charsheet .sheet-stat-table input {
+ width: 100% !important;
+ text-align: center;
+ padding: 0 2px;
+ height: 22px !important;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px;
+ background: var(--field);
+ color: var(--text-color);
+ font-size: 12px;
+}
+
+.charsheet .sheet-stat-table input[readonly] {
+ color: var(--good) !important;
+ font-weight: 700;
+}
+
+.charsheet .sheet-stat-table button[type="roll"] {
+ height: 22px !important;
+ font-size: 10px !important;
+ font-family: var(--mono-font);
+}
+
+.charsheet .sheet-pts-left {
+ margin-left: auto;
+ color: var(--warn);
+ font-family: var(--mono-font);
+ font-size: 9px;
+ font-weight: normal;
+ text-transform: none;
+ letter-spacing: 0;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-pts-left input {
+ width: 36px !important;
+ height: 16px !important;
+ font-size: 11px !important;
+ font-weight: 700;
+ color: var(--warn) !important;
+ background: transparent !important;
+ border: none !important;
+ padding: 0 2px !important;
+ display: inline-block;
+}
+
+.charsheet button[type="roll"] {
+ width: 100% !important;
+ height: 20px !important;
+ padding: 0px !important;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px !important;
+ background: var(--panel-2) !important;
+ color: var(--muted-color);
+ font-family: var(--mono-font);
+ font-size: 10px !important;
+ line-height: 10px;
+ font-weight: 700;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+}
+
+.charsheet button[type="roll"]:hover {
+ border-color: var(--accent-color) !important;
+}
+
+.charsheet .sheet-btn-row {
+ display: flex;
+ gap: 6px;
+ margin-top: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-btn-row button[type="roll"] {
+ flex: 1 1 auto;
+}
+
+.charsheet .sheet-quickrolls-grid {
+ display: flex;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-quickrolls-grid button[type="roll"] {
+ flex: 1 1 70px;
+}
+
+.charsheet .sheet-xp-ref {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+ margin-top: 6px;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: 100% !important;
+ height: auto !important;
+}
+
+.charsheet .sheet-xp-ref span {
+ background: var(--field);
+ border: 1px solid var(--border);
+ border-radius: 3px;
+ padding: 1px 5px;
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--muted-color);
+ height: auto !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-conditions-bar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ gap: 5px;
+ margin-bottom: 10px;
+ padding-left: 0 !important;
+ padding-right: 0 !important;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-conditions-bar .sheet-condition input[type="checkbox"]:checked ~ span {
+ color: var(--bad) !important;
+}
+
+.charsheet .sheet-conditions-bar .sheet-condition input[name="attr_cond_prone"]:checked {
+ background-color: var(--bad) !important;
+ border-color: var(--bad) !important;
+}
+
+.charsheet .sheet-conditions-bar .sheet-condition input[name="attr_cond_prone"]:checked ~ span {
+ color: var(--bad) !important;
+}
+
+.charsheet .sheet-conditions-grid {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-condition {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ padding: 3px 7px;
+ border: 1px solid var(--border);
+ border-radius: 4px;
+ background: var(--field);
+ font-family: var(--mono-font);
+ font-size: 10px;
+ color: var(--muted-color);
+ text-transform: uppercase;
+ cursor: pointer;
+ height: auto !important;
+ width: auto !important;
+ background-color: var(--field) !important;
+}
+
+.charsheet .sheet-condition span {
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+ color: var(--muted-color);
+}
+
+.charsheet .sheet-condition input[type="checkbox"] {
+ -webkit-appearance: none !important;
+ appearance: none !important;
+ width: 12px !important;
+ height: 12px !important;
+ max-height: 12px;
+ flex-shrink: 0;
+ margin: 0;
+ border: 1px solid var(--border) !important;
+ border-radius: 2px;
+ display: flex !important;
+ align-items: center;
+ justify-content: center;
+ padding: 0 !important;
+}
+
+.charsheet .sheet-condition input[type="checkbox"]::before {
+ content: "" !important;
+ font-family: "Material Symbols Outlined";
+ font-size: 9px;
+ line-height: 1;
+ color: transparent;
+ text-align: center;
+ display: block;
+ width: 100%;
+}
+
+.charsheet .sheet-condition input[type="checkbox"]:checked {
+ background-color: var(--bad) !important;
+ border-color: var(--bad) !important;
+}
+
+.charsheet .sheet-condition input[type="checkbox"]:checked::before {
+ content: "check" !important;
+ color: var(--bg);
+}
+
+.charsheet .sheet-condition-rank {
+ gap: 6px;
+}
+
+.charsheet .sheet-condition-rank input[type="number"] {
+ width: 36px !important;
+ height: 18px !important;
+ text-align: center;
+}
+
+.charsheet .sheet-abbey-ref,
+.charsheet .sheet-npc-ref,
+.charsheet .sheet-level-ref {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 4px;
+ margin-top: 6px;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-abbey-ref-top,
+.charsheet .sheet-xp-ref-top {
+ justify-content: space-between;
+ margin-top: 0;
+ border-radius: 4px;
+ gap: 5px;
+}
+
+.charsheet .sheet-abbey-ref span,
+.charsheet .sheet-npc-ref span {
+ background: var(--field);
+ border: 1px solid var(--border);
+ border-radius: 3px;
+ padding: 2px 6px;
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--muted-color);
+ height: auto !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-level-ref {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+}
+
+.charsheet .sheet-level-ref div {
+ font-family: var(--mono-font);
+ font-size: 10px;
+ color: var(--muted-color);
+ padding: 3px 6px;
+ border-left: 2px solid var(--border);
+ height: auto !important;
+ width: 100% !important;
+ text-align: left !important;
+ display: block;
+}
+
+.charsheet .sheet-level-ref strong {
+ color: var(--main-color);
+}
+
+.charsheet .sheet-burnout-field {
+ border: 1px solid var(--bad) !important;
+ color: var(--bad) !important;
+ flex-direction: row !important;
+}
+
+.charsheet .sheet-burnout-field input[type="checkbox"]:checked {
+ background-color: var(--bad);
+}
+
+.charsheet .sheet-burnout-field span {
+ color: var(--bad) !important;
+}
+
+.charsheet .sheet-privacy-row {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ margin-top: 6px;
+ flex-wrap: wrap;
+ height: auto !important;
+}
+
+.charsheet .sheet-weapon-grid,
+.charsheet .sheet-inventory-grid,
+.charsheet .sheet-cyber-grid,
+.charsheet .sheet-adornment-grid,
+.charsheet .sheet-invocation-grid,
+.charsheet .sheet-trait-grid,
+.charsheet .sheet-perk-grid,
+.charsheet .sheet-discipline-grid,
+.charsheet .sheet-talent-grid,
+.charsheet .sheet-boon-grid,
+.charsheet .sheet-building-grid,
+.charsheet .sheet-resource-grid,
+.charsheet .sheet-npc-grid,
+.charsheet .sheet-repeating-grid
+ {
+ padding: 6px;
+ border: 1px solid var(--border);
+ border-radius: 4px;
+ background: var(--field);
+ margin-bottom: 8px;
+}
+
+.charsheet .sheet-NOTES-area {
+ width: 100% !important;
+ min-height: 120px !important;
+ height: 120px !important;
+ resize: vertical;
+ background: var(--field) !important;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px;
+ color: var(--text-color);
+ font-family: var(--mono-font);
+ font-size: 12px;
+ padding: 6px 8px;
+ font-style: normal;
+ line-height: 1.5 !important;
+}
+
+.sheet-rolltemplate-dolam {
+ --rt-color: #8fc8ff;
+ --rt-rgb: 143, 200, 255;
+ --rt-muted: #b89cff;
+ --good: #9ff0b3;
+ --bad: #ff8d8d;
+
+ background-color: #171d25;
+ font-size: 13px;
+ border-radius: 8px;
+ border: 1px solid rgba(143, 200, 255, 0.3);
+ overflow: hidden;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-atk {
+ --rt-color: #ff8d8d;
+ --rt-rgb: 255, 141, 141;
+ --rt-muted: #ffb0b0;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-ins {
+ --rt-color: #9ff0b3;
+ --rt-rgb: 159, 240, 179;
+ --rt-muted: #c6f7d8;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-pas {
+ --rt-color: #4095ff;
+ --rt-rgb: 64, 149, 255;
+ --rt-muted: #86c5ff;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-orange {
+ --rt-color: #ffb86b;
+ --rt-rgb: 255, 184, 107;
+ --rt-muted: #ffd09a;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-header {
+ display: grid;
+ padding: 5px;
+ margin: 5px;
+ background-color: #0f1318;
+ text-align: center;
+ position: relative;
+ overflow: hidden;
+ border-radius: 6px;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-header>* {
+ position: relative;
+ z-index: 1;
+}
+
+.sheet-rolltemplate-dolam .sheet-header-bloc {
+ display: grid;
+ gap: 0;
+ padding: 8px 6px 5px;
+ border-bottom: 1px solid rgba(143, 200, 255, 0.35);
+}
+
+.sheet-rolltemplate-dolam .sheet-headerstyle1 {
+ font-family: "Rajdhani", sans-serif;
+ font-size: 14px;
+ font-weight: 700;
+ color: #e8eef6;
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ line-height: 1 !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-headerstyle2 {
+ font-family: "Share Tech Mono", monospace;
+ font-size: 9px;
+ color: #b89cff;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+ line-height: 1 !important;
+ margin-top: -1px;
+}
+
+.sheet-rolltemplate-dolam .sheet-headerstyle3 {
+ font-family: "Share Tech Mono", monospace;
+ font-size: 9px;
+ color: #a7b3c2;
+ text-transform: uppercase;
+ height: 6px;
+}
+
+.sheet-rolltemplate-dolam .sheet-headerstyle4 {
+ font-family: "Rajdhani", sans-serif;
+ font-size: 12px;
+ font-weight: 700;
+ color: #8fc8ff;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-rolls {
+ display: grid;
+ gap: 5px;
+ padding: 8px;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-rolls4 {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ padding: 5px 8px;
+ border-top: 1px solid rgba(143, 200, 255, 0.2);
+ border-bottom: 1px solid rgba(143, 200, 255, 0.2);
+}
+
+.sheet-rolltemplate-dolam .sheet-template-weapon-details {
+ display: grid;
+ grid-template-columns: repeat(3, minmax(0, 1fr));
+ gap: 5px;
+ padding: 6px 8px;
+ border-top: 1px solid rgba(143, 200, 255, 0.2);
+ border-bottom: 1px solid rgba(143, 200, 255, 0.2);
+}
+
+.sheet-rolltemplate-dolam .sheet-template-invocation-details {
+ grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.sheet-rolltemplate-dolam .sheet-template-weapon-detail {
+ display: grid;
+ gap: 0;
+ min-width: 0;
+ text-align: center;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-weapon-detail-label {
+ display: block !important;
+ width: 100% !important;
+ height: auto !important;
+ padding: 0 !important;
+ font-family: "Share Tech Mono", monospace !important;
+ font-size: 8px !important;
+ line-height: 1 !important;
+ color: #a7b3c2 !important;
+ text-transform: uppercase;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-weapon-detail-value {
+ display: block !important;
+ width: 100% !important;
+ height: auto !important;
+ min-width: 0;
+ padding: 0 !important;
+ font-family: "Rajdhani", sans-serif !important;
+ font-size: 11px !important;
+ font-weight: 700;
+ line-height: 1.1 !important;
+ color: #8fc8ff !important;
+ overflow-wrap: anywhere;
+ text-transform: uppercase;
+}
+
+.sheet-rolltemplate-dolam .sheet-roll {
+ font-family: "Rajdhani", sans-serif;
+ font-size: 22px;
+ font-weight: 700;
+ text-align: center;
+ color: #8fc8ff;
+ margin: 6px auto;
+}
+
+.sheet-rolltemplate-dolam .inlinerollresult,
+.sheet-rolltemplate-dolam span {
+ background-color: transparent !important;
+ border: none !important;
+ padding: 2px 3px !important;
+ font-family: "Rajdhani", sans-serif;
+ font-size: 16px;
+ color: #e8eef6;
+}
+
+.sheet-rolltemplate-dolam .sheet-roll .inlinerollresult {
+ font-size: 22px;
+ font-weight: 700;
+ color: #8fc8ff !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-action-body {
+ display: flex;
+ justify-content: center;
+ margin: -15px 8px 15px;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-action-button a {
+ display: inline-flex !important;
+ align-items: center;
+ justify-content: center;
+ min-width: 48px;
+ min-height: 16px;
+ padding: 1px 6px !important;
+ border: 1px solid rgba(143, 200, 255, 0.45) !important;
+ border-radius: 3px;
+ background: rgba(143, 200, 255, 0.06) !important;
+ color: #8fc8ff !important;
+ font-family: "Share Tech Mono", monospace;
+ font-size: 9px;
+ font-weight: 700;
+ letter-spacing: 0.06em;
+ line-height: 1;
+ text-transform: uppercase;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-crit-banner {
+ display: grid;
+ font-family: "Share Tech Mono", monospace;
+ font-size: 9px;
+ font-weight: 700;
+ letter-spacing: 0.1em;
+ text-transform: uppercase;
+ text-align: center;
+ padding: 3px 8px;
+ margin: 4px 8px -12px 10px;
+ border-radius: 3px;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-fumble-banner {
+ color: #ff8d8d;
+ border: 1px solid rgba(255, 141, 141, 0.4);
+ background: rgba(255, 141, 141, 0.08);
+}
+
+.sheet-rolltemplate-dolam .sheet-template-crit-success-banner {
+ color: #9ff0b3;
+ border: 1px solid rgba(159, 240, 179, 0.4);
+ background: rgba(159, 240, 179, 0.08);
+}
+
+.sheet-rolltemplate-dolam .sheet-template-fumble-banner ~ .sheet-weapon-attack-rolls .sheet-weapon-attack-die,
+.sheet-rolltemplate-dolam .sheet-template-fumble-banner ~ .sheet-weapon-attack-rolls .inlinerollresult {
+ color: #ff8d8d !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-crit-success-banner ~ .sheet-weapon-attack-rolls .sheet-weapon-attack-die,
+.sheet-rolltemplate-dolam .sheet-template-crit-success-banner ~ .sheet-weapon-attack-rolls .inlinerollresult {
+ color: #9ff0b3 !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-attribute-dice-rolls {
+ padding: 8px;
+}
+
+.sheet-rolltemplate-dolam .sheet-weapon-attack-rolls {
+ padding: 8px;
+}
+
+.sheet-rolltemplate-dolam .sheet-weapon-attack-dice {
+ display: flex !important;
+ flex-wrap: wrap;
+ justify-content: center;
+ max-width: 210px;
+ gap: 5px 6px;
+ width: 100% !important;
+ margin: 6px auto;
+}
+
+.sheet-rolltemplate-dolam .sheet-weapon-attack-die {
+ display: inline-flex !important;
+ align-items: center;
+ justify-content: center;
+ min-width: 36px !important;
+ height: auto !important;
+ line-height: 1 !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-attribute-dice {
+ display: flex !important;
+ flex-wrap: wrap;
+ justify-content: center;
+ max-width: 154px;
+ gap: 4px 6px;
+ width: 100% !important;
+ margin: 6px auto;
+}
+
+.sheet-rolltemplate-dolam .sheet-attribute-die,
+.sheet-rolltemplate-dolam .sheet-attribute-die-low {
+ display: inline-flex !important;
+ align-items: center;
+ justify-content: center;
+ width: 26px !important;
+ height: auto !important;
+ line-height: 1 !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-attribute-die-low {
+ opacity: 0.25;
+}
+
+.sheet-rolltemplate-dolam .sheet-roll .inlinerollresult.fullcrit {
+ color: var(--good) !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-roll .inlinerollresult.fullfail {
+ color: var(--bad) !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-description {
+ font-size: 11px;
+ font-style: italic;
+ line-height: 1.4;
+ color: #e8eef6 !important;
+ margin: 0;
+ padding: 6px 10px;
+ text-align: left;
+ border-left: 2px solid rgba(143, 200, 255, 0.4);
+}
+
+.sheet-rolltemplate-dolam .sheet-template-signal-body {
+ display: grid;
+ gap: 3px;
+ margin: 6px 8px;
+ padding: 7px;
+ border-top: 1px solid rgba(143, 200, 255, 0.4);
+ border-bottom: 1px solid rgba(143, 200, 255, 0.4);
+}
+
+.sheet-rolltemplate-dolam .sheet-template-signal-kicker {
+ font-family: "Share Tech Mono", monospace;
+ font-size: 8px;
+ text-transform: uppercase;
+ color: #b89cff;
+ letter-spacing: 0.1em;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-signal-message {
+ font-family: "Rajdhani", sans-serif;
+ font-size: 12px;
+ font-weight: 600;
+ color: #e8eef6;
+ text-transform: uppercase;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-success-row {
+ display: flex;
+ align-items: baseline;
+ gap: 6px;
+ margin: 4px 8px 6px;
+ padding: 6px 8px;
+ border-top: 1px solid rgba(143, 200, 255, 0.25);
+}
+
+.sheet-rolltemplate-dolam .sheet-success-num {
+ font-family: "Share Tech Mono", monospace;
+ font-size: 28px;
+ font-weight: 700;
+ color: #e8eef6;
+ line-height: 1;
+}
+
+.sheet-rolltemplate-dolam .sheet-success-label {
+ font-family: "Share Tech Mono", monospace;
+ font-size: 10px;
+ text-transform: uppercase;
+ letter-spacing: 0.12em;
+ color: #8faac8;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-pool-result {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 8px 12px 10px;
+}
+
+.sheet-rolltemplate-dolam .sheet-pool-roll {
+ font-family: "Rajdhani", sans-serif;
+ font-size: 48px;
+ font-weight: 700;
+ line-height: 1;
+ color: #e8eef6;
+}
+
+.sheet-rolltemplate-dolam .sheet-pool-roll .inlinerollresult {
+ font-size: 48px;
+ font-weight: 700;
+ color: #e8eef6 !important;
+}
+
+.sheet-rolltemplate-dolam .sheet-pool-label {
+ font-family: "Share Tech Mono", monospace;
+ font-size: 10px;
+ text-transform: uppercase;
+ letter-spacing: 0.12em;
+ color: #8faac8;
+ margin-top: -8px;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-plain-body {
+ margin: 6px 8px;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-plain-message {
+ display: block !important;
+ width: 100% !important;
+ height: auto !important;
+ font-family: "Rajdhani", sans-serif;
+ font-size: 12px;
+ font-weight: 600;
+ line-height: 1.35 !important;
+ color: #e8eef6;
+ text-align: left;
+ text-transform: none;
+ white-space: pre-line;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-list-item {
+ display: block !important;
+ width: 100% !important;
+ height: auto !important;
+ font-family: "Rajdhani", sans-serif;
+ font-size: 12px;
+ font-weight: 600;
+ line-height: 1.35 !important;
+ color: #e8eef6;
+ text-align: left;
+ text-transform: none;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-entry-body {
+ display: grid;
+ gap: 0;
+ padding: 7px;
+ border-top: 1px solid rgba(143, 200, 255, 0.4);
+}
+
+.sheet-rolltemplate-dolam .sheet-template-entry-title {
+ display: block !important;
+ width: 100% !important;
+ height: auto !important;
+ font-family: "Rajdhani", sans-serif;
+ font-size: 12px;
+ font-weight: 700;
+ line-height: 1 !important;
+ color: #e8eef6;
+ text-align: left;
+ text-transform: uppercase;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-entry-subtitle {
+ display: block !important;
+ width: 100% !important;
+ height: auto !important;
+ font-family: "Share Tech Mono", monospace;
+ font-size: 8px;
+ line-height: 1 !important;
+ margin-top: -1px;
+ color: #b89cff;
+ text-align: left;
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-entry-description {
+ display: block !important;
+ width: 100% !important;
+ height: auto !important;
+ margin-top: 5px;
+ font-family: "Rajdhani", sans-serif;
+ font-size: 12px;
+ font-weight: 600;
+ line-height: 1.35 !important;
+ color: #e8eef6;
+ text-align: left;
+ text-transform: none;
+ white-space: pre-line;
+}
+
+.sheet-rolltemplate-dolam .sheet-template-footer {
+ display: flex;
+ align-items: center;
+ justify-content: flex-end;
+ padding: 4px 0 2px;
+ border-top: 1px solid rgba(143, 200, 255, 0.2);
+}
+
+.sheet-rolltemplate-dolam .sheet-template-charactername {
+ font-family: "Share Tech Mono", monospace;
+ font-size: 8px;
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ color: rgba(143, 200, 255, 0.5);
+ overflow: hidden;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+ display: block;
+}
+
+.charsheet .sheet-nav-gear {
+ flex: 0 0 auto;
+ min-width: 32px;
+ max-width: 40px;
+ font-size: 14px;
+ opacity: 0.5;
+}
+
+.charsheet .sheet-nav-gear.sheet-nav-active {
+ opacity: 1;
+ color: var(--warn);
+ border-color: var(--warn);
+ background-color: var(--panel);
+}
+
+.charsheet .sheet-attrs-display {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-attr-col {
+ display: grid;
+ height: auto !important;
+ width: 100% !important;
+ gap: 5px;
+}
+
+.charsheet .sheet-attr-col button[type="roll"],
+.charsheet .sheet-attr-col button[type="action"] {
+ height: 24px !important;
+ font-size: 10px !important;
+ font-family: var(--mono-font);
+ font-weight: 700;
+ letter-spacing: 0.04em;
+ text-transform: uppercase;
+ min-height: 18px;
+ border: 1px solid var(--accent-color) !important;
+ border-radius: 4px !important;
+ box-shadow: none !important;
+ padding: 0 !important;
+ margin: 0 !important;
+ background: transparent !important;
+ cursor: pointer;
+ color: var(--accent-color);
+}
+
+.charsheet .sheet-attr-col button[type="roll"]:hover,
+.charsheet .sheet-attr-col button[type="action"]:hover {
+ border-color: var(--main-color) !important;
+ color: var(--main-color);
+}
+
+.charsheet .sheet-attr-col input[readonly] {
+ height: 36px !important;
+ font-size: 20px !important;
+ font-weight: 700 !important;
+ text-align: center;
+ color: var(--text-color) !important;
+ background: var(--field-2, var(--field));
+ border-color: var(--border) !important;
+}
+
+.charsheet .sheet-settings-mods-grid {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-inv-header {
+ display: grid;
+ grid-template-columns: 28px 12px 1fr 36px 70px 18px;
+ gap: 4px;
+ padding: 0 0 3px 0;
+ border-bottom: 1px solid var(--border);
+ margin-bottom: 4px;
+ height: auto !important;
+}
+
+.charsheet .sheet-inv-header span {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ font-weight: 700;
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+ color: var(--accent-color);
+ text-align: center;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-inv-row {
+ display: grid;
+ grid-template-columns: 35px 35px 10px 20px 1fr 100px 18px;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-inv-row input[type="number"],
+.charsheet .sheet-inv-row input[type="text"],
+.charsheet .sheet-inv-row select {
+ height: 20px !important;
+ font-size: 11px !important;
+ padding: 0 3px;
+}
+
+.charsheet .sheet-inv-sep {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--muted-color);
+ text-align: center;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+ line-height: 20px !important;
+}
+
+.charsheet .sheet-inv-row input[type="checkbox"] {
+ width: 14px !important;
+ height: 14px !important;
+ max-height: 14px;
+}
+
+.charsheet .sheet-inv-NOTES {
+ grid-column: 1 / -1;
+ height: 28px !important;
+ font-size: 10px !important;
+ margin-top: 2px;
+ resize: none;
+ overflow: hidden;
+ font-style: italic;
+ opacity: 0.8;
+}
+
+.charsheet .sheet-cyber-header {
+ grid-template-columns: 1fr 0.8fr 0.8fr 18px;
+}
+
+.charsheet .sheet-cyber-row {
+ display: grid;
+ grid-template-columns: 1fr 0.8fr 0.8fr 18px;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-cyber-row input[type="text"] {
+ height: 20px !important;
+ font-size: 11px !important;
+}
+
+.charsheet .sheet-adorn-header {
+ grid-template-columns: 1fr 1fr;
+}
+
+.charsheet .sheet-adornment-row {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-adornment-row input[type="text"] {
+ height: 20px !important;
+ font-size: 11px !important;
+}
+
+.ui-dialog .charsheet .repcontainer .repitem {
+ position: relative;
+ margin-bottom: 4px;
+}
+
+.ui-dialog .charsheet .repcontainer .repitem+.repitem {
+ border-top: 1px solid var(--border);
+ margin-top: 2px;
+ padding-top: 2px;
+}
+
+.ui-dialog .charsheet .repcontainer .repitem> :not(.itemcontrol) {
+ position: relative;
+ z-index: 0;
+}
+
+
+.charsheet .repcontrol {
+ display: flex !important;
+ flex-direction: row !important;
+ align-items: center;
+ justify-content: flex-start;
+ gap: 6px;
+ margin-top: 6px !important;
+ height: auto !important;
+}
+
+.charsheet .repcontrol .repcontrol_add {
+ margin-left: auto;
+}
+
+.charsheet .repcontrol .btn,
+.charsheet .repcontrol button {
+ display: inline-flex !important;
+ align-items: center;
+ justify-content: center;
+ height: 22px !important;
+ width: 22px !important;
+ min-width: 22px;
+ padding: 0;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px !important;
+ background: var(--panel-2) !important;
+ color: var(--muted-color) !important;
+ font-size: 0 !important;
+}
+
+.charsheet .repcontrol .btn:hover,
+.charsheet .repcontrol button:hover {
+ border-color: var(--main-color) !important;
+ color: var(--main-color) !important;
+ background: transparent !important;
+}
+
+.charsheet .repcontrol_add::before {
+ content: "add";
+ font-family: "Material Symbols Outlined";
+ font-size: 14px;
+ visibility: visible;
+ color: var(--good);
+ display: block;
+ line-height: 1;
+}
+
+.charsheet .repcontrol_edit::after {
+ content: "edit";
+ font-family: "Material Symbols Outlined";
+ font-size: 13px;
+ visibility: visible;
+ color: var(--muted-color);
+ display: block;
+ line-height: 1;
+}
+
+/* ── ITEMCONTROL ─────────────────────────────────────────────── */
+.charsheet .itemcontrol {
+ display: flex;
+ flex-direction: row;
+ align-items: stretch;
+ flex-wrap: nowrap;
+ gap: 0;
+ width: 100%;
+ height: 24px;
+ overflow: hidden;
+ pointer-events: auto;
+ z-index: 99;
+}
+
+.charsheet .itemcontrol a.repcontrol_move,
+.charsheet .itemcontrol button.repcontrol_del {
+ display: inline-flex !important;
+ align-items: center !important;
+ justify-content: center !important;
+ flex: 1 1 50% !important;
+ width: 50% !important;
+ height: 100% !important;
+ padding: 0 !important;
+ font-size: 0 !important;
+ border: none !important;
+ border-radius: 0 !important;
+ box-sizing: border-box !important;
+ cursor: pointer;
+ pointer-events: auto;
+ transition: background 0.12s;
+}
+
+.charsheet .itemcontrol a.repcontrol_move {
+ background: rgba(143, 200, 255, 0.25) !important;
+ color: var(--main-color)!important;
+}
+
+.charsheet .itemcontrol a.repcontrol_move:hover {
+ background: rgba(143, 200, 255, 0.5) !important;
+}
+
+.charsheet .itemcontrol button.repcontrol_del {
+ background: rgba(255, 141, 141, 0.25) !important;
+ color: var(--bad) !important;
+}
+
+.charsheet .itemcontrol button.repcontrol_del:hover {
+ background: rgba(255, 141, 141, 0.5) !important;
+}
+
+.ui-dialog .charsheet .repcontainer .repitem .itemcontrol {
+ background: transparent !important;
+}
+
+.charsheet .itemcontrol a.repcontrol_move::after,
+.charsheet .itemcontrol button.repcontrol_del::after {
+ font-family: "Material Symbols Outlined";
+ font-size: 18px;
+ font-weight: 400;
+ line-height: 1;
+ text-transform: none;
+ letter-spacing: normal;
+ font-variation-settings: "FILL" 0, "wght" 700, "GRAD" 0, "opsz" 20;
+ -webkit-font-smoothing: antialiased;
+ text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
+}
+
+.charsheet .itemcontrol a.repcontrol_move::after {
+ content: "menu";
+}
+
+.charsheet .itemcontrol button.repcontrol_del::after {
+ content: "delete";
+}
+
+.charsheet .sheet-hs {
+ -webkit-appearance: none !important;
+ -moz-appearance: none !important;
+ appearance: none !important;
+ display: grid !important;
+ place-content: center;
+ width: 18px !important;
+ height: 18px !important;
+ max-height: 18px;
+ border: 1px solid var(--border) !important;
+ background: transparent !important;
+ border-radius: 3px;
+ cursor: pointer;
+ flex-shrink: 0;
+ padding: 0 !important;
+}
+
+.charsheet .sheet-hs::before {
+ content: "visibility_off";
+ font-family: "Material Symbols Outlined";
+ font-size: 11px;
+ color: var(--muted-color);
+ line-height: 16px;
+ display: block;
+ text-align: center;
+ font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-hs:checked {
+ background-color: rgba(143, 200, 255, 0.08) !important;
+ border-color: var(--main-color) !important;
+}
+
+.charsheet .sheet-hs:checked::before {
+ content: "settings";
+ color: var(--main-color) !important;
+}
+
+.charsheet .sheet-hs-body {
+ display: none !important;
+ height: 0;
+ padding: 0 !important;
+ margin: 0 !important;
+}
+
+.charsheet .sheet-hs:checked~.sheet-hs-body {
+ display: block !important;
+ height: 35px;
+ gap: 5px;
+ display: grid!important;
+ color: var(--text-color);
+ resize: vertical;
+ padding-left: 8px!important;
+}
+
+.charsheet .sheet-hs-bonus-body,
+.charsheet .sheet-hs-desc-body {
+ display: none !important;
+ height: 0 !important;
+ padding: 0 !important;
+ border: none !important;
+}
+
+.charsheet .sheet-hs-bonus:checked~.sheet-hs-bonus-body {
+ display: block !important;
+ height: 30px !important;
+ padding: 3px 6px !important;
+ border: 1px solid var(--border) !important;
+ font-style: italic;
+ background: var(--field);
+ color: var(--text-color);
+}
+
+.charsheet .sheet-hs-desc:checked~.sheet-hs-desc-body {
+ display: block !important;
+ height: 30px !important;
+ padding: 3px 6px !important;
+ border: 1px solid var(--border) !important;
+ font-style: italic;
+ background: var(--field);
+ color: var(--text-color);
+}
+
+.charsheet .sheet-btn-icon {
+ width: 20px !important;
+ height: 20px !important;
+ min-width: 20px;
+ min-height: 20px;
+ padding: 0 !important;
+ border: 1px solid var(--accent-color) !important;
+ border-radius: 3px !important;
+ background: transparent !important;
+ flex-shrink: 0;
+ display: inline-flex !important;
+ align-items: center;
+ justify-content: center;
+ color: var(--accent-color);
+}
+
+.charsheet .sheet-btn-icon::before {
+ content: "settings" !important;
+ font-family: "Material Symbols Outlined" !important;
+ font-size: 13px !important;
+ color: var(--main-color);
+ display: block;
+ text-align: center;
+ line-height: 1;
+ font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-btn-icon:hover::before {
+ color: var(--warn);
+}
+
+.charsheet .sheet-btn-icon:hover {
+ background: rgba(184, 156, 255, 0.12) !important;
+}
+
+.charsheet .sheet-inv-layout {
+ display: grid;
+ grid-template-columns: 2fr 1fr;
+ gap: 8px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-inv-col-left,
+.charsheet .sheet-inv-col-right {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ height: auto !important;
+}
+
+.charsheet .sheet-inv-item {
+ display: grid;
+ grid-template-columns: 28px 15px 1fr 32px 16px 16px;
+ gap: 4px;
+ align-items: center;
+ padding: 3px 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-inv-item input[type="number"],
+.charsheet .sheet-inv-item input[type="text"],
+.charsheet .sheet-inv-item select {
+ height: 20px !important;
+ font-size: 11px !important;
+ background-color: var(--field);
+}
+
+.charsheet .sheet-inv-item input[type="checkbox"] {
+ width: 14px !important;
+ height: 14px !important;
+ max-height: 14px;
+}
+
+.charsheet .sheet-inv-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-invocation-col-headers {
+ grid-template-columns: 20px 20px 1fr 100px 25px 25px 25px 20px;
+ padding: 0 8px!important;
+}
+
+.charsheet .sheet-invocation-row {
+ display: grid;
+ grid-template-columns: 20px 20px 1fr 100px 25px 25px 25px 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 6px !important;
+ height: auto !important;
+ background: var(--field) !important;
+ border: 1px solid var(--border);
+ border-radius: 4px;
+}
+
+.charsheet .sheet-invocation-row input,
+.charsheet .sheet-invocation-row select,
+.charsheet .sheet-invocation-row textarea,
+.charsheet .sheet-invocation-second-row input {
+ background: var(--field) !important;
+ height: 20px !important;
+}
+
+.charsheet .sheet-invocation-second-row {
+ grid-column: 1 / -1;
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+ border-radius: 4px;
+}
+
+.charsheet .sheet-invocation-second-col-headers {
+ grid-column: 1 / -1;
+ grid-template-columns: 1fr 95px 90px 100px;
+}
+
+.charsheet .sheet-invocation-row input.sheet-hs {
+ width: 18px !important;
+ height: 18px !important;
+ max-height: 18px;
+ border: none !important;
+ background: transparent !important;
+ opacity: 0.35;
+ align-content: center;
+}
+
+.charsheet .sheet-invocation-row input.sheet-hs:checked {
+ background: transparent !important;
+ border: none !important;
+ opacity: 1;
+}
+
+.charsheet .sheet-invocation-status-tone[value="K"] ~ .sheet-invocation-status-select {
+ border: 1px solid var(--good) !important;
+}
+
+.charsheet .sheet-invocation-status-tone[value="U"] ~ .sheet-invocation-status-select {
+ border: 1px solid var(--bad) !important;
+}
+
+.charsheet .sheet-invocation-status-tone[value="S"] ~ .sheet-invocation-status-select {
+ border: 1px solid var(--main-color) !important;
+}
+
+.charsheet .sheet-invocation-rank-tone[value="B"] ~ .sheet-invocation-rank-select {
+ background: rgba(159, 240, 179, 0.16) !important;
+ border-color: var(--good) !important;
+ color: var(--good) !important;
+}
+
+.charsheet .sheet-invocation-rank-tone[value="A"] ~ .sheet-invocation-rank-select {
+ background: rgba(143, 200, 255, 0.16) !important;
+ border-color: var(--main-color) !important;
+ color: var(--main-color) !important;
+}
+
+.charsheet .sheet-invocation-rank-tone[value="E"] ~ .sheet-invocation-rank-select {
+ background: rgba(184, 156, 255, 0.16) !important;
+ border-color: var(--accent-color) !important;
+ color: var(--accent-color) !important;
+}
+
+.charsheet .sheet-invocation-rank-tone[value="M"] ~ .sheet-invocation-rank-select {
+ background: rgba(255, 184, 107, 0.16) !important;
+ border-color: var(--warn) !important;
+ color: var(--warn) !important;
+}
+
+.charsheet .sheet-invocation-rank-tone[value="S"] ~ .sheet-invocation-rank-select {
+ background: rgb(255, 107, 107, 0.16) !important;
+ border-color: var(--bad) !important;
+ color: var(--bad) !important;
+}
+
+
+.charsheet .sheet-invocation-row .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-invocation-row .sheet-hs:checked ~ .sheet-hs-body {
+ height: 50px !important;
+}
+
+.charsheet .sheet-invocation-row .sheet-hs:checked ~ .sheet-invocation-description {
+ display: block !important;
+ height: 50px !important;
+ padding: 4px !important;
+ margin-top: 4px !important;
+}
+
+.charsheet .sheet-inv-x {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--muted-color);
+ text-align: center;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+ line-height: 20px !important;
+}
+
+.charsheet .sheet-col-headers {
+ display: grid;
+ gap: 4px;
+ padding: 0;
+ height: auto !important;
+ border-bottom: 1px solid var(--border);
+ margin-bottom: 4px;
+}
+
+.charsheet .sheet-col-headers.sheet-col-headers-reverse {
+ border-bottom: 0px solid var(--border);
+ border-top: 1px solid var(--border);
+ margin-top: -4px;
+ position: relative;
+ top: -22px;
+ padding: 0 8px;
+}
+
+.charsheet .sheet-col-headers span {
+ font-family: var(--mono-font);
+ font-size: 10px !important;
+ color: var(--muted-color);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-inv-col-headers {
+ grid-template-columns: 28px 15px 1fr 32px 16px 16px;
+ border-bottom: 1px solid var(--border);
+ margin-bottom: 4px;
+}
+
+.charsheet .sheet-cyber-item {
+ display: grid;
+ grid-template-columns: 20px 50px 1fr 150px 16px 16px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-cyber-col-headers {
+ grid-template-columns: 20px 50px 1fr 150px 16px 16px;
+}
+
+.charsheet .sheet-cyber-item input[type="text"] {
+ height: 20px !important;
+ font-size: 11px !important;
+ background-color: var(--field);
+}
+
+.charsheet .sheet-cyber-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-adorn-item {
+ display: grid;
+ grid-template-columns: 1fr 1fr 16px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0;
+
+ height: auto !important;
+}
+
+.charsheet .sheet-adorn-col-headers { grid-template-columns: 1fr 1fr 16px; }
+
+.charsheet .sheet-adorn-item input[type="text"] {
+ height: 20px !important;
+ font-size: 11px !important;
+}
+
+.charsheet .sheet-adorn-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+
+.charsheet .sheet-trait-item {
+ display: grid;
+ grid-template-columns: 1fr 44px 0.8fr 60px 18px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0;
+
+ height: auto !important;
+}
+
+.charsheet .sheet-trait-item input {
+ height: 20px !important;
+ font-size: 11px !important;
+}
+
+.charsheet .sheet-trait-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-perk-item,
+.charsheet .sheet-talent-item {
+ display: grid;
+ grid-template-columns: 20px 1fr 18px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0;
+
+ height: auto !important;
+}
+
+.charsheet .sheet-perk-item input,
+.charsheet .sheet-talent-item input {
+ height: 20px !important;
+ font-size: 11px !important;
+}
+
+.charsheet .sheet-perk-item .sheet-hs-body,
+.charsheet .sheet-talent-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-disc-item {
+ display: flex;
+ flex-direction: column;
+ gap: 3px;
+ padding: 4px 0;
+
+ height: auto !important;
+}
+
+.charsheet .sheet-disc-name-row {
+ display: grid;
+ grid-template-columns: 1fr 18px;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-disc-ab-row {
+ display: grid;
+ grid-template-columns: 20px 1fr 60px 18px;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-disc-name-row input,
+.charsheet .sheet-disc-ab-row input {
+ height: 20px !important;
+ font-size: 11px !important;
+}
+
+.charsheet .sheet-boon-item {
+ display: grid;
+ grid-template-columns: 1fr 50px 18px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0;
+
+ height: auto !important;
+}
+
+.charsheet .sheet-boon-item input {
+ height: 20px !important;
+ font-size: 11px !important;
+}
+
+.charsheet .sheet-boon-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-attr-col button[type="roll"]::before,
+.charsheet .sheet-attr-col button[type="action"]::before {
+ display: none !important;
+ content: none !important;
+}
+
+.charsheet .sheet-chk-equip {
+ -webkit-appearance: none !important;
+ -moz-appearance: none !important;
+ appearance: none !important;
+ width: 18px !important;
+ height: 18px !important;
+ max-height: 18px;
+ border: 1px solid var(--border) !important;
+ background: transparent !important;
+ border-radius: 3px;
+ cursor: pointer;
+ flex-shrink: 0;
+ padding: 0 !important;
+ align-self: center;
+}
+
+.charsheet .sheet-chk-equip::before {
+ content: "work";
+ font-family: "Material Symbols Outlined";
+ font-size: 11px;
+ color: var(--muted-color);
+ line-height: 16px;
+ display: block;
+ text-align: center;
+ font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-chk-equip:not(:checked) {
+ opacity: 0.5;
+}
+
+.charsheet .sheet-chk-equip:checked {
+ background-color: transparent !important;
+ border-color: var(--main-color) !important;
+ opacity: 1;
+}
+
+.charsheet .sheet-chk-equip:checked::before {
+ content: "work" !important;
+ color: var(--main-color) !important;
+ font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-hs::before {
+ content: "visibility_off" !important;
+ font-family: "Material Symbols Outlined" !important;
+ font-size: 13px !important;
+ color: var(--muted-color);
+ line-height: 18px;
+ display: block;
+ text-align: center;
+ font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-hs:checked::before {
+ content: "settings" !important;
+ font-family: "Material Symbols Outlined" !important;
+ color: var(--warn);
+}
+
+.charsheet .sheet-chk-equip::before {
+ content: "work" !important;
+ font-family: "Material Symbols Outlined" !important;
+ font-size: 13px !important;
+ color: var(--muted-color);
+ line-height: 18px;
+ display: block;
+ text-align: center;
+ font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-chk-equip:checked::before {
+ content: "work" !important;
+ font-family: "Material Symbols Outlined" !important;
+ color: var(--main-color);
+}
+
+.charsheet .sheet-vital-bar {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-vital-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-vital-label {
+ font-family: var(--main-font);
+ font-size: 11px;
+ font-weight: 700;
+ letter-spacing: 0.06em;
+ text-transform: uppercase;
+ color: var(--muted-color);
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-vital-nums {
+ display: flex;
+ align-items: center;
+ gap: 3px;
+ height: auto !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-vital-current {
+ width: 50px !important;
+ height: 28px !important;
+ font-size: 18px !important;
+ font-weight: 700 !important;
+ text-align: center;
+ background: var(--field) !important;
+ border: 1px solid var(--border) !important;
+ color: var(--text-color) !important;
+}
+
+.charsheet .sheet-vital-sep {
+ font-family: var(--mono-font);
+ font-size: 11px;
+ color: var(--muted-color);
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-vital-max {
+ width: 38px !important;
+ height: 20px !important;
+ font-size: 11px !important;
+ text-align: center;
+ background: transparent !important;
+ border: none !important;
+ border-bottom: 1px solid var(--border) !important;
+ color: var(--muted-color) !important;
+}
+
+.charsheet .sheet-vital-range {
+ -webkit-appearance: none !important;
+ appearance: none !important;
+ width: 100% !important;
+ height: 6px !important;
+ border: none !important;
+ border-radius: 3px;
+ background: var(--border);
+ cursor: default;
+ pointer-events: none;
+ padding: 0 !important;
+ margin: 0 !important;
+}
+
+.charsheet .sheet-vital-range::-webkit-slider-thumb {
+ -webkit-appearance: none !important;
+ width: 0;
+ height: 0;
+}
+
+.charsheet .sheet-vital-range::-webkit-slider-runnable-track {
+ height: 6px;
+ border-radius: 3px;
+}
+
+.charsheet .sheet-vital-range-hp {
+ background: linear-gradient(to right, var(--bad) 0%, var(--warn) 40%, var(--good) 70%, var(--good) 100%);
+
+}
+
+.charsheet .sheet-vital-range-ap {
+ background: linear-gradient(to right, var(--panel-2) 0%, var(--main-color) 100%);
+}
+
+.charsheet .sheet-vital-range-faith {
+ background: linear-gradient(to right, var(--panel-2) 0%, var(--accent-color) 100%);
+}
+
+.charsheet .sheet-vital-extras {
+ display: flex;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-vital-extras .sheet-field {
+ flex: 1 1 50px;
+ flex-direction: row;
+ align-items: center;
+ gap: 4px;
+}
+
+.charsheet .sheet-vital-extras .sheet-field span {
+ font-size: 9px;
+ white-space: nowrap;
+}
+
+.charsheet .sheet-vital-extras .sheet-field input {
+ width: 44px !important;
+ height: 18px !important;
+ font-size: 10px !important;
+}
+
+.charsheet .sheet-main-layout {
+ display: grid;
+ grid-template-columns: 1fr 220px;
+ gap: 8px;
+ margin-bottom: 8px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-main-col-left {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ min-width: 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-main-col-right {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ min-width: 0;
+ height: auto !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-main-col-left .sheet-section {
+ margin-bottom: 0;
+}
+
+.charsheet .sheet-defense-display {
+ display: grid;
+ grid-template-columns: repeat(9, 1fr);
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-derived-label {
+ display: block;
+ font-family: var(--mono-font);
+ font-size: 9px!important;
+ font-weight: 700;
+ letter-spacing: 0.05em;
+ text-transform: uppercase;
+ color: var(--muted-color);
+ text-align: left;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: 100% !important;
+ cursor: default;
+ margin-bottom: -5px;
+}
+
+.charsheet .sheet-modifiers-card .sheet-derived-label {
+ font-size: 8px !important;
+ margin-bottom: -8px;
+ text-align: center;
+}
+
+.charsheet .sheet-modifiers-card .sheet-attr-col input[readonly] {
+ height: 24px !important;
+ font-size: 14px !important;
+}
+
+.charsheet .sheet-defense-display .sheet-attr-col input[readonly] {
+ color: var(--text-color) !important;
+ background: var(--field-2, var(--field));
+ border-color: rgba(143, 200, 255, 0.2) !important;
+}
+
+.charsheet .sheet-3col-section {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr;
+ gap: 8px;
+ margin-bottom: 8px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-3col-section .sheet-res-grid {
+ grid-template-columns: 1fr 1fr;
+}
+
+.charsheet .sheet-3col-section .sheet-wounds-grid {
+ grid-template-columns: 1fr 1fr;
+}
+
+.charsheet .sheet-NOTES-layout {
+ display: grid;
+ grid-template-areas:
+ "portrait appearance"
+ "general contacts"
+ "missions lore";
+ grid-template-columns: 1fr 2fr;
+ gap: 8px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-NOTES-area-portrait {
+ grid-area: portrait;
+}
+
+.charsheet .sheet-NOTES-area-appearance {
+ grid-area: appearance;
+}
+
+.charsheet .sheet-NOTES-area-general {
+ grid-area: general;
+}
+
+.charsheet .sheet-NOTES-area-contacts {
+ grid-area: contacts;
+}
+
+.charsheet .sheet-NOTES-area-missions {
+ grid-area: missions;
+}
+
+.charsheet .sheet-NOTES-area-lore {
+ grid-area: lore;
+}
+
+.charsheet .sheet-portrait-img {
+ width: 100%;
+ height: 160px;
+ background-color: var(--field);
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ border: 1px solid var(--border);
+ border-radius: 6px;
+ margin-bottom: 6px;
+ height: 160px !important;
+}
+
+.charsheet .sheet-portrait-url {
+ height: 20px !important;
+ font-size: 10px !important;
+ font-family: var(--mono-font);
+ color: var(--muted-color) !important;
+ border: none !important;
+ border-bottom: 1px solid var(--border) !important;
+ background: transparent !important;
+ padding: 0 4px !important;
+ border-radius: 0;
+}
+
+.charsheet .sheet-NOTES-area-appearance .sheet-NOTES-area,
+.charsheet .sheet-NOTES-area-general .sheet-NOTES-area,
+.charsheet .sheet-NOTES-area-contacts .sheet-NOTES-area,
+.charsheet .sheet-NOTES-area-missions .sheet-NOTES-area,
+.charsheet .sheet-NOTES-area-lore .sheet-NOTES-area {
+ min-height: 80px;
+ height: auto !important;
+ resize: vertical;
+}
+
+.charsheet .sheet-NOTES-area {
+ min-height: 80px;
+ height: auto !important;
+ resize: vertical;
+}
+
+.charsheet .sheet-NOTES-area-portrait .sheet-card {
+ height: 100% !important;
+}
+
+.charsheet .sheet-btn-icon::before {
+ content: "settings" !important;
+ font-family: "Material Symbols Outlined" !important;
+ font-size: 13px !important;
+ color: var(--accent-color);
+ display: block;
+ text-align: center;
+ line-height: 18px;
+ font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-hs {
+ border: none !important;
+ background: transparent !important;
+ opacity: 0.35;
+}
+
+.charsheet .sheet-hs:checked {
+ background-color: transparent !important;
+ border: none !important;
+ opacity: 1;
+}
+
+.charsheet .sheet-hs::before {
+ content: "settings" !important;
+ font-family: "Material Symbols Outlined" !important;
+ font-size: 14px !important;
+ color: var(--muted-color);
+ line-height: 18px;
+ display: block;
+ text-align: center;
+ font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-hs:checked::before {
+ content: "settings" !important;
+ font-family: "Material Symbols Outlined" !important;
+ color: var(--warn) !important;
+ font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-hs-bonus,
+.charsheet .sheet-hs-desc {
+ border: none !important;
+ background: transparent !important;
+ opacity: 0.35;
+}
+
+.charsheet .sheet-hs-bonus:checked,
+.charsheet .sheet-hs-desc:checked {
+ background-color: transparent !important;
+ border: none !important;
+ opacity: 1;
+}
+
+.charsheet .sheet-hs-bonus::before,
+.charsheet .sheet-hs-desc::before {
+ content: "settings" !important;
+ font-family: "Material Symbols Outlined" !important;
+ font-size: 14px !important;
+ color: var(--muted-color);
+ line-height: 18px;
+ display: block;
+ text-align: center;
+}
+
+.charsheet .sheet-hs-bonus:checked::before {
+ content: "settings" !important;
+ font-family: "Material Symbols Outlined" !important;
+ color: var(--main-color);
+ font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
+}
+
+.charsheet .sheet-btn-desc::before {
+ content: "description" !important;
+}
+
+.charsheet .sheet-btn-invoc::before {
+ content: "code_off" !important;
+}
+
+.charsheet .sheet-btn-disc::before {
+ content: "school" !important;
+}
+
+.charsheet .sheet-btn-menu::before {
+ content: "menu" !important;
+}
+
+.charsheet .sheet-chk-equip {
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-chk-equip::before {
+ content: "work" !important;
+ font-family: "Material Symbols Outlined" !important;
+ font-size: 14px !important;
+ color: var(--muted-color);
+ line-height: 18px;
+ display: block;
+ text-align: center;
+ font-variation-settings: "FILL" 1, "wght" 300, "GRAD" 0, "opsz" 20;
+ opacity: 0.4;
+}
+
+.charsheet .sheet-chk-equip:checked {
+ background-color: transparent !important;
+ border: none !important;
+}
+
+.charsheet .sheet-chk-equip:checked::before {
+ content: "work" !important;
+ font-family: "Material Symbols Outlined" !important;
+ color: var(--warn);
+ opacity: 1;
+}
+
+.charsheet .sheet-vital-extras .sheet-field {
+ flex: 1 1 40px;
+ flex-direction: column !important;
+ align-items: flex-start;
+ gap: 2px;
+}
+
+.charsheet .sheet-vital-extras .sheet-field span {
+ font-size: 8px!important;
+ white-space: nowrap;
+ line-height: 1.1 !important;
+ text-align: center!important;
+}
+
+.charsheet .sheet-vital-extras .sheet-field input {
+ width: 100% !important;
+ height: 20px !important;
+ font-size: 11px !important;
+ text-align: center;
+}
+
+.charsheet .sheet-toolbar-privacy {
+ display: flex;
+ align-items: center;
+ gap: 4px;
+ height: auto !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-exhaustion-block {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ margin-top: 8px;
+ padding-top: 6px;
+ border-top: 1px solid var(--border);
+ height: auto !important;
+}
+
+.charsheet .sheet-exhaustion-label {
+ font-family: var(--mono-font);
+ font-size: 10px;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: var(--warn);
+ letter-spacing: 0.04em;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+ flex-shrink: 0;
+}
+
+.charsheet .sheet-exhaustion-input {
+ width: 40px !important;
+ height: 22px !important;
+ font-size: 14px !important;
+ font-weight: 700;
+ text-align: center;
+ color: var(--warn) !important;
+ border-color: var(--warn) !important;
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-skills-display {
+ display: grid;
+ grid-template-columns: 1fr 38px;
+ gap: 3px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-skills-display button[type="roll"],
+.charsheet .sheet-skills-display button[type="action"] {
+ height: 22px !important;
+ font-size: 10px !important;
+ font-family: var(--mono-font);
+ font-weight: 700;
+ text-transform: uppercase;
+ text-align: left !important;
+ padding-left: 6px !important;
+ border-color: var(--accent-color) !important;
+ color: var(--accent-color);
+}
+
+.charsheet .sheet-skills-display button[type="roll"]:hover,
+.charsheet .sheet-skills-display button[type="action"]:hover {
+ border-color: var(--main-color)!important;
+ color: var(--main-color);
+}
+
+.charsheet .sheet-skills-display button[type="roll"]::before,
+.charsheet .sheet-skills-display button[type="action"]::before {
+ display: none !important;
+ content: none !important;
+}
+
+.charsheet .sheet-skills-display input[readonly] {
+ height: 22px !important;
+ font-size: 14px !important;
+ font-weight: 700;
+ text-align: center;
+ color: var(--text-color) !important;
+ background: var(--field-2, var(--field));
+}
+
+.charsheet .sheet-keystats-grid {
+ display: grid;
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+ gap: 5px;
+ height: auto !important;
+}
+
+.charsheet .sheet-defense-display {
+ grid-template-columns: repeat(6, 1fr) !important;
+}
+
+.charsheet .sheet-progress-layout {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ gap: 8px;
+ height: auto !important;
+}
+
+.charsheet .sheet-progress-col-left,
+.charsheet .sheet-progress-col-right {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ height: auto !important;
+}
+
+.charsheet .sheet-load-tooltip-card {
+ padding: 6px !important;
+}
+
+.charsheet .sheet-load-tooltip {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ cursor: pointer;
+ height: auto !important;
+ position: relative;
+}
+
+.charsheet .sheet-load-icon {
+ font-size: 14px;
+ line-height: 1;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-load-summary {
+ display: flex;
+ align-items: center;
+ gap: 2px;
+ font-family: var(--main-font);
+ font-size: 13px;
+ font-weight: 700;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-load-cur,
+.charsheet .sheet-load-max {
+ width: 30px !important;
+ height: 18px !important;
+ font-size: 12px !important;
+ background: transparent !important;
+ border: none !important;
+ text-align: center;
+ font-weight: 700;
+}
+
+.charsheet .sheet-load-sep {
+ font-family: var(--mono-font);
+ font-size: 10px;
+ color: var(--muted-color);
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-load-popup {
+ display: none;
+ position: absolute;
+ top: 100%;
+ left: 0;
+ z-index: 20;
+ background: var(--panel-2);
+ border: 1px solid var(--border);
+ border-radius: 6px;
+ padding: 6px 8px;
+ min-width: 120px;
+ margin-top: 3px;
+}
+
+.charsheet .sheet-load-tooltip-card:hover .sheet-load-popup {
+ display: block;
+}
+
+.charsheet .sheet-load-row {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ gap: 8px;
+ margin-bottom: 3px;
+ height: auto !important;
+}
+
+.charsheet .sheet-load-row span {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--muted-color);
+ text-transform: uppercase;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+ white-space: nowrap;
+}
+
+.charsheet .sheet-load-row input {
+ width: 40px !important;
+ height: 18px !important;
+ font-size: 11px !important;
+ text-align: center;
+}
+
+.charsheet .sheet-NOTES-layout {
+ display: grid;
+ grid-template-areas:
+ "portrait general"
+ "appearance contacts"
+ "lore missions";
+ grid-template-columns: 1fr 2fr;
+ gap: 8px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-NOTES-area-portrait {
+ grid-area: portrait;
+}
+
+.charsheet .sheet-NOTES-area-general {
+ grid-area: general;
+}
+
+.charsheet .sheet-NOTES-area-appearance {
+ grid-area: appearance;
+}
+
+.charsheet .sheet-NOTES-area-contacts {
+ grid-area: contacts;
+}
+
+.charsheet .sheet-NOTES-area-lore {
+ grid-area: lore;
+}
+
+.charsheet .sheet-NOTES-area-missions {
+ grid-area: missions;
+}
+
+.charsheet .sheet-portrait-card {
+ display: flex;
+ flex-direction: column;
+}
+
+.charsheet .sheet-portrait-img {
+ width: 100%;
+ aspect-ratio: 1 / 1;
+ height: auto !important;
+ background-color: var(--field);
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ border: 1px solid var(--border);
+ border-radius: 6px;
+ margin-bottom: 6px;
+ flex-shrink: 0;
+}
+
+.charsheet .sheet-NOTES-area-general {
+ display: flex;
+ flex-direction: column;
+}
+
+.charsheet .sheet-NOTES-area-general .sheet-card {
+ flex: 1;
+ display: flex;
+ flex-direction: column;
+ height: 100% !important;
+}
+
+.charsheet .sheet-NOTES-area-general .sheet-NOTES-area {
+ flex: 1;
+ min-height: 80px;
+ height: 100% !important;
+ resize: none;
+}
+
+.charsheet .sheet-toolbar {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ margin-bottom: 5px;
+ padding: 0px;
+ height: auto !important;
+ background: transparent;
+ border: none;
+ opacity: 0.8;
+}
+
+.charsheet .sheet-toolbar-row1 {
+ display: grid;
+ grid-template-columns: auto 1fr auto;
+ align-items: center;
+ gap: 6px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+/* ── SETTINGS LAYOUT MODE BUTTONS ───────────────────────────── */
+.charsheet .sheet-settings-footer {
+ display: flex;
+ gap: 6px;
+ padding: 10px 12px 12px;
+ border-top: 1px solid var(--border);
+}
+
+.charsheet .sheet-layout-btn {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ gap: 5px;
+ flex: 1;
+ height: 28px;
+ font-family: var(--mono-font);
+ font-size: 9px;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: 0.06em;
+ color: var(--muted-color);
+ border: 1px solid var(--border);
+ border-radius: 4px;
+ cursor: pointer;
+ transition: color 0.15s, border-color 0.15s, background-color 0.15s;
+ user-select: none;
+}
+
+.charsheet .sheet-btn-compact::before,
+.charsheet .sheet-btn-labeled::before {
+ font-family: "Material Symbols Outlined";
+ font-size: 13px;
+ font-variation-settings: "FILL" 0, "wght" 300, "GRAD" 0, "opsz" 20;
+ line-height: 1;
+}
+
+.charsheet .sheet-btn-compact::before { content: "label_off"; }
+.charsheet .sheet-btn-labeled::before { content: "label"; }
+
+.charsheet .sheet-layout-btn input[type="radio"] {
+ display: none !important;
+}
+
+.charsheet .sheet-layout-btn:has(input:checked) {
+ color: var(--accent-color) !important;
+ border-color: var(--accent-color) !important;
+}
+
+.charsheet .sheet-layout-btn:hover {
+ color: var(--accent-color);
+ border-color: var(--accent-color);
+ opacity: 0.8;
+}
+
+/* ── LAYOUT MODE : Compact ───────────────────────────────────── */
+.sheet-font-sm .sheet-card-title {
+ display: none !important;
+}
+
+.charsheet .sheet-player-input {
+ height: 16px !important;
+ font-size: 9px !important;
+ font-family: var(--mono-font);
+ color: var(--muted-color) !important;
+ border: none !important;
+ background: transparent !important;
+ padding: 0 !important;
+ opacity: 0.7;
+ width: 100% !important;
+ text-align: left !important;
+}
+
+.charsheet .sheet-welcome-input {
+ height: 16px !important;
+ font-size: 9px !important;
+ font-family: var(--mono-font);
+ color: var(--accent-color) !important;
+ border: none !important;
+ background: transparent !important;
+ padding: 0 !important;
+ opacity: 0.6;
+ width: 100% !important;
+ text-align: right !important;
+ white-space: nowrap !important;
+ overflow: hidden !important;
+ text-overflow: ellipsis !important;
+ cursor: default !important;
+ pointer-events: none !important;
+}
+
+.charsheet .sheet-player-input:focus {
+ opacity: 1;
+}
+
+.charsheet .sheet-toolbar-row2 {
+ display: grid;
+ grid-template-columns: auto auto 1fr auto auto auto 20px 20px 20px;
+ gap: 5px;
+ align-items: center;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-toolbar-nav-btn input[type="radio"] {
+ position: absolute !important;
+ opacity: 0 !important;
+ width: 0 !important;
+ height: 0 !important;
+ pointer-events: none;
+}
+
+.charsheet .sheet-toolbar-nav-btn:has(input[type="radio"]:checked) {
+ border-color: var(--accent-color) !important;
+ color: var(--accent-color) !important;
+}
+
+.charsheet .sheet-toolbar-nav-btn:hover {
+ border-color: var(--accent-color) !important;
+ color: var(--accent-color) !important;
+}
+
+.charsheet .sheet-nav-label-npc::before {
+ content: "person";
+ font-family: "Material Symbols Outlined" !important;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 18px !important;
+ line-height: 1;
+ font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
+ cursor: pointer;
+}
+
+.charsheet .sheet-nav-label-settings::before {
+ content: "settings";
+ font-family: "Material Symbols Outlined" !important;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 18px !important;
+ line-height: 1;
+ font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
+ cursor: pointer;
+}
+
+.charsheet .sheet-nav-label-glossary::before {
+ content: "menu_book";
+ font-family: "Material Symbols Outlined" !important;
+ font-style: normal;
+ font-weight: normal;
+ font-size: 18px !important;
+ line-height: 1;
+ font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
+ cursor: pointer;
+}
+
+/* ── UI-DIALOG REPEATING SECTIONS ───────────────────────────── */
+.ui-dialog .charsheet .sheet-dolam-wrapper {
+ background: var(--bg) !important;
+ color: var(--text-color) !important;
+}
+
+.ui-dialog .charsheet .repcontainer .repitem {
+ background: var(--panel-2) !important;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px !important;
+ padding: 8px !important;
+ overflow: visible !important;
+}
+
+.ui-dialog .charsheet .sheet-weapon-row,
+.ui-dialog .charsheet .sheet-cyber-row,
+.ui-dialog .charsheet .sheet-adornment-row {
+ display: grid !important;
+ overflow: visible !important;
+}
+
+.charsheet .sheet-roll-target-label {
+ display: grid;
+ grid-template-columns: 1fr 14px 20px;
+ align-items: center;
+ white-space: nowrap;
+ height: 22px !important;
+ padding: 0 8px !important;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px;
+ font-family: var(--mono-font);
+ font-size: 10px !important;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ color: var(--muted-color)!important;
+ background: var(--panel-2) !important;
+ cursor: default;
+}
+
+.charsheet .sheet-roll-target-sep {
+ padding: 0px 1px 0 5px;
+ color: var(--border);
+ font-weight: 400;
+ letter-spacing: 0;
+ border: none;
+}
+
+.charsheet .sheet-roll-target-input {
+ width: 20px !important;
+ height: 16px !important;
+ padding: 0 0px !important;
+ font-size: 11px !important;
+ text-align: center;
+ border: none !important;
+ background: transparent !important;
+ color: var(--warn) !important;
+ font-family: var(--mono-font);
+ font-weight: 700;
+ letter-spacing: 0;
+ text-transform: none;
+}
+
+.charsheet .sheet-toolbar-spacer {
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-bar-track {
+ width: 100% !important;
+ height: 6px !important;
+ background: var(--border);
+ border-radius: 3px;
+ overflow: hidden;
+ border: none !important;
+ margin: 3px 0;
+}
+
+.charsheet .sheet-bar-fill {
+ height: 100%;
+ width: 100%;
+ border-radius: 3px;
+ border: none !important;
+ background: var(--good);
+}
+
+.charsheet .sheet-exhaustion-card {
+ padding: 6px 8px !important;
+}
+
+.charsheet .sheet-exhaustion-pips {
+ display: flex;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-pip {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 2px;
+ cursor: pointer;
+ height: auto !important;
+ width: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-pip input[type=”radio”] {
+ display: none !important;
+}
+
+.charsheet .sheet-pip span {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 28px !important;
+ height: 28px !important;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px;
+ font-family: var(--main-font);
+ font-size: 13px;
+ font-weight: 700;
+ color: var(--muted-color);
+ background: var(--field);
+ cursor: pointer;
+ height: auto !important;
+ width: auto !important;
+ min-width: 28px;
+ min-height: 28px;
+}
+
+.charsheet .sheet-pip input[type=”radio”]:checked+span {
+ border-color: var(--warn) !important;
+ color: var(--warn);
+ background: rgba(255, 184, 107, 0.12);
+}
+
+.charsheet .sheet-keystats-grid {
+ display: grid;
+ grid-template-columns: repeat(7, minmax(0, 1fr));
+ gap: 5px;
+ height: auto !important;
+}
+
+.charsheet .sheet-toolbar-row2 button[type="roll"],
+.charsheet .sheet-toolbar-row2 button[type="action"] {
+ width: 70px !important;
+ height: 22px !important;
+ font-size: 10px !important;
+ font-family: var(--mono-font);
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ border: 1px solid var(--border) !important;
+ background: var(--panel-2) !important;
+ color: var(--muted-color);
+ border-radius: 4px !important;
+ padding: 0 !important;
+}
+
+.charsheet .sheet-toolbar-row2 button[type="roll"]::before,
+.charsheet .sheet-toolbar-row2 button[type="action"]::before {
+ display: none !important;
+ content: none !important;
+}
+
+.charsheet .sheet-toolbar-row2 button[type="roll"]:hover,
+.charsheet .sheet-toolbar-row2 button[type="action"]:hover {
+ border-color: var(--main-color) !important;
+ color: var(--main-color) !important;
+}
+
+.charsheet .sheet-bar-track {
+ width: 100% !important;
+ height: 6px !important;
+ background: var(--border);
+ border-radius: 3px;
+ overflow: hidden;
+ border: none !important;
+ margin: 3px 0;
+ position: relative;
+}
+
+.charsheet .sheet-progress-bar {
+ height: 100%;
+ border-radius: 3px;
+ border: none !important;
+ background: var(--good);
+ position: absolute;
+ left: 0;
+ top: 0;
+ transition: width 220ms ease-out, background-color 180ms ease-in-out;
+ will-change: width, background-color;
+}
+
+.charsheet .sheet-dolam-hp-fill.sheet-bar-hp-high {
+ background: #9ff0b3;
+}
+
+.charsheet .sheet-dolam-hp-fill.sheet-bar-hp-mid {
+ background: #ffb86b;
+}
+
+.charsheet .sheet-dolam-hp-fill.sheet-bar-hp-low {
+ background: #ff8d8d;
+}
+
+.charsheet .sheet-dolam-ap-fill {
+ background: #8fc8ff;
+}
+
+.charsheet .sheet-dolam-faith-fill {
+ background: #b89cff;
+}
+
+.charsheet .sheet-bar0 {
+ width: 0% !important;
+}
+
+.charsheet .sheet-bar1 {
+ width: 1% !important;
+}
+
+.charsheet .sheet-bar2 {
+ width: 2% !important;
+}
+
+.charsheet .sheet-bar3 {
+ width: 3% !important;
+}
+
+.charsheet .sheet-bar4 {
+ width: 4% !important;
+}
+
+.charsheet .sheet-bar5 {
+ width: 5% !important;
+}
+
+.charsheet .sheet-bar6 {
+ width: 6% !important;
+}
+
+.charsheet .sheet-bar7 {
+ width: 7% !important;
+}
+
+.charsheet .sheet-bar8 {
+ width: 8% !important;
+}
+
+.charsheet .sheet-bar9 {
+ width: 9% !important;
+}
+
+.charsheet .sheet-bar10 {
+ width: 10% !important;
+}
+
+.charsheet .sheet-bar11 {
+ width: 11% !important;
+}
+
+.charsheet .sheet-bar12 {
+ width: 12% !important;
+}
+
+.charsheet .sheet-bar13 {
+ width: 13% !important;
+}
+
+.charsheet .sheet-bar14 {
+ width: 14% !important;
+}
+
+.charsheet .sheet-bar15 {
+ width: 15% !important;
+}
+
+.charsheet .sheet-bar16 {
+ width: 16% !important;
+}
+
+.charsheet .sheet-bar17 {
+ width: 17% !important;
+}
+
+.charsheet .sheet-bar18 {
+ width: 18% !important;
+}
+
+.charsheet .sheet-bar19 {
+ width: 19% !important;
+}
+
+.charsheet .sheet-bar20 {
+ width: 20% !important;
+}
+
+.charsheet .sheet-bar21 {
+ width: 21% !important;
+}
+
+.charsheet .sheet-bar22 {
+ width: 22% !important;
+}
+
+.charsheet .sheet-bar23 {
+ width: 23% !important;
+}
+
+.charsheet .sheet-bar24 {
+ width: 24% !important;
+}
+
+.charsheet .sheet-bar25 {
+ width: 25% !important;
+}
+
+.charsheet .sheet-bar26 {
+ width: 26% !important;
+}
+
+.charsheet .sheet-bar27 {
+ width: 27% !important;
+}
+
+.charsheet .sheet-bar28 {
+ width: 28% !important;
+}
+
+.charsheet .sheet-bar29 {
+ width: 29% !important;
+}
+
+.charsheet .sheet-bar30 {
+ width: 30% !important;
+}
+
+.charsheet .sheet-bar31 {
+ width: 31% !important;
+}
+
+.charsheet .sheet-bar32 {
+ width: 32% !important;
+}
+
+.charsheet .sheet-bar33 {
+ width: 33% !important;
+}
+
+.charsheet .sheet-bar34 {
+ width: 34% !important;
+}
+
+.charsheet .sheet-bar35 {
+ width: 35% !important;
+}
+
+.charsheet .sheet-bar36 {
+ width: 36% !important;
+}
+
+.charsheet .sheet-bar37 {
+ width: 37% !important;
+}
+
+.charsheet .sheet-bar38 {
+ width: 38% !important;
+}
+
+.charsheet .sheet-bar39 {
+ width: 39% !important;
+}
+
+.charsheet .sheet-bar40 {
+ width: 40% !important;
+}
+
+.charsheet .sheet-bar41 {
+ width: 41% !important;
+}
+
+.charsheet .sheet-bar42 {
+ width: 42% !important;
+}
+
+.charsheet .sheet-bar43 {
+ width: 43% !important;
+}
+
+.charsheet .sheet-bar44 {
+ width: 44% !important;
+}
+
+.charsheet .sheet-bar45 {
+ width: 45% !important;
+}
+
+.charsheet .sheet-bar46 {
+ width: 46% !important;
+}
+
+.charsheet .sheet-bar47 {
+ width: 47% !important;
+}
+
+.charsheet .sheet-bar48 {
+ width: 48% !important;
+}
+
+.charsheet .sheet-bar49 {
+ width: 49% !important;
+}
+
+.charsheet .sheet-bar50 {
+ width: 50% !important;
+}
+
+.charsheet .sheet-bar51 {
+ width: 51% !important;
+}
+
+.charsheet .sheet-bar52 {
+ width: 52% !important;
+}
+
+.charsheet .sheet-bar53 {
+ width: 53% !important;
+}
+
+.charsheet .sheet-bar54 {
+ width: 54% !important;
+}
+
+.charsheet .sheet-bar55 {
+ width: 55% !important;
+}
+
+.charsheet .sheet-bar56 {
+ width: 56% !important;
+}
+
+.charsheet .sheet-bar57 {
+ width: 57% !important;
+}
+
+.charsheet .sheet-bar58 {
+ width: 58% !important;
+}
+
+.charsheet .sheet-bar59 {
+ width: 59% !important;
+}
+
+.charsheet .sheet-bar60 {
+ width: 60% !important;
+}
+
+.charsheet .sheet-bar61 {
+ width: 61% !important;
+}
+
+.charsheet .sheet-bar62 {
+ width: 62% !important;
+}
+
+.charsheet .sheet-bar63 {
+ width: 63% !important;
+}
+
+.charsheet .sheet-bar64 {
+ width: 64% !important;
+}
+
+.charsheet .sheet-bar65 {
+ width: 65% !important;
+}
+
+.charsheet .sheet-bar66 {
+ width: 66% !important;
+}
+
+.charsheet .sheet-bar67 {
+ width: 67% !important;
+}
+
+.charsheet .sheet-bar68 {
+ width: 68% !important;
+}
+
+.charsheet .sheet-bar69 {
+ width: 69% !important;
+}
+
+.charsheet .sheet-bar70 {
+ width: 70% !important;
+}
+
+.charsheet .sheet-bar71 {
+ width: 71% !important;
+}
+
+.charsheet .sheet-bar72 {
+ width: 72% !important;
+}
+
+.charsheet .sheet-bar73 {
+ width: 73% !important;
+}
+
+.charsheet .sheet-bar74 {
+ width: 74% !important;
+}
+
+.charsheet .sheet-bar75 {
+ width: 75% !important;
+}
+
+.charsheet .sheet-bar76 {
+ width: 76% !important;
+}
+
+.charsheet .sheet-bar77 {
+ width: 77% !important;
+}
+
+.charsheet .sheet-bar78 {
+ width: 78% !important;
+}
+
+.charsheet .sheet-bar79 {
+ width: 79% !important;
+}
+
+.charsheet .sheet-bar80 {
+ width: 80% !important;
+}
+
+.charsheet .sheet-bar81 {
+ width: 81% !important;
+}
+
+.charsheet .sheet-bar82 {
+ width: 82% !important;
+}
+
+.charsheet .sheet-bar83 {
+ width: 83% !important;
+}
+
+.charsheet .sheet-bar84 {
+ width: 84% !important;
+}
+
+.charsheet .sheet-bar85 {
+ width: 85% !important;
+}
+
+.charsheet .sheet-bar86 {
+ width: 86% !important;
+}
+
+.charsheet .sheet-bar87 {
+ width: 87% !important;
+}
+
+.charsheet .sheet-bar88 {
+ width: 88% !important;
+}
+
+.charsheet .sheet-bar89 {
+ width: 89% !important;
+}
+
+.charsheet .sheet-bar90 {
+ width: 90% !important;
+}
+
+.charsheet .sheet-bar91 {
+ width: 91% !important;
+}
+
+.charsheet .sheet-bar92 {
+ width: 92% !important;
+}
+
+.charsheet .sheet-bar93 {
+ width: 93% !important;
+}
+
+.charsheet .sheet-bar94 {
+ width: 94% !important;
+}
+
+.charsheet .sheet-bar95 {
+ width: 95% !important;
+}
+
+.charsheet .sheet-bar96 {
+ width: 96% !important;
+}
+
+.charsheet .sheet-bar97 {
+ width: 97% !important;
+}
+
+.charsheet .sheet-bar98 {
+ width: 98% !important;
+}
+
+.charsheet .sheet-bar99 {
+ width: 99% !important;
+}
+
+.charsheet .sheet-bar100 {
+ width: 100% !important;
+}
+
+.charsheet .sheet-combat-status {
+ display: grid;
+ grid-template-columns: 1fr 1fr;
+ gap: 8px;
+ margin-bottom: 8px;
+ height: auto !important;
+ width: 100% !important;
+}
+
+.charsheet .sheet-conditions-fullwidth {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-abbey-top {
+ display: grid;
+ grid-template-columns: 1fr 2fr 1fr;
+ gap: 10px;
+ margin: 10px 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-abbey-portrait-card {
+ display: flex;
+ flex-direction: column;
+}
+
+.charsheet .sheet-abbey-portrait-img {
+ width: 100%;
+ aspect-ratio: 1 / 1;
+ height: auto !important;
+ background-color: var(--field);
+ background-size: cover;
+ background-position: center;
+ background-repeat: no-repeat;
+ border: 1px solid var(--border);
+ border-radius: 6px;
+ margin-bottom: 6px;
+ flex-shrink: 0;
+}
+
+.charsheet .sheet-abbey-stats-display {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-abbey-stats-display .sheet-attr-col input {
+ font-size: 18px !important;
+ font-weight: 700 !important;
+ height: 34px !important;
+ text-align: center;
+ background: var(--field) !important;
+ border: 1px solid var(--border) !important;
+ color: var(--text-color) !important;
+}
+
+.charsheet .sheet-building-item input[type="text"],
+.charsheet .sheet-building-item input[type="number"] {
+ height: 20px !important;
+ font-size: 11px !important;
+}
+
+.charsheet .sheet-building-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-armor-compact {
+ display: grid;
+ grid-template-columns: 1fr 0.66fr 36px 36px 36px 0.66fr 20px;
+ gap: 4px;
+ align-items: end;
+ height: auto !important;
+}
+
+.charsheet .sheet-armor-compact .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-resource-item {
+ display: grid;
+ grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
+ gap: 10px;
+ padding: 3px 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-resource-col {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ height: auto !important;
+ background: var(--field);
+}
+
+.charsheet .sheet-resource-col input[type="text"] {
+ height: 20px !important;
+ font-size: 12px !important;
+ font-weight: 600;
+ text-align: center!important;
+}
+
+.charsheet .sheet-resource-sub {
+ display: flex;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-resource-sub .sheet-field {
+ flex: 1 1 60px;
+}
+
+.charsheet .sheet-resource-sub span,
+.charsheet .sheet-resource-sub input {
+ text-align: center !important;
+}
+
+.charsheet .sheet-weapon-col-headers {
+ grid-template-columns: 20px 20px 1fr 25px 25px 75px 35px 35px 75px 20px;
+ padding: 0 8px;
+}
+
+.charsheet .sheet-weapon-row {
+ display: grid;
+ grid-template-columns: 20px 20px 1fr 25px 25px 75px 35px 35px 75px 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 6px !important;
+ height: auto !important;
+ background: var(--field) !important;
+ border: 1px solid var(--border);
+ border-radius: 4px;
+}
+
+.charsheet .sheet-weapon-row input,
+.charsheet .sheet-weapon-row select,
+.charsheet .sheet-weapon-row textarea,
+.charsheet .sheet-weapon-second-row input,
+.charsheet .sheet-weapon-second-row select,
+.charsheet .sheet-weapon-second-row textarea {
+ height: 20px;
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-btn-attack::before {
+ content: "swords" !important;
+}
+
+.charsheet .sheet-btn-damage::before {
+ content: "casino" !important;
+}
+
+.charsheet .sheet-weapon-damage-roll {
+ position: absolute !important;
+ width: 0 !important;
+ height: 0 !important;
+ min-width: 0 !important;
+ min-height: 0 !important;
+ padding: 0 !important;
+ border: 0 !important;
+ opacity: 0 !important;
+ pointer-events: none !important;
+ overflow: hidden !important;
+}
+
+.charsheet .sheet-weapon-attr-group {
+ display: grid;
+ grid-template-columns: 1fr 28px;
+ gap: 2px;
+ align-items: center;
+ width: 100% !important;
+ height: auto !important;
+}
+
+.charsheet .sheet-weapon-second-col-headers {
+ grid-column: 1 / -1;
+ grid-template-columns: 20px 25px 25px 125px 25px 1fr 25px 10px 25px 108px 77px 20px;
+}
+
+.charsheet .sheet-weapon-second-row {
+ grid-column: 1 / -1;
+ display: grid;
+ grid-template-columns: 20px 25px 25px 125px 25px 1fr 25px 10px 25px 108px 77px 20px;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+ border-radius: 4px;
+}
+
+.sheet-magazine {
+ grid-column: 7 / 10!important;
+}
+
+.charsheet .sheet-weapon-firearm-row {
+ display: none;
+ grid-column: 1 / -1;
+ grid-template-columns: 25px 10px 25px 25px 25px 54px 1fr;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0 2px 48px;
+ border-left: 2px solid var(--main-color);
+ height: auto !important;
+}
+
+.charsheet .sheet-weapon-auto {
+ display: flex !important;
+ align-items: center;
+ justify-content: center;
+ gap: 3px;
+ width: auto !important;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ padding: 0 !important;
+}
+
+.charsheet .sheet-weapon-auto input[type="checkbox"],
+.charsheet .sheet-weapon-second-row input.sheet-weapon-auto-check {
+ width: 20px !important;
+ height: 20px !important;
+ max-height: 20px;
+ padding: 0 !important;
+}
+
+.charsheet .sheet-weapon-auto span {
+ width: auto !important;
+ height: auto !important;
+ line-height: 1 !important;
+ border: none !important;
+ background: transparent !important;
+ padding: 0 !important;
+ font-family: var(--mono-font);
+ font-size: 9px !important;
+ color: var(--muted-color);
+}
+
+.charsheet .sheet-weapon-details {
+ grid-column: 1 / -1;
+ display: none !important;
+ grid-template-columns: 70px 70px 120px 1fr 1fr;
+ gap: 6px;
+ padding: 0 !important;
+ border-left: 2px solid var(--bad);
+ height: auto !important;
+}
+
+.charsheet .sheet-weapon-row .sheet-hs:checked ~ .sheet-weapon-details {
+ display: grid !important;
+}
+
+.charsheet .sheet-weapon-details textarea {
+ height: 50px;
+}
+
+.charsheet .sheet-weapon-details .sheet-field-full {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-mag-sep {
+ font-size: 11px;
+ color: var(--muted-color);
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-notes-layout {
+ display: grid;
+ grid-template-columns: 220px 1fr;
+ gap: 6px;
+ height: auto !important;
+}
+
+/* ── GLOSSARY ────────────────────────────────────────────────── */
+.charsheet .sheet-glossary-layout {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 8px;
+ align-content: flex-start;
+}
+
+.charsheet .sheet-glossary-group {
+ background: var(--panel-2);
+ border: 1px solid var(--border);
+ border-radius: 4px;
+ padding: 8px 10px;
+ min-width: 160px;
+ flex: 1 1 160px;
+}
+
+.charsheet .sheet-glossary-group-title {
+ font-family: var(--mono-font);
+ font-size: 8px;
+ font-weight: 700;
+ text-transform: uppercase;
+ letter-spacing: 0.1em;
+ color: var(--accent-color);
+ margin-bottom: 6px;
+ padding-bottom: 4px;
+ border-bottom: 1px solid var(--border);
+}
+
+.charsheet .sheet-glossary-grid {
+ display: grid;
+ grid-template-columns: 35px 10px 1fr;
+ gap: 1px 4px;
+ align-items: baseline;
+}
+
+.charsheet .sheet-gl-abbr,
+.charsheet .sheet-gl-sep,
+.charsheet .sheet-gl-full {
+ border: none !important;
+ background: transparent !important;
+ height: auto !important;
+ line-height: 1.4 !important;
+ width: auto !important;
+}
+
+.charsheet .sheet-gl-abbr {
+ font-family: var(--mono-font);
+ font-size: 10px;
+ font-weight: 700;
+ color: var(--main-color);
+ white-space: nowrap;
+ text-transform: uppercase;
+}
+
+.charsheet .sheet-gl-sep {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--border);
+ text-align: center;
+}
+
+.charsheet .sheet-gl-full {
+ font-family: var(--main-font);
+ font-size: 11px;
+ color: var(--muted-color);
+ white-space: nowrap;
+ text-align: left;
+}
+
+.charsheet .sheet-notes-left {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-notes-right {
+ display: flex;
+ flex-direction: column;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-portrait-card img,
+.charsheet .sheet-abbey-portrait-card img {
+ width: 100% !important;
+ height: auto !important;
+ display: block;
+ border-radius: 4px;
+ aspect-ratio: 1 / 1;
+ object-fit: cover;
+ border: none !important;
+}
+
+.charsheet .sheet-notes-ta {
+ width: 100% !important;
+ min-height: 80px;
+ resize: vertical;
+ text-align: left;
+}
+
+.charsheet .sheet-building-col-headers { grid-template-columns: 1fr 50px 90px 20px; }
+
+
+.charsheet .sheet-building-item {
+ display: grid;
+ grid-template-columns: 1fr 50px 90px 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 3px 0px;
+ height: auto !important;
+}
+
+.charsheet .sheet-building-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-npc-roster-col-headers {
+ grid-template-columns: minmax(110px, 1.2fr) 74px minmax(80px, 0.85fr) minmax(70px, 0.75fr) 42px 42px 54px 42px 42px 48px 20px;
+}
+
+.charsheet .sheet-npc-roster-row {
+ display: grid;
+ grid-template-columns: minmax(110px, 1.2fr) 74px minmax(80px, 0.85fr) minmax(70px, 0.75fr) 42px 42px 54px 42px 42px 48px 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 6px !important;
+ height: auto !important;
+ background: var(--field) !important;
+ border: 1px solid var(--border);
+ border-radius: 4px;
+ margin-bottom: 8px;
+}
+
+.charsheet .sheet-npc-roster-row input,
+.charsheet .sheet-npc-roster-row select,
+.charsheet .sheet-npc-roster-row textarea {
+ height: 20px !important;
+ font-size: 10px !important;
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-npc-roster-row input[readonly] {
+ color: var(--main-color) !important;
+ font-weight: 700;
+}
+
+.charsheet .sheet-npc-roster-details {
+ grid-column: 1 / -1;
+ display: none !important;
+ grid-template-columns: 1fr 1fr;
+ gap: 6px;
+ padding: 0 !important;
+ border-left: 2px solid var(--bad);
+ height: auto !important;
+}
+
+.charsheet .sheet-npc-roster-row .sheet-hs:checked ~ .sheet-npc-roster-details {
+ display: grid !important;
+}
+
+.charsheet .sheet-npc-roster-details textarea {
+ min-height: 54px !important;
+ height: 54px !important;
+ resize: vertical;
+}
+
+.charsheet .sheet-levelgain-col-headers { grid-template-columns: 24px 36px 110px 1fr 20px; }
+
+
+.charsheet .sheet-levelgain-item {
+ display: grid;
+ grid-template-columns: 24px 36px 110px 1fr 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 3px 4px;
+ height: auto !important;
+}
+
+.charsheet .sheet-levelgain-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-dolam-xp-fill {
+ background: var(--warn);
+}
+
+.charsheet .sheet-dolam-load-fill {
+ background: var(--warn);
+}
+
+
+.charsheet .sheet-donations-bar {
+ display: flex;
+ gap: 5px;
+ padding: 2px 0;
+ background: transparent !important;
+ border: none !important;
+ height: auto !important;
+}
+
+.charsheet .sheet-donations-bar span {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--muted-color);
+ text-transform: uppercase;
+ letter-spacing: 0.05em;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-donations-input {
+ width: 60px !important;
+ height: 20px !important;
+ font-size: 12px !important;
+ font-weight: 700;
+ font-family: var(--mono-font);
+ color: var(--warn) !important;
+}
+
+.charsheet .repeating_weapons .repitem {
+ padding-bottom: 8px;
+ margin-bottom: 8px;
+ border-bottom: 1px solid var(--border);
+}
+
+.charsheet .repeating_weapons .repitem:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+}
+
+.charsheet .sheet-conditions-bar .sheet-condition input[name="attr_cond_hidden"]:checked {
+ background-color: transparent !important;
+ border-color: transparent !important;
+}
+
+.charsheet .sheet-conditions-bar .sheet-condition input[name="attr_cond_hidden"]:checked::before {
+ content: "visibility" !important;
+ font-size: 9px !important;
+ color: var(--muted-color) !important;
+}
+
+.charsheet .sheet-conditions-bar .sheet-condition input[name="attr_cond_hidden"]:checked ~ span {
+ color: var(--muted-color) !important;
+}
+
+.charsheet .sheet-conditions-bar .sheet-condition:has(input[name="attr_cond_hidden"]:checked) {
+ opacity: 0.25;
+}
+
+.charsheet .sheet-priv-radio {
+ position: absolute !important;
+ opacity: 0 !important;
+ width: 0 !important;
+ height: 0 !important;
+ pointer-events: none;
+}
+
+.charsheet .sheet-priv-label {
+ position: relative;
+ display: inline-grid !important;
+ min-width: 35px;
+ height: 22px !important;
+ padding: 0 8px !important;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px;
+ font-family: var(--mono-font);
+ font-size: 10px !important;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: var(--muted-color);
+ cursor: pointer;
+ background: var(--field) !important;
+ place-items: center;
+}
+
+.charsheet .sheet-priv-label span {
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ color: inherit;
+}
+
+.charsheet .sheet-priv-radio:checked + span {
+ color: var(--bg) !important;
+}
+
+.charsheet .sheet-priv-label:has(.sheet-priv-radio:checked) {
+ border-color: var(--accent-color) !important;
+ background: var(--accent-color) !important;
+ color: var(--bg) !important;
+}
+
+.charsheet .sheet-select-full {
+ width: 100% !important;
+ text-align: left !important;
+}
+
+.charsheet .sheet-abbey-layout {
+ display: grid;
+ grid-template-columns: 1fr 2fr;
+ gap: 8px;
+ height: auto !important;
+ margin-top: 10px;
+}
+
+.charsheet .sheet-abbey-col-left,
+.charsheet .sheet-abbey-col-right {
+ display: flex;
+ flex-direction: column;
+ gap: 8px;
+ height: auto !important;
+}
+
+.charsheet .sheet-armor-col-headers {
+ grid-template-columns: 20px 1fr 0.66fr 25px 25px 25px 0.66fr 20px;
+ border-bottom: 1px solid var(--border);
+ margin-bottom: 4px;
+}
+
+.charsheet .sheet-armor-row {
+ display: grid;
+ grid-template-columns: 20px 1fr 0.66fr 25px 25px 25px 0.66fr 20px;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-armor-row .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-armor-row input[type="checkbox"].sheet-hs {
+ align-self: center;
+ justify-self: center;
+}
+
+.charsheet .sheet-portrait-url {
+ width: 100% !important;
+ height: 18px !important;
+ font-size: 9px !important;
+ font-family: var(--mono-font);
+ color: var(--muted-color) !important;
+ margin-top: 4px;
+}
+
+.charsheet .sheet-abbey-name-input {
+ width: 100% !important;
+ height: 32px !important;
+ font-size: 17px !important;
+ font-weight: 700;
+ font-family: var(--main-font);
+ color: var(--main-color) !important;
+ text-align: left!important;
+ background: transparent !important;
+ border: none !important;
+ border-bottom: 1px solid var(--muted-color) !important;
+ padding: 0 !important;
+ border-radius: 0px;
+}
+
+.charsheet .sheet-partyboon-item {
+ display: flex;
+ align-items: center;
+ gap: 6px;
+ padding: 3px 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-partyboon-item input[type="text"] {
+ flex: 1 1 0;
+ height: 20px !important;
+}
+
+.charsheet .sheet-partyboon-item .sheet-hs-body {
+ flex: 1 1 100%;
+}
+
+.charsheet .repeating_storedresources {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .repeating_storedresources .repitem {
+ flex: 1 1 120px;
+ max-width: calc(20% - 5px);
+}
+
+.charsheet .sheet-resource-item {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ padding: 6px;
+ background: var(--field) !important;
+ border: 1px solid var(--border) !important;
+ border-radius: 4px;
+ height: auto !important;
+}
+
+.charsheet .sheet-reward-col-headers {
+ grid-template-columns: 32px 110px 1fr;
+}
+
+.charsheet .sheet-reward-item {
+ display: grid;
+ grid-template-columns: 32px 110px 1fr;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 4px;
+ height: auto !important;
+}
+
+.charsheet .sheet-feature-col-headers {
+ grid-template-columns: 20px 35px 100px 1fr 100px 20px;
+}
+
+.charsheet .sheet-feature-item {
+ display: grid;
+ grid-template-columns: 20px 35px 100px 1fr 100px 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0px;
+ height: auto !important;
+}
+
+.charsheet .sheet-feature-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-dogma-item {
+ display: grid;
+ grid-template-columns: 20px minmax(0, 1fr) 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-dogma-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+
+.charsheet .sheet-progress-list-item.sheet-progress-list-item1,
+.charsheet .sheet-progress-list-item.sheet-progress-list-col-headers1 {
+ grid-template-columns: 20px 35px 1fr 35px 20px;
+}
+
+.charsheet .sheet-progress-list-item.sheet-progress-list-item4,
+.charsheet .sheet-progress-list-item.sheet-progress-list-col-headers4 {
+ grid-template-columns: 20px 35px 1fr 20px;
+}
+
+
+.charsheet .sheet-progress-list-item.sheet-progress-list-item3,
+.charsheet .sheet-progress-list-item.sheet-progress-list-col-headers3 {
+ grid-template-columns: 20px 100px 35px 1fr 20px;
+}
+
+
+.charsheet .sheet-progress-list-item.sheet-progress-list-item2,
+.charsheet .sheet-progress-list-item.sheet-progress-list-col-headers2 {
+ grid-template-columns: 20px 35px 1fr 150px 20px;
+}
+
+.charsheet .sheet-progress-list-item {
+ display: grid;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-progress-list-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-discipline-col-headers {
+ grid-template-columns: 20px 1fr 36px 20px;
+}
+
+.charsheet .sheet-discipline-item {
+ display: grid;
+ grid-template-columns: 20px 1fr 36px 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 3px 4px;
+ height: auto !important;
+}
+
+.charsheet .sheet-discipline-item .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-disc-content {
+ display: flex;
+ flex-direction: column;
+ gap: 4px;
+ padding: 4px 0;
+ height: auto !important;
+}
+
+.charsheet .sheet-disc-passive {
+ display: grid;
+ grid-template-columns: 20px 50px 1fr 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0px 2px 4px;
+ border-left: 2px solid var(--good);
+ height: auto !important;
+}
+
+.charsheet .sheet-disc-ability-col-headers {
+ grid-template-columns: 20px 1fr 75px 75px 35px 10px 35px 75px 50px 20px;
+ align-items: center;
+ border-left: 2px solid transparent;
+ margin: 2px 0 0;
+}
+
+.charsheet .sheet-disc-ability-col-headers span {
+ text-align: center !important;
+}
+
+.charsheet .sheet-disc-ability-col-headers .sheet-left {
+ text-align: left !important;
+}
+
+.charsheet .sheet-disc-ability {
+ display: grid;
+ grid-template-columns: 20px 1fr 75px 75px 35px 10px 35px 75px 50px 20px;
+ gap: 4px;
+ align-items: center;
+ padding: 2px 0px 2px 4px;
+ border-left: 2px solid var(--bad);
+ height: auto !important;
+}
+
+.charsheet .sheet-disc-passive .sheet-hs-body,
+.charsheet .sheet-disc-ability .sheet-hs-body {
+ grid-column: 1 / -1;
+}
+
+.charsheet .sheet-disc-label {
+ font-family: var(--mono-font);
+ font-size: 9px!important;
+ color: var(--accent-color);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ white-space: nowrap;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-disc-use-sep {
+ width: auto !important;
+ height: auto !important;
+ line-height: 1 !important;
+ padding: 0 !important;
+ border: none !important;
+ background: transparent !important;
+ color: var(--muted-color) !important;
+ text-align: center !important;
+ justify-self: center !important;
+}
+
+.charsheet .repeating_disciplines .repitem {
+ padding-bottom: 8px;
+ border-bottom: 1px solid var(--border);
+ margin-bottom: 4px;
+}
+
+.charsheet .repeating_disciplines .repitem:last-child {
+ padding-bottom: 0;
+ border-bottom: none;
+ margin-bottom: 0;
+}
+
+.charsheet .sheet-trait-col-headers {
+ grid-template-columns: 1fr 44px 0.8fr 60px 18px;
+}
+
+
+.charsheet .sheet-discipline-item input,
+.charsheet .sheet-discipline-item textarea,
+.charsheet .sheet-discipline-item span,
+.charsheet .sheet-disc-passive input,
+.charsheet .sheet-disc-passive textarea,
+.charsheet .sheet-disc-ability input,
+.charsheet .sheet-disc-ability textarea {
+ font-style: normal !important;
+}
+
+.charsheet .repeating_disciplines input[type="text"],
+.charsheet .repeating_disciplines input[type="number"],
+.charsheet .repeating_disciplines textarea {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-disc-passive .sheet-disc-label {
+ color: var(--good);
+}
+
+.charsheet .sheet-disc-ability .sheet-disc-label {
+ color: var(--bad);
+}
+
+.charsheet .sheet-level-rewards-display {
+ display: flex;
+ flex-direction: column;
+ gap: 5px;
+ height: auto !important;
+}
+
+.charsheet .sheet-reward-row {
+ display: flex;
+ gap: 8px;
+ align-items: baseline;
+ height: auto !important;
+}
+
+.charsheet .sheet-reward-key {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ font-weight: 700;
+ text-transform: uppercase;
+ color: var(--main-color);
+ white-space: nowrap;
+ flex-shrink: 0;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-reward-val {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--muted-color);
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-reward-veteran .sheet-reward-key {
+ color: var(--warn);
+}
+
+.charsheet .sheet-reward-veteran .sheet-reward-val {
+ color: var(--warn);
+}
+
+
+.charsheet .sheet-lra-display {
+ display: grid;
+ grid-template-columns: repeat(4, 1fr);
+ gap: 6px;
+ height: auto !important;
+}
+
+.charsheet .sheet-lra-display .sheet-field {
+ flex: 1 1 0;
+ min-width: 48px;
+}
+
+.charsheet .sheet-lra-display .sheet-field input {
+ text-align: center;
+ font-weight: 700;
+ color: var(--muted-color) !important;
+}
+
+.charsheet .sheet-abbeyres-col-headers {
+ grid-template-columns: 1fr 40px 12px 40px;
+}
+
+.charsheet .sheet-abbeyres-item {
+ display: grid;
+ grid-template-columns: 1fr 40px 12px 40px;
+ gap: 4px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-abbeyres-sep {
+ font-size: 11px;
+ color: var(--muted-color);
+ text-align: center;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+
+.charsheet .sheet-dolam-wrapper {
+ position: relative;
+}
+
+.charsheet .sheet-page-settings {
+ position: absolute;
+ inset: 0;
+ z-index: 90000;
+ display: grid;
+ place-content: start center;
+ place-items: start center;
+ padding: 20px 0 60px;
+ pointer-events: auto;
+ height: auto !important;
+}
+
+.charsheet .sheet-settings-backdrop {
+ position: absolute;
+ inset: 0;
+ background: rgba(10, 15, 22, 0.4);
+ backdrop-filter: blur(2px);
+ -webkit-backdrop-filter: blur(10px);
+ z-index: 1;
+ cursor: pointer;
+ display: block;
+ pointer-events: auto;
+ height: 100% !important;
+}
+
+.charsheet .sheet-settings-backdrop input[type="radio"] {
+ position: absolute !important;
+ opacity: 0 !important;
+ width: 0 !important;
+ height: 0 !important;
+ pointer-events: none;
+}
+
+.charsheet .sheet-settings-panel {
+ position: relative;
+ z-index: 2;
+ width: 750px;
+ max-width: 95%;
+ display: flex;
+ flex-direction: column;
+ overflow-y: auto;
+ background: var(--panel) !important;
+ border: 1px solid var(--accent-color) !important;
+ border-radius: 10px;
+ pointer-events: auto;
+ height: auto !important;
+}
+
+.charsheet .sheet-settings-panel-header {
+ padding: 10px 14px 8px;
+ border-bottom: 1px solid var(--border);
+ height: auto !important;
+}
+
+.charsheet .sheet-settings-title {
+ font-family: var(--main-font);
+ font-size: 14px;
+ font-weight: 700;
+ color: var(--accent-color);
+ text-transform: uppercase;
+ letter-spacing: 0.08em;
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-settings-body {
+ display: flex;
+ gap: 16px;
+ padding: 10px;
+ align-items: flex-start;
+ height: auto !important;
+}
+
+.charsheet .sheet-settings-col {
+ flex: 1;
+ min-width: 0;
+ display: flex;
+ flex-direction: column;
+ gap: 25px;
+ height: auto !important;
+}
+
+.charsheet .sheet-settings-section {
+ height: auto !important;
+}
+
+.charsheet .sheet-settings-table {
+ display: grid;
+ grid-template-columns: 2fr repeat(7, 20px);
+ gap: 3px 6px;
+ align-items: center;
+ height: auto !important;
+}
+
+.charsheet .sheet-settings-table-combat {
+ grid-template-columns: 2fr repeat(8, 20px);
+}
+
+.charsheet .sheet-settings-head {
+ font-family: var(--mono-font);
+ font-size: 9px;
+ color: var(--muted-color);
+ text-transform: uppercase;
+ letter-spacing: 0.04em;
+ padding-bottom: 3px;
+ border-bottom: 1px solid var(--border);
+ height: auto !important;
+ border-top: none !important;
+ border-left: none !important;
+ border-right: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-settings-head-base { color: var(--muted-color); }
+.charsheet .sheet-settings-head-armor { color: var(--muted-color); }
+.charsheet .sheet-settings-head-mod { color: var(--good); }
+.charsheet .sheet-settings-head-bpl { color: var(--warn); }
+.charsheet .sheet-settings-head-level { color: var(--accent-color); }
+.charsheet .sheet-settings-head-total { color: var(--main-color); }
+
+.charsheet .sheet-settings-table input[type="number"] {
+ width: 100% !important;
+ height: 14px !important;
+ text-align: center;
+ font-size: 9px !important;
+ border: none;
+ border-bottom: 1px solid var(--muted-color);
+}
+
+.charsheet .sheet-settings-table .sheet-stat-label {
+ font-family: var(--mono-font);
+ font-size: 10px;
+ color: var(--muted-color);
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+ text-transform: uppercase;
+}
+
+.charsheet .sheet-settings-blank {
+ height: auto !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-base-input { color: var(--muted-color) !important; }
+.charsheet .sheet-armor-input { color: var(--muted-color) !important; }
+.charsheet .sheet-mod-input { color: var(--good) !important; }
+.charsheet .sheet-warn-input { color: var(--warn) !important; }
+.charsheet .sheet-level-input { color: var(--accent-color) !important; }
+.charsheet .sheet-cyber-input { color: var(--bad) !important; }
+.charsheet .sheet-total-input { color: var(--main-color) !important; font-weight: 700; }
+
+.charsheet .sheet-settings-head-cyber { color: var(--bad); }
+.charsheet .sheet-settings-head-ex { color: var(--muted-color); }
+.charsheet .sheet-ex-input { color: var(--muted-color) !important; }
+
+.charsheet .sheet-btn-inv-title,
+.charsheet .sheet-btn-section-title {
+ text-align: left !important;
+ cursor: pointer;
+ background: transparent !important;
+ border: none !important;
+ color: var(--main-color) !important;
+ font-family: var(--main-font) !important;
+ font-size: 11px !important;
+ font-weight: 700 !important;
+ letter-spacing: 0.06em !important;
+ text-transform: uppercase !important;
+ line-height: 1.2 !important;
+ margin: 0 0 6px 0 !important;
+ padding: 0 !important;
+ height: auto !important;
+ width: 100% !important;
+ display: block !important;
+}
+
+.charsheet .sheet-settings-skill-head {
+ display: grid;
+ grid-template-columns: 100px auto;
+ align-items: center;
+ gap: 4px;
+}
+
+.charsheet .sheet-settings-skill-head > span:first-child {
+ width: auto !important;
+ height: auto !important;
+ line-height: inherit !important;
+ padding: 0 !important;
+ border: none !important;
+ background: transparent !important;
+ color: inherit !important;
+ font-family: inherit !important;
+ font-size: inherit !important;
+ font-weight: inherit !important;
+ letter-spacing: inherit;
+ text-align: left !important;
+ text-transform: inherit;
+}
+
+.charsheet .sheet-pts-display {
+ display: inline-flex;
+ align-items: center;
+ gap: 2px;
+ flex-shrink: 0;
+ width: auto !important;
+ height: auto !important;
+ line-height: 1 !important;
+ padding: 0 !important;
+ border: none !important;
+ background: transparent !important;
+}
+
+.charsheet .sheet-pts-sep {
+ font-size: 9px;
+ color: var(--muted-color);
+ border: none !important;
+ background: transparent !important;
+ width: auto !important;
+ padding: 0 !important;
+ height: auto !important;
+}
+
+.charsheet .sheet-pts-in {
+ width: 24px !important;
+ height: 12px !important;
+ font-size: 9px !important;
+ border: none !important;
+ border-bottom: 1px solid var(--border) !important;
+ background: transparent !important;
+ color: var(--warn) !important;
+ text-align: center !important;
+ padding: 0 !important;
+}
+
+.charsheet .sheet-armor-row input,
+.charsheet .sheet-armor-row select {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-building-item input,
+.charsheet .sheet-building-item select,
+.charsheet .sheet-building-item textarea {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-abbeyres-item input,
+.charsheet .sheet-abbeyres-item select {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-discipline-item input:not([type="checkbox"]),
+.charsheet .sheet-discipline-item select,
+.charsheet .sheet-discipline-item textarea,
+.charsheet .sheet-disc-passive input:not([type="checkbox"]),
+.charsheet .sheet-disc-passive select,
+.charsheet .sheet-disc-passive textarea,
+.charsheet .sheet-disc-ability input:not([type="checkbox"]),
+.charsheet .sheet-disc-ability select,
+.charsheet .sheet-disc-ability textarea {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-feature-item input,
+.charsheet .sheet-feature-item select,
+.charsheet .sheet-feature-item textarea {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-progress-list-item input,
+.charsheet .sheet-progress-list-item textarea {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-dogma-item select,
+.charsheet .sheet-dogma-item textarea {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-weapon-row input,
+.charsheet .sheet-weapon-row select,
+.charsheet .sheet-weapon-row textarea,
+.charsheet .sheet-weapon-second-row input,
+.charsheet .sheet-weapon-second-row select,
+.charsheet .sheet-weapon-second-row textarea {
+ background: var(--field) !important;
+}
+
+.charsheet .sheet-weapon-row input.sheet-hs {
+ width: 18px !important;
+ height: 18px !important;
+ max-height: 18px;
+ border: none !important;
+ background: transparent !important;
+ opacity: 0.35;
+ align-content: center;
+}
+
+.charsheet .sheet-weapon-row input.sheet-hs:checked {
+ background: transparent !important;
+ border: none !important;
+ opacity: 1;
+}
+
+.charsheet .sheet-weapon-auto input[type="checkbox"],
+.charsheet .sheet-weapon-second-row input.sheet-weapon-auto-check {
+ -webkit-appearance: none !important;
+ appearance: none !important;
+ border: 1px solid var(--border) !important;
+ background: var(--field) !important;
+ display: flex !important;
+ align-items: center;
+ justify-content: center;
+ padding: 0 !important;
+ width: 20px !important;
+ height: 20px !important;
+ max-height: 20px;
+}
+
+.charsheet .sheet-weapon-auto input[type="checkbox"]::before,
+.charsheet .sheet-weapon-second-row input.sheet-weapon-auto-check::before {
+ content: "x" !important;
+ font-family: "Material Symbols Outlined";
+ font-size: 7px;
+ line-height: 7px;
+ color: var(--bad);
+ opacity: 0.5;
+}
+
+.charsheet .sheet-weapon-auto input[type="checkbox"]:checked,
+.charsheet .sheet-weapon-second-row input.sheet-weapon-auto-check:checked {
+ background: rgb(255, 107, 107, 0.16) !important;
+ border-color: var(--bad) !important;
+}
+
+.charsheet .sheet-weapon-auto input[type="checkbox"]:checked::before,
+.charsheet .sheet-weapon-second-row input.sheet-weapon-auto-check:checked::before {
+ content: "check" !important;
+}
diff --git a/daughters-of-lam/daughters-of-lam.html b/daughters-of-lam/daughters-of-lam.html
new file mode 100644
index 0000000000..28e95fb952
--- /dev/null
+++ b/daughters-of-lam/daughters-of-lam.html
@@ -0,0 +1,2747 @@
+
+
+
+