/* CUSTOM: Character Sheet page styles (hand-written; no SCSS build in this local copy). */

/* region Manager (landing) */
.charsheet__wrp-cards {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
	gap: 12px;
	padding-bottom: 12px;
}

.charsheet__card {
	border: 1px solid #ccc;
	border-radius: 6px;
	overflow: hidden;
	background: #fdfdfd;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
}

.ve-night-mode .charsheet__card {
	border-color: #555;
	background: #2b2c2f;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.charsheet__card-art {
	height: 140px;
	background-size: cover;
	background-position: center 20%;
	background-color: #00000014;
}

.charsheet__card-name {
	font-size: 16px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.charsheet__card-stats {
	display: flex;
	gap: 10px;
	margin-top: 4px;
}

.charsheet__card-btns {
	flex-wrap: wrap;
	gap: 4px;
	min-width: 0;
}

.charsheet__card-btns > * + * {
	margin-left: 0;
}
/* endregion */

/* region Builder (wizard) */
.charsheet__wrp-topbar {
	flex-shrink: 0;
	flex-wrap: wrap;
	gap: 6px;
}

.charsheet__wrp-pills {
	flex-shrink: 0;
}

.charsheet__wrp-pills .ve-btn {
	font-family: "Times New Roman", serif;
	font-variant: small-caps;
	font-size: 14px;
	padding: 4px 14px;
	transition: background 0.15s, color 0.15s;
}

/* Clear "you are here" highlight on the step pills */
.charsheet__wrp-pills .ve-btn.active {
	background: #822000;
	border-color: #822000;
	color: #fff;
	font-weight: bold;
	box-shadow: none;
}

.ve-night-mode .charsheet__wrp-pills .ve-btn.active {
	background: #a03020;
	border-color: #a03020;
	color: #fff;
}

/* Step body as a parchment panel (matches the playing view) */
.charsheet__wrp-step {
	border: 1px solid #e0d6bc;
	border-top: 3px solid #822000;
	border-radius: 8px;
	padding: 14px 16px;
	background: #fdf1dc;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.ve-night-mode .charsheet__wrp-step {
	border-color: #555;
	border-top-color: #a04030;
	background: #2b2c2f;
}

/* Smooth fade/slide when switching steps (re-triggers on display toggle) */
@keyframes charsheet-step-in {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: translateY(0); }
}

.charsheet__wrp-step > div:not(.ve-hidden) {
	animation: charsheet-step-in 0.22s ease-out;
}

/* Field labels in the play view's serif small-caps crimson voice */
.charsheet__wrp-step label > .bold,
.charsheet__wrp-step .ve-flex-col > .bold.ve-mb-1 {
	font-family: "Times New Roman", serif;
	font-variant: small-caps;
	font-size: 15px;
	color: #822000;
}

.ve-night-mode .charsheet__wrp-step label > .bold,
.ve-night-mode .charsheet__wrp-step .ve-flex-col > .bold.ve-mb-1 {
	color: #e0745c;
}

.charsheet__wrp-footer {
	flex-shrink: 0;
}

.charsheet__wrp-footer-btns > * + * {
	margin-left: 6px;
}

.charsheet__wrp-form {
	max-width: 720px;
}

.charsheet__ipt-narrow {
	max-width: 120px;
}

/* Basics: name left, big square level top-right */
.charsheet__wrp-basics-top {
	gap: 16px;
	align-items: flex-start;
}

.charsheet__wrp-level {
	flex-shrink: 0;
	margin-left: auto;
}

.charsheet__ipt-level {
	width: 72px;
	height: 72px;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	border: 2px solid #822000;
	border-radius: 10px;
	background: #fffdf8;
	margin: 0 auto;
	-moz-appearance: textfield;
}

.charsheet__ipt-level::-webkit-outer-spin-button,
.charsheet__ipt-level::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.ve-night-mode .charsheet__ipt-level {
	border-color: #a04030;
	background: #26272a;
}

/* Art upload buttons + previews */
.charsheet__wrp-art-btns {
	gap: 6px;
}

.charsheet__wrp-art-previews {
	gap: 20px;
	align-items: center;
}

.charsheet__disp-portrait {
	width: 150px;
	height: 200px;
	border: 3px solid #822000;
	border-radius: 10px;
	background-size: cover;
	background-position: center 18%;
	background-color: #00000010;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.ve-night-mode .charsheet__disp-portrait {
	border-color: #a04030;
}

/* Statgen embed: side tabs re-arranged horizontally (class swap happens in JS —
   the site's layout utilities are !important-layered and can't be overridden) */
.charsheet__wrp-statgen {
	overflow-x: auto;
}

.charsheet__statgen-tab-strip {
	gap: 4px;
	flex-wrap: wrap;
	margin-bottom: 8px;
}

.charsheet__statgen-tab-btn {
	border-radius: 6px 6px 0 0;
	font-family: "Times New Roman", serif;
	font-variant: small-caps;
	font-size: 14px;
}

.charsheet__disp-art {
	width: 160px;
	height: 160px;
	border: 3px solid #822000;
	border-radius: 50%;
	background-size: cover;
	background-position: center 20%;
	background-color: #00000010;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.ve-night-mode .charsheet__disp-art {
	border-color: #a04030;
}

.charsheet__disp-class-info > div {
	margin-bottom: 2px;
}

.charsheet__disp-fluff {
	max-height: 180px;
	overflow-y: auto;
	border: 1px solid #ddd;
	border-radius: 4px;
	padding: 8px 12px;
	max-width: 900px;
}

.charsheet__disp-fluff--expanded {
	max-height: none;
}

.ve-night-mode .charsheet__disp-fluff {
	border-color: #555;
}

.charsheet__wrp-tbl-class {
	overflow-x: auto;
	max-width: 100%;
}

.charsheet__tbl-class {
	border-collapse: collapse;
	white-space: nowrap;
}

.charsheet__tbl-class th,
.charsheet__tbl-class td {
	border: 1px solid #ccc;
	padding: 2px 8px;
}

.ve-night-mode .charsheet__tbl-class th,
.ve-night-mode .charsheet__tbl-class td {
	border-color: #555;
}

.charsheet__tbl-class thead th {
	background: #00000010;
	text-align: center;
}

.ve-night-mode .charsheet__tbl-class thead th {
	background: #ffffff14;
}

.charsheet__tbl-class tbody tr:nth-child(odd) {
	background: #00000006;
}

.ve-night-mode .charsheet__tbl-class tbody tr:nth-child(odd) {
	background: #ffffff08;
}

.charsheet__tbl-row--current,
.charsheet__tbl-class tbody tr.charsheet__tbl-row--current:nth-child(odd) {
	background: #337ab73d;
}

.charsheet__tbl-row--current > td:first-child {
	font-weight: bold;
}

.charsheet__wrp-skills {
	max-height: 320px;
	overflow-y: auto;
	border: 1px solid #c9b98f;
	border-radius: 6px;
	padding: 6px 10px;
	max-width: 420px;
	background: #fffdf8;
}

.ve-night-mode .charsheet__wrp-skills {
	border-color: #555;
	background: #26272a;
}

.charsheet__lbl-skill {
	margin-bottom: 2px;
	font-weight: normal;
	cursor: pointer;
}

.charsheet__disp-count--bad {
	color: #b30000;
}

.ve-night-mode .charsheet__disp-count--bad {
	color: #ff6b6b;
}

.charsheet__wrp-equip-group {
	border-left: 3px solid #ccc;
	padding-left: 10px;
}

.ve-night-mode .charsheet__wrp-equip-group {
	border-left-color: #555;
}

/* Equipment options as side-by-side selectable frames */
.charsheet__wrp-equip-frames {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: stretch;
}

.charsheet__equip-frame {
	border: 2px solid #ccc;
	border-radius: 8px;
	padding: 6px 10px;
	min-width: 180px;
	flex: 1 1 0;
	max-width: 340px;
	cursor: pointer;
	transition: border-color 0.12s, background 0.12s;
}

.ve-night-mode .charsheet__equip-frame {
	border-color: #555;
}

.charsheet__equip-frame:hover {
	border-color: #822000;
}

.charsheet__equip-frame--active {
	border-color: #822000;
	background: #8220000f;
}

.ve-night-mode .charsheet__equip-frame--active {
	border-color: #d04030;
	background: #d040301a;
}

.charsheet__equip-frame--fixed {
	cursor: default;
	border-style: dashed;
}

.charsheet__equip-frame--fixed:hover {
	border-color: #ccc;
}

.ve-night-mode .charsheet__equip-frame--fixed:hover {
	border-color: #555;
}

.charsheet__equip-frame-title {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	border-bottom: 1px solid #ddd;
	margin-bottom: 4px;
	padding-bottom: 2px;
}

.ve-night-mode .charsheet__equip-frame-title {
	border-bottom-color: #555;
}

.charsheet__disp-equip-item {
	margin-bottom: 2px;
}

.charsheet__sel-equip {
	max-width: 320px;
}

.charsheet__disp-gold {
	font-size: 18px;
}
/* endregion */

/* region Character stat block (review + live preview) */
.charsheet-stats {
	background: #fdf1dc;
	border: 1px solid #e0d6bc;
	border-top: 3px solid #822000;
	border-bottom: 3px solid #822000;
	border-radius: 3px;
	padding: 10px 14px;
	color: #222;
	font-size: 13.5px;
	max-width: 460px;
	width: 100%;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
}

.charsheet-stats__name {
	font-family: "Times New Roman", serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 22px;
	color: #822000;
	line-height: 1.1;
}

.charsheet-stats__subtitle {
	font-style: italic;
	font-size: 12.5px;
}

.charsheet-stats__rule {
	height: 3px;
	margin: 6px 0;
	background: linear-gradient(to right, #822000 0%, #82200066 100%);
	clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.charsheet-stats__lbl {
	font-weight: bold;
	color: #822000;
}

.charsheet-stats__art {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 2px solid #822000;
	background-size: cover;
	background-position: center 20%;
	margin-right: 10px;
	flex-shrink: 0;
}

.charsheet-stats__wrp-abs {
	display: flex;
	justify-content: space-around;
	text-align: center;
	margin: 2px 0;
}

.charsheet-stats__ab-name {
	font-weight: bold;
	color: #822000;
	font-size: 12px;
}

.charsheet-stats__ab-val {
	font-size: 12.5px;
}

.charsheet-stats__sect {
	border-radius: 8px;
	padding: 4px 6px;
	margin: 0 -6px;
	transition: background 0.2s, box-shadow 0.2s;
}

/* Soft rounded highlight behind the section being edited */
.charsheet-stats__sect--active {
	background: #82200014;
	box-shadow: 0 0 0 1px #82200033;
}

/* Builder two-pane layout */
.charsheet__wrp-builder-cols {
	display: grid;
	grid-template-columns: minmax(420px, 1fr) minmax(300px, 480px);
	gap: 12px;
	align-items: stretch;
}

@media (max-width: 1000px) {
	.charsheet__wrp-builder-cols {
		grid-template-columns: 1fr;
	}

	.charsheet__wrp-preview {
		display: none;
	}
}
/* endregion */

/* region Review */
.charsheet__wrp-issues {
	border: 1px solid #d9a24a;
	background: #fff6e6;
	border-radius: 4px;
	padding: 8px 12px;
}

.ve-night-mode .charsheet__wrp-issues {
	background: #4a3a1a;
	border-color: #a8802e;
}

.charsheet__review-art {
	width: 84px;
	height: 84px;
	border-radius: 6px;
	background-size: cover;
	background-position: center 20%;
	background-color: #00000014;
	flex-shrink: 0;
}

.charsheet__review-name {
	font-size: 20px;
}

.charsheet__wrp-scores {
	gap: 8px;
	flex-wrap: wrap;
}

.charsheet__disp-score {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 4px 10px;
	min-width: 64px;
}

.ve-night-mode .charsheet__disp-score {
	border-color: #555;
}

.charsheet__disp-score-val {
	font-size: 20px;
}

.charsheet__wrp-review-stats {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}
/* endregion */

/* region Playing view — stat-block/DDB-inspired theming */
.charsheet-play__panel,
.charsheet-play__tile,
.charsheet-play__wrp-ab {
	background: #fdf1dc;
	border-color: #e0d6bc;
}

.charsheet-play__panel-title,
.charsheet-play__tile-label,
.charsheet-play__ab-name,
.charsheet-play__disp-feature-group,
.charsheet-play__slot-label {
	font-family: "Times New Roman", serif;
	font-variant: small-caps;
	text-transform: none;
	letter-spacing: 0.5px;
	color: #822000;
}

.charsheet-play__panel-title {
	font-size: 17px;
	border-bottom-color: #822000;
}

.charsheet-play__header-name {
	font-family: "Times New Roman", serif;
	font-variant: small-caps;
	color: #822000;
}

.ve-night-mode .charsheet-play__panel,
.ve-night-mode .charsheet-play__tile,
.ve-night-mode .charsheet-play__wrp-ab {
	background: #2b2c2f;
	border-color: #555;
}

.ve-night-mode .charsheet-play__panel-title,
.ve-night-mode .charsheet-play__tile-label,
.ve-night-mode .charsheet-play__ab-name,
.ve-night-mode .charsheet-play__disp-feature-group,
.ve-night-mode .charsheet-play__slot-label,
.ve-night-mode .charsheet-play__header-name {
	color: #e0745c;
}

.ve-night-mode .charsheet-play__panel-title {
	border-bottom-color: #a04030;
}

.charsheet-play__header-art {
	width: 56px;
	height: 56px;
	border-radius: 6px;
	background-size: cover;
	background-position: center 20%;
	background-color: #00000014;
	flex-shrink: 0;
}

.charsheet-play__header-name {
	font-size: 20px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.charsheet-play__header-btns > * + * {
	margin-left: 6px;
}

/* Vitals */
.charsheet-play__wrp-vitals {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	align-items: stretch;
}

.charsheet-play__tile {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 6px 14px;
	text-align: center;
	background: #fdfdfd;
	min-width: 86px;
}

.ve-night-mode .charsheet-play__tile {
	border-color: #555;
	background: #2b2c2f;
}

.charsheet-play__tile--clickable {
	cursor: pointer;
}

.charsheet-play__tile--clickable:hover {
	border-color: #337ab7;
}

.charsheet-play__tile-val {
	font-size: 22px;
	font-weight: bold;
}

.charsheet-play__tile-label {
	font-size: 11px;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 0.4px;
}

.ve-night-mode .charsheet-play__tile-label {
	color: #999;
}

.charsheet-play__disp-shield {
	font-size: 13px;
	margin-left: 4px;
	vertical-align: super;
}

.charsheet-play__tile--hp {
	min-width: 240px;
}

.charsheet-play__ipt-hp {
	width: 58px;
	margin-right: 4px;
}

.charsheet-play__wrp-hp-btns {
	margin-top: 4px;
}

.charsheet-play__wrp-hp-btns > button + button {
	margin-left: 4px;
}

/* Columns */
.charsheet-play__wrp-cols {
	display: grid;
	grid-template-columns: minmax(230px, 300px) minmax(280px, 1fr) minmax(280px, 1fr);
	gap: 10px;
	align-items: start;
}

@media (max-width: 1100px) {
	.charsheet-play__wrp-cols {
		grid-template-columns: 1fr;
	}
}

.charsheet-play__panel {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 8px 10px;
	background: #fdfdfd;
}

.ve-night-mode .charsheet-play__panel {
	border-color: #555;
	background: #2b2c2f;
}

.charsheet-play__panel-title {
	font-weight: bold;
	border-bottom: 1px solid #ddd;
	padding-bottom: 4px;
	margin-bottom: 6px;
}

.ve-night-mode .charsheet-play__panel-title {
	border-bottom-color: #555;
}

/* Abilities */
.charsheet-play__wrp-abs {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6px;
}

.charsheet-play__wrp-ab {
	border: 1px solid #ccc;
	border-radius: 6px;
	padding: 4px;
	background: #fdfdfd;
}

.ve-night-mode .charsheet-play__wrp-ab {
	border-color: #555;
	background: #2b2c2f;
}

.charsheet-play__ab-name {
	font-size: 11px;
	font-weight: bold;
	color: #777;
}

.ve-night-mode .charsheet-play__ab-name {
	color: #999;
}

.charsheet-play__ab-score {
	font-size: 18px;
	font-weight: bold;
}

.charsheet-play__btn-mod {
	margin-bottom: 2px;
}

.charsheet-play__btn-save--prof {
	font-weight: bold;
}

/* Skills */
.charsheet-play__row-skill {
	padding: 1px 4px;
	border-radius: 4px;
	cursor: pointer;
}

.charsheet-play__row-skill:hover {
	background: #337ab72b;
}

.charsheet-play__disp-prof {
	display: inline-block;
	width: 9px;
	height: 9px;
	border: 1px solid #888;
	border-radius: 50%;
	margin-right: 6px;
	flex-shrink: 0;
}

.charsheet-play__disp-prof--yes {
	background: #337ab7;
	border-color: #337ab7;
}

/* Attacks */
.charsheet-play__row-attack {
	padding: 2px 0;
}

.charsheet-play__attack-name {
	white-space: nowrap;
}

/* Inventory */
.charsheet-play__row-item {
	padding: 1px 0;
}

.charsheet-play__wrp-equip {
	width: 22px;
	flex-shrink: 0;
}

.charsheet-play__btn-remove {
	padding: 0 6px;
	line-height: 1.2;
}

/* Currency */
.charsheet-play__wrp-coins {
	gap: 8px;
}

.charsheet-play__ipt-coin {
	width: 64px;
	text-align: center;
}

/* Features */
.charsheet-play__disp-feature-group {
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.4px;
	color: #777;
	margin: 8px 0 2px;
}

.ve-night-mode .charsheet-play__disp-feature-group {
	color: #999;
}

.charsheet-play__feature-header {
	cursor: pointer;
	padding: 1px 4px;
	border-radius: 4px;
}

.charsheet-play__feature-header:hover {
	background: #337ab72b;
}

.charsheet-play__feature-caret {
	margin-right: 6px;
}

.ve-caret--right {
	transform: rotate(-90deg);
}

.charsheet-play__feature-body {
	padding: 4px 8px 6px 20px;
	font-size: 13px;
}

.charsheet-play__wrp-uses {
	gap: 2px;
	margin-right: 4px;
}

.charsheet-play__cb-use {
	margin: 0 1px !important;
}

.charsheet-play__disp-recharge {
	margin-left: 4px;
	cursor: help;
}

.charsheet-play__btn-edit-uses {
	padding: 0 4px;
	font-size: 10px;
	line-height: 1.4;
	opacity: 0.6;
}

.charsheet-play__btn-edit-uses:hover {
	opacity: 1;
}

/* Ability cards (D&D Beyond style: big modifier, small score pill at the bottom) */
.charsheet-play__ab-card {
	background: #fdf1dc;
	border: 2px solid #822000;
	border-radius: 10px;
	padding: 6px 8px 14px;
	min-width: 84px;
	text-align: center;
	position: relative;
	cursor: pointer;
	transition: box-shadow 0.12s;
}

.charsheet-play__ab-card:hover {
	box-shadow: 0 0 0 2px #82200055;
}

.ve-night-mode .charsheet-play__ab-card {
	background: #2b2c2f;
	border-color: #a04030;
}

.charsheet-play__ab-card-name {
	font-family: "Times New Roman", serif;
	font-variant: small-caps;
	font-size: 11px;
	font-weight: bold;
	color: #822000;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.ve-night-mode .charsheet-play__ab-card-name {
	color: #e0745c;
}

.charsheet-play__ab-card-mod {
	font-size: 26px;
	font-weight: bold;
	line-height: 1.1;
}

.charsheet-play__ab-card-score {
	position: absolute;
	bottom: -11px;
	left: 50%;
	transform: translateX(-50%);
	background: #fdf1dc;
	border: 1px solid #822000;
	border-radius: 10px;
	font-size: 12px;
	font-weight: bold;
	padding: 0 10px;
	line-height: 1.6;
}

.ve-night-mode .charsheet-play__ab-card-score {
	background: #2b2c2f;
	border-color: #a04030;
}

.charsheet-play__wrp-vitals {
	padding-bottom: 12px; /* room for the overhanging score pills */
}

.charsheet-play__tile-unit {
	font-size: 13px;
	font-weight: normal;
}

.charsheet-play__hp-mid {
	margin: 0 14px;
}

.charsheet-play__hp-temp-val {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}

.charsheet-play__wrp-hp-btns > * {
	margin-bottom: 2px;
}

/* Saving throw pills */
.charsheet-play__wrp-saves {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 4px;
}

.charsheet-play__save-pill {
	display: flex;
	align-items: center;
	border: 1px solid #c9b98f;
	border-radius: 12px;
	padding: 2px 10px;
	cursor: pointer;
	font-size: 12.5px;
}

.charsheet-play__save-pill:hover {
	border-color: #822000;
	background: #8220000f;
}

.ve-night-mode .charsheet-play__save-pill {
	border-color: #555;
}

.ve-night-mode .charsheet-play__save-pill:hover {
	border-color: #a04030;
	background: #d040301a;
}

/* Senses */
.charsheet-play__row-sense {
	padding: 1px 0;
}

.charsheet-play__sense-val {
	display: inline-block;
	min-width: 30px;
	text-align: center;
	border: 1px solid #c9b98f;
	border-radius: 10px;
	font-weight: bold;
	margin-right: 8px;
	font-size: 12.5px;
}

.ve-night-mode .charsheet-play__sense-val {
	border-color: #555;
}

/* Proficiencies & Languages */
.charsheet-play__wrp-prof {
	margin-bottom: 5px;
}

.charsheet-play__prof-lbl {
	font-family: "Times New Roman", serif;
	font-variant: small-caps;
	font-weight: bold;
	font-size: 12px;
	color: #822000;
}

.ve-night-mode .charsheet-play__prof-lbl {
	color: #e0745c;
}

/* Skills: prof | ability | name | bonus */
.charsheet-play__skill-ab {
	min-width: 30px;
}

/* Combat panel: initiative + AC shield */
.charsheet-play__wrp-combat-stats {
	gap: 24px;
}

.charsheet-play__combat-stat {
	cursor: pointer;
}

.charsheet-play__init-hex {
	width: 62px;
	height: 50px;
	margin: 2px auto 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	font-weight: bold;
	background: #fdf1dc;
	border: 2px solid #822000;
	border-radius: 16px / 24px;
}

.ve-night-mode .charsheet-play__init-hex {
	background: #2b2c2f;
	border-color: #a04030;
}

.charsheet-play__ac-shield {
	width: 58px;
	height: 64px;
	margin: 2px auto;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 22px;
	font-weight: bold;
	background: #fdf1dc;
	border: 2px solid #822000;
	border-radius: 8px 8px 50% 50% / 8px 8px 72% 72%;
}

.ve-night-mode .charsheet-play__ac-shield {
	border-color: #a04030;
}

.ve-night-mode .charsheet-play__ac-shield {
	background: #2b2c2f;
}

.charsheet-play__combat-stat:hover .charsheet-play__init-hex,
.charsheet-play__combat-stat:hover .charsheet-play__ac-shield {
	background: #f3e2be;
}

.ve-night-mode .charsheet-play__combat-stat:hover .charsheet-play__init-hex,
.ve-night-mode .charsheet-play__combat-stat:hover .charsheet-play__ac-shield {
	background: #3a3b3f;
}

/* Custom inventory items */
.charsheet-play__ipt-custom-name {
	max-width: 200px;
}

.charsheet-play__ta-custom-desc {
	margin: 2px 0 4px 22px;
	font-size: 12px;
	max-width: 320px;
}

.charsheet-play__btn-ticker {
	padding: 1px 7px;
	margin: 0 3px;
}

/* Spells */
.charsheet-play__wrp-spell-hdr > * + * {
	margin-left: 8px;
}

.charsheet-play__row-slots {
	padding: 1px 0;
}

.charsheet-play__slot-label {
	min-width: 74px;
	font-weight: bold;
	font-size: 12px;
}

.charsheet-play__row-spell {
	padding: 1px 0;
}

/* Builder spell pick lists */
.charsheet__wrp-form--wide {
	max-width: 900px;
}

.charsheet__ipt-spell-filter {
	max-width: 240px;
	margin-bottom: 4px;
}

.charsheet__wrp-spell-list {
	max-height: 340px;
	max-width: 620px;
}
/* endregion */