/* «Хроніки Альбанкера» — фентезі-консоль (не linux-термінал). */
.whg-rpg {
	--rpg-ink: #e8dcc0;
	--rpg-ink-dim: #a89878;
	--rpg-parch: #1a1410;
	--rpg-parch-2: #211a13;
	--rpg-gold: #d9b75a;
	--rpg-emerald: #6fcf97;
	--rpg-arcane: #b98bff;
	--rpg-blood: #d96a5a;
	--rpg-edge: #3a2c1d;
	max-width: 860px;
	margin: 0 auto;
	font-family: "Iowan Old Style", "Palatino Linotype", "Book Antiqua", Georgia, serif;
	color: var(--rpg-ink);
}

.whg-rpg__book {
	background:
		radial-gradient(1200px 380px at 50% -10%, rgba(217, 183, 90, 0.10), transparent 60%),
		linear-gradient(180deg, var(--rpg-parch-2), var(--rpg-parch));
	border: 2px solid var(--rpg-gold);
	border-radius: 14px;
	padding: 4px;
	box-shadow:
		0 24px 60px rgba(0, 0, 0, 0.55),
		0 0 0 1px rgba(0, 0, 0, 0.6),
		inset 0 0 0 1px rgba(217, 183, 90, 0.25),
		inset 0 0 90px rgba(0, 0, 0, 0.5);
	overflow: hidden;
}

/* Внутрішня рамка, що відокремлює секції одну від одної */
.whg-rpg__titlebar,
.whg-rpg__hud,
.whg-rpg__screen,
.whg-rpg__command {
	border: 1px solid var(--rpg-edge);
	border-radius: 8px;
	margin: 4px;
}

/* Титульна смуга */
.whg-rpg__titlebar {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 14px 18px;
	background: linear-gradient(180deg, rgba(217, 183, 90, 0.12), transparent);
	border-bottom: 1px solid var(--rpg-edge);
}
.whg-rpg__sigil { color: var(--rpg-gold); font-size: 18px; text-shadow: 0 0 10px rgba(217, 183, 90, 0.6); }
.whg-rpg__name {
	font-variant: small-caps;
	letter-spacing: 1.5px;
	font-size: 20px;
	color: var(--rpg-gold);
}
.whg-rpg__chapter {
	margin-left: auto;
	font-variant: small-caps;
	letter-spacing: 1px;
	color: var(--rpg-ink-dim);
	font-size: 14px;
}

/* HUD характеристик */
.whg-rpg__hud {
	display: flex;
	gap: 18px;
	justify-content: center;
	padding: 8px 12px;
	background: rgba(0, 0, 0, 0.30);
	border-bottom: 1px solid var(--rpg-edge);
	font-size: 15px;
	letter-spacing: 1px;
	color: var(--rpg-gold);
	white-space: pre;
}

/* Полотно оповіді */
.whg-rpg__screen {
	height: 480px;
	overflow-y: auto;
	padding: 20px 22px;
	font-size: 16px;
	line-height: 1.7;
	background:
		repeating-linear-gradient(0deg, transparent, transparent 27px, rgba(255, 255, 255, 0.015) 28px);
}
.whg-rpg__screen::-webkit-scrollbar { width: 10px; }
.whg-rpg__screen::-webkit-scrollbar-thumb { background: var(--rpg-edge); border-radius: 6px; }

/* Командна стрічка */
.whg-rpg__command {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 12px 14px;
	background: rgba(0, 0, 0, 0.32);
	border-top: 1px solid var(--rpg-edge);
}
.whg-rpg__quill { color: var(--rpg-gold); font-size: 18px; }
.whg-rpg__input {
	flex: 1;
	background: rgba(0, 0, 0, 0.35);
	border: 1px solid var(--rpg-edge);
	border-radius: 8px;
	color: var(--rpg-ink);
	padding: 10px 12px;
	font-family: inherit;
	font-size: 16px;
	outline: none;
}
.whg-rpg__input::placeholder { color: #7a6b50; font-style: italic; }
.whg-rpg__input:focus { border-color: var(--rpg-gold); box-shadow: 0 0 0 2px rgba(217, 183, 90, 0.18); }
.whg-rpg__send {
	background: linear-gradient(180deg, #4a3a1e, #33270f);
	color: var(--rpg-gold);
	border: 1px solid var(--rpg-gold);
	border-radius: 8px;
	padding: 10px 18px;
	cursor: pointer;
	font-family: inherit;
	font-variant: small-caps;
	letter-spacing: 1px;
	font-size: 15px;
	transition: filter 0.15s ease;
}
.whg-rpg__send:hover { filter: brightness(1.25); }

/* Рядки оповіді */
.rpg-line { margin: 0 0 8px; white-space: pre-wrap; }
.rpg-title {
	color: var(--rpg-gold);
	font-variant: small-caps;
	letter-spacing: 1px;
	font-size: 18px;
	margin: 14px 0 6px;
	text-shadow: 0 0 12px rgba(217, 183, 90, 0.35);
}
.rpg-story { color: var(--rpg-ink); }
.rpg-system { color: var(--rpg-ink-dim); font-size: 14px; font-style: italic; }
.rpg-quest { color: var(--rpg-gold); font-size: 14px; }
.rpg-player { color: #8fb7e8; }
.rpg-player::before { content: "» "; opacity: 0.6; }
.rpg-clue { color: var(--rpg-arcane); }
.rpg-item { color: var(--rpg-emerald); }
.rpg-roll { color: var(--rpg-gold); font-size: 14px; }
.rpg-warn { color: #e0b150; }
.rpg-danger { color: var(--rpg-blood); font-weight: 700; }
.rpg-away { color: #9fc7e8; font-style: italic; }

/* Расовий колорит реплік */
.rpg-npc { color: #d8e8d4; }
.rpg-goblin { color: #b6d36a; }
.rpg-dwarf { color: #e0a96d; }
.rpg-elf { color: #9fe8e0; }
.rpg-orc { color: #e08a6d; }

@media (max-width: 620px) {
	.whg-rpg__screen { height: 60vh; font-size: 15px; }
	.whg-rpg__hud { gap: 12px; font-size: 14px; }
	.whg-rpg__name { font-size: 17px; }
}