/* RPG Szenentracker — Stylesheet fuer Mood.
   Alles zu rpg_scenes steht hier: Szenenkopf, Tracker, Themenzeile,
   Profilliste und die Felder im Beitragsformular. */
/* ============================================================
   Szenenkopf
   ============================================================ */
.md-scene {
	margin-top: clamp(1.25rem, 3vw, 1.75rem);
	padding-bottom: clamp(1rem, 2.5vw, 1.4rem);
	border-bottom: 1px solid var(--md-rule-hair);
}
.md-scene__meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .3rem 0;
	margin: 0;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-scene__status {
	display: inline-flex;
	align-items: center;
	gap: .6rem;
	margin-right: .9rem;
	font-family: var(--md-f-sans);
	font-weight: 400;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-dim);
}
.md-scene__status::before { content: ""; width: var(--md-dash); height: 1px; background: currentColor; }
.md-scene__status--closed,
.md-scene__status--archiviert { color: var(--md-ink-faint); }
.md-scene__status--closed::before,
.md-scene__status--archiviert::before {
	background: repeating-linear-gradient(90deg, currentColor 0 3px, transparent 3px 6px);
}
.md-scene__i + .md-scene__i::before,
.md-scene__status + .md-scene__i::before { content: "\00b7"; margin: 0 .6rem; color: var(--md-rule); }
.md-scene__acts { margin-left: auto; display: flex; align-items: center; gap: 1.1rem; }
.md-scene__acts:empty { display: none; }

/* Der Warnhinweis ist der zweite gemeinte Ort fuer den Akzent. */
.md-scene__cw { margin: .9rem 0 0; font-style: italic; font-size: var(--md-t-micro); line-height: 1.9; color: var(--md-ink-dim); }
.md-scene__cwl {
	display: inline;
	margin-right: .5rem;
	font-style: normal;
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-accent-soft);
}
.md-scene__d { margin-top: .9rem; max-width: 68ch; font-size: var(--md-t-micro); line-height: 1.9; color: var(--md-ink-dim); }

.md-scene__cast { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem 1.2rem; margin-top: .9rem; }
.md-scene__castl {
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-scene__castlist { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 1.1rem; }
.md-cast,
.scene-participant { display: inline-flex; align-items: center; gap: .65rem; min-width: 0; }
.md-cast__av,
.scene-participant__avatar {
	flex: 0 0 auto;
	width: 30px; height: 30px;
	object-fit: cover;
	padding: 2px;
	border: 1px solid var(--md-rule-hair);
	filter: var(--md-photo-filter);
}
.md-cast__n,
.scene-participant__name {
	font-family: var(--md-f-serif);
	font-weight: 700;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink-dim);
	transition: color var(--md-dur) var(--md-ease);
}
.md-cast:hover .md-cast__n,
.scene-participant:hover .scene-participant__name { color: var(--md-ink); }
/* Im Szenenkopf treten die Teilnehmer leiser auf als in der Szenenliste. */
.md-scene__castlist .md-cast { gap: .5rem; }
.md-scene__castlist .md-cast__av {
	width: 22px; height: 22px;
	padding: 0;
	border: 0;
	border-radius: 50%;
}
.md-scene__castlist .md-cast__n {
	font-family: var(--md-f-sans);
	font-weight: 400;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-body);
	text-transform: none;
	color: var(--md-ink-dim);
}
.md-scene__castlist .md-ico__n {
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
}
.md-scene__castlist img { max-width: 22px; height: auto; }
/* ============================================================
   Szenentracker
   ============================================================ */
.md-tracker__bar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: .75rem 1.5rem;
	padding-bottom: clamp(1rem, 2.5vw, 1.5rem);
	border-bottom: 1px solid var(--md-rule-hair);
}
.md-tracker__filters { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.35rem; }
.md-tracker__sum {
	display: flex;
	flex-wrap: wrap;
	gap: .3rem 1.1rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
	font-variant-numeric: tabular-nums;
}
/* Was auf mich wartet, ist die eine Zahl, die zaehlt — sie traegt Helligkeit. */
.md-tracker__mine { color: var(--md-ink); }

.md-tracker__char { margin-top: clamp(2rem, 4vw, 3rem); }
.md-tracker__charhead { display: flex; align-items: center; gap: .9rem; margin-bottom: .5rem; }
.md-tracker__charid { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .9rem; min-width: 0; }
.md-tracker__charn {
	font-family: var(--md-f-serif);
	font-weight: 700;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink);
}
.md-tracker__chars {
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
	font-variant-numeric: tabular-nums;
}
.md-tracker__empty {
	margin: clamp(2rem, 4vw, 3rem) 0 0;
	padding-top: 1.1rem;
	border-top: 1px solid var(--md-rule-hair);
	color: var(--md-ink-faint);
}

/* Die Szenenzeile ist gebaut wie die Forenzeile: Haarlinie, Strich,
   Helligkeit — nur der Strich sagt hier, wer am Zug ist. */
.md-scenerow {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 16rem);
	gap: .5rem 1.75rem;
	align-items: baseline;
	padding: 1rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.md-scenerow__main { min-width: 0; }
.md-scenerow__t {
	display: flex;
	align-items: center;
	gap: .9rem;
	font-family: var(--md-f-serif);
	font-weight: 700;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink-dim);
	transition: color var(--md-dur) var(--md-ease);
}
.md-scenerow__t::before {
	content: "";
	flex: 0 0 var(--md-dash);
	height: 1px;
	background: var(--md-rule-soft);
	transition: background var(--md-dur) var(--md-ease), height var(--md-dur) var(--md-ease);
}
.md-scenerow:hover .md-scenerow__t { color: var(--md-ink); }
.scene-item--closed .md-scenerow__t { color: var(--md-ink-faint); }
.scene-item--closed .md-scenerow__t::before {
	background: repeating-linear-gradient(90deg, var(--md-rule-soft) 0 3px, transparent 3px 6px);
}
.md-scenerow__m {
	display: flex;
	flex-wrap: wrap;
	gap: .2rem 0;
	margin: .35rem 0 0;
	padding-left: calc(var(--md-dash) + .9rem);
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-scenerow__i + .md-scenerow__i::before { content: "\00b7"; margin: 0 .6rem; }
.md-scenerow__p { color: var(--md-ink-dim); }
.md-scenerow__p + .md-scenerow__p::before { content: ", "; color: var(--md-ink-faint); }
.md-scenerow__p:hover { color: var(--md-ink); }

.md-scenerow__side { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .9rem; justify-content: flex-end; }
.md-scenerow__last { font-size: var(--md-t-micro); line-height: 1.9; color: var(--md-ink-faint); text-align: right; }
.md-scenerow__d { display: block; color: var(--md-ink-dim); }
.md-scenerow__u { display: block; }
.md-scenerow__u a { color: var(--md-ink-dim); }
.md-scenerow__u a:hover { color: var(--md-ink); }

.md-turn {
	display: inline-flex;
	align-items: center;
	gap: .7rem;
	width: auto;
	height: auto;
	padding: 0;
	background: none;
	border: 0;
	border-radius: 0;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--md-ink-faint);
}
.md-turn::before { content: ""; width: var(--md-dash); height: 1px; background: currentColor; }
.md-turn--mine { color: var(--md-ink-bright); }
.md-turn--mine::before { height: 2px; }
/* Wer als naechster dran ist, steht in der Partnerliste heller. */
.scene-item__with-user.is-next,
.md-scenerow__p.is-next { color: var(--md-ink); }

.md-form--scene { gap: 1rem; }
.md-form--scene label {
	display: block;
	margin-bottom: .3rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.md-form--scene input[type="text"],
.md-form--scene input[type="number"],
.md-form--scene select,
.md-form--scene textarea {
	width: 100%;
	padding: .55rem .7rem;
	background: var(--md-wash);
	border: 1px solid var(--md-rule-hair);
	font-family: inherit;
	font-size: var(--md-t-body);
	color: var(--md-ink);
}

@media (max-width: 760px) {
	.md-scenerow { grid-template-columns: minmax(0, 1fr); }
	.md-scenerow__side { justify-content: flex-start; padding-left: calc(var(--md-dash) + .9rem); }
	.md-scenerow__last { text-align: left; }
}

/* Die Klassen, die das Szenen-Plugin selbst vergibt. Sie stehen hier,
   damit Tracker und Szenenkopf auch dort stimmen, wo noch eine Vorlage
   des Plugins statt eines Mood-Templates greift. */
.scene-profile__controls,
.scene-profile__filters,
.scene-profile__sort { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.35rem; }
.scene-profile__controls { justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 1px solid var(--md-rule-hair); }
.scene-profile__sort label,
.scene-profile__summary {
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.scene-profile__summary { display: flex; flex-wrap: wrap; gap: .3rem 1.1rem; margin-top: 1rem; }
.scene-profile__summary-myturn { color: var(--md-ink); }
.scene-profile__select {
	appearance: none; -webkit-appearance: none;
	padding: .2rem 1.2rem .25rem 0;
	background: none;
	border: 0;
	border-bottom: 1px solid var(--md-rule-soft);
	font-family: inherit;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-dim);
	cursor: pointer;
}
.scene-profile__select option { background: var(--md-scrim-solid); color: var(--md-ink); }
.scene-profile__empty:not(.md-tracker__empty) { margin-top: 2rem; padding-top: 1.1rem; border-top: 1px solid var(--md-rule-hair); color: var(--md-ink-faint); }

.scene-character-section { margin-top: clamp(2rem, 4vw, 3rem); }
.scene-character-header { display: flex; align-items: center; gap: .9rem; margin-bottom: .5rem; }
.scene-character-header__avatar {
	flex: 0 0 auto;
	width: 30px; height: 30px;
	object-fit: cover;
	padding: 2px;
	border: 1px solid var(--md-rule-hair);
	filter: var(--md-photo-filter);
}
.scene-character-header__info { display: flex; flex-wrap: wrap; align-items: baseline; gap: .3rem .9rem; }
.scene-character-header__name {
	font-family: var(--md-f-serif);
	font-weight: 700;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink);
}
.scene-character-header__stats {
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}

.scene-item:not(.md-scenerow) {
	display: grid;
	grid-template-columns: min-content minmax(0, 1fr) minmax(0, 16rem);
	gap: .5rem 1.25rem;
	align-items: baseline;
	padding: 1rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.scene-item__status { width: var(--md-dash); height: 1px; background: var(--md-rule-soft); align-self: center; }
.scene-item--closed .scene-item__status { background: repeating-linear-gradient(90deg, var(--md-rule-soft) 0 3px, transparent 3px 6px); }
.scene-item__info { min-width: 0; }
.scene-item__title:not(.md-scenerow__t) {
	display: block;
	font-family: var(--md-f-serif);
	font-weight: 700;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink-dim);
	transition: color var(--md-dur) var(--md-ease);
}
.scene-item:hover .scene-item__title:not(.md-scenerow__t) { color: var(--md-ink); }
.scene-item__meta {
	display: flex;
	flex-wrap: wrap;
	gap: .2rem 0;
	margin-top: .35rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.scene-item__meta > span + span::before { content: "\00b7"; margin: 0 .6rem; }
.scene-item__with-user:not(.md-scenerow__p) { color: var(--md-ink-dim); }
.scene-item__with-user:not(.md-scenerow__p) + .scene-item__with-user:not(.md-scenerow__p)::before { content: ", "; }
.scene-item__right { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: flex-end; gap: .3rem .9rem; }
.scene-item__lastpost { font-size: var(--md-t-micro); line-height: 1.9; color: var(--md-ink-faint); text-align: right; }
.scene-item__lastpost-date { display: block; color: var(--md-ink-dim); }
.scene-item__lastpost-user { display: block; }
.scene-item__lastpost-user a { color: var(--md-ink-dim); }

.scene-badge:not(.md-turn) {
	display: inline-flex;
	align-items: center;
	gap: .7rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--md-ink-faint);
}
.scene-badge:not(.md-turn)::before { content: ""; width: var(--md-dash); height: 1px; background: currentColor; }
.scene-badge--myturn:not(.md-turn) { color: var(--md-ink-bright); }
.scene-badge--myturn:not(.md-turn)::before { height: 2px; }

.scene-edit__actions,
.scene-join__actions { display: flex; flex-wrap: wrap; gap: .5rem; margin-top: 1.35rem; padding-top: 1.1rem; border-top: 1px solid var(--md-rule-hair); }
.scene-join__meta { display: flex; flex-wrap: wrap; gap: .2rem 0; font-size: var(--md-t-micro); letter-spacing: var(--md-ls-nav); text-transform: uppercase; color: var(--md-ink-dim); }
.scene-join__label { display: block; margin-bottom: .7rem; font-size: var(--md-t-micro); letter-spacing: var(--md-ls-nav); text-transform: uppercase; color: var(--md-ink-faint); }
.scene-join__participants { margin-top: 1.35rem; padding-top: 1.1rem; border-top: 1px solid var(--md-rule-hair); }

@media (max-width: 760px) {
	.scene-item { grid-template-columns: min-content minmax(0, 1fr); }
	.scene-item__right { grid-column: 2; justify-content: flex-start; }
	.scene-item__lastpost { text-align: left; }
}


/* ============================================================
   Szenenformular — Markierungen kommen aus dem Plugin
   ============================================================ */
.scene-fields { margin: 0; padding: 0; background: none; border: 0; border-radius: 0; }
.scene-fields__header {
	display: flex;
	align-items: center;
	gap: .9rem;
	margin: 0 0 1.2rem;
	padding-bottom: .7rem;
	border-bottom: 1px solid var(--md-rule-hair);
	font-family: var(--md-f-sans);
	font-size: var(--md-t-micro);
	font-weight: 400;
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.scene-fields__header i { display: none; }
.scene-fields__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1.1rem clamp(1.25rem, 3vw, 2rem);
}
.scene-field { display: flex; flex-direction: column; gap: .35rem; min-width: 0; }
.scene-field--full { grid-column: 1 / -1; }
.scene-field__label {
	display: flex;
	align-items: center;
	gap: .5rem;
	font-size: var(--md-t-micro);
	font-weight: 400;
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.scene-field__label i { display: none; }
.scene-field__input,
.scene-field__select,
.scene-field__textarea,
.scene-datepicker-input {
	width: 100%;
	padding: .55rem .7rem;
	background: var(--md-wash);
	border: 1px solid var(--md-rule-hair);
	border-radius: 0;
	box-shadow: none;
	font-family: var(--md-f-sans);
	font-size: var(--md-t-body);
	color: var(--md-ink);
}
.scene-field__input:focus,
.scene-field__select:focus,
.scene-field__textarea:focus,
.scene-datepicker-input:focus {
	border-color: var(--md-rule-soft);
	outline: 1px solid var(--md-accent-soft);
	outline-offset: 2px;
	box-shadow: none;
}
.scene-field__textarea { min-height: 7rem; resize: vertical; line-height: 1.9; }
.scene-field__hint { font-size: var(--md-t-micro); color: var(--md-ink-faint); }

/* Gewaehlte Szenenpartner */
.scene-tags { display: flex; flex-wrap: wrap; gap: .5rem .9rem; }
.scene-tag {
	display: inline-flex;
	align-items: center;
	gap: .5rem;
	padding: .2rem .6rem;
	background: none;
	border: 1px solid var(--md-rule-hair);
	border-radius: 0;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-body);
	color: var(--md-ink-dim);
}
.scene-tag__remove {
	padding: 0;
	background: none;
	border: 0;
	font-size: .9rem;
	line-height: 1;
	color: var(--md-ink-faint);
	cursor: pointer;
}
.scene-tag__remove:hover { background: none; color: var(--md-accent); }

/* Namensvorschlaege */
.scene-autocomplete {
	position: absolute;
	z-index: 60;
	max-height: 13rem;
	overflow-y: auto;
	background: var(--md-scrim-solid);
	border: 1px solid var(--md-rule-soft);
	border-radius: 0;
	box-shadow: 0 18px 46px rgb(0 0 0 / .4);
}
.scene-autocomplete__item {
	padding: .5rem .8rem;
	border-bottom: 1px solid var(--md-rule-hair);
	font-size: var(--md-t-micro);
	color: var(--md-ink-dim);
	cursor: pointer;
}
.scene-autocomplete__item:last-child { border-bottom: 0; }
.scene-autocomplete__item:hover { background: none; color: var(--md-ink-bright); }

/* Datumswahl */
.scene-datepicker-wrapper { position: relative; }
.scene-datepicker-toggle {
	position: absolute;
	right: .5rem; top: 50%;
	transform: translateY(-50%);
	padding: 0 .4rem;
	background: none;
	border: 0;
	font-size: var(--md-t-micro);
	color: var(--md-ink-faint);
	cursor: pointer;
}
.scene-datepicker-toggle:hover { background: none; color: var(--md-ink); }
.scene-datepicker {
	position: absolute;
	z-index: 60;
	display: none;
	margin-top: .3rem;
	padding: .9rem;
	background: var(--md-scrim-solid);
	border: 1px solid var(--md-rule-soft);
	border-radius: 0;
	box-shadow: 0 18px 46px rgb(0 0 0 / .4);
}
.scene-datepicker.is-open { display: block; }
.scene-datepicker__header { display: flex; align-items: center; justify-content: space-between; gap: .6rem; margin-bottom: .7rem; }
.scene-datepicker__nav {
	padding: 0 .4rem;
	background: none;
	border: 0;
	color: var(--md-ink-faint);
	cursor: pointer;
}
.scene-datepicker__nav:hover { background: none; color: var(--md-ink); }
.scene-datepicker__title { font-size: var(--md-t-micro); letter-spacing: var(--md-ls-nav); text-transform: uppercase; color: var(--md-ink-dim); }
.scene-datepicker__weekdays,
.scene-datepicker__days { display: grid; grid-template-columns: repeat(7, 1fr); gap: 2px; }
.scene-datepicker__weekday { font-size: var(--md-t-micro); text-align: center; color: var(--md-ink-faint); }
.scene-datepicker__day {
	padding: .3rem 0;
	background: none;
	border: 1px solid transparent;
	font-size: var(--md-t-micro);
	text-align: center;
	color: var(--md-ink-dim);
	cursor: pointer;
}
.scene-datepicker__day:hover { background: none; border-color: var(--md-rule-hair); color: var(--md-ink); }
.scene-datepicker__day--other { color: var(--md-ink-faint); opacity: .5; }
.scene-datepicker__day--today { color: var(--md-ink-bright); }
.scene-datepicker__day--selected { background: none; border-color: var(--md-rule-soft); color: var(--md-ink-bright); }
.scene-datepicker__footer { display: flex; justify-content: flex-end; gap: .7rem; margin-top: .7rem; padding-top: .6rem; border-top: 1px solid var(--md-rule-hair); }
.scene-datepicker__btn {
	padding: 0;
	background: none;
	border: 0;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
	cursor: pointer;
}
.scene-datepicker__btn:hover { background: none; color: var(--md-ink); }

@media (max-width: 700px) {
	.scene-fields__grid { grid-template-columns: minmax(0, 1fr); }
}


/* ============================================================
   Szenenfelder in der Themenliste
   ============================================================ */
.scene-badge--open,
.scene-badge--closed,
.scene-icon {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin-right: .55rem;
	vertical-align: middle;
	border: 1px solid var(--md-rule-soft);
	border-radius: 50%;
}
.scene-badge--open,
.scene-icon--open { border-color: var(--md-accent); }
.scene-badge--closed,
.scene-icon--closed { background: var(--md-rule-soft); border-color: var(--md-rule-soft); }
.thread-row__scene-meta {
	display: flex;
	flex-wrap: wrap;
	gap: .2rem 1.1rem;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.scene-meta__item { white-space: nowrap; }
.scene-meta__separator { color: var(--md-ink-faint); }
.scene-description {
	margin-top: .25rem;
	max-width: 68ch;
	font-size: var(--md-t-micro);
	line-height: 1.75;
	color: var(--md-ink-dim);
}
.scene-partners {
	display: block;
	margin-top: .25rem;
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-dim);
}
.scene-partners a { color: var(--md-ink); }
.scene-partners a:hover { color: var(--md-ink-bright); }
.scene-triggers {
	display: flex;
	flex-wrap: wrap;
	gap: .2rem .9rem;
	margin-top: .3rem;
}
.scene-trigger-badge {
	font-size: var(--md-t-kicker);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-accent);
}
.scene-trigger-badge::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 1px;
	margin-right: .4rem;
	vertical-align: middle;
	background: currentColor;
}

/* ============================================================
   Szenenliste im Profil
   ============================================================ */
.scene-list { display: grid; }
.scene-entry {
	display: grid;
	grid-template-columns: minmax(0, 7rem) minmax(0, 1fr) minmax(0, 1fr);
	gap: .4rem 1.25rem;
	padding: .9rem 0;
	border-top: 1px solid var(--md-rule-hair);
}
.scene-entry:first-child { border-top: 0; }
.scene-entry__date,
.scene-entry__participants {
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-body);
	color: var(--md-ink-faint);
}
.scene-entry__title {
	display: block;
	font-family: var(--md-f-serif);
	font-size: 1.05rem;
	line-height: 1.5;
	color: var(--md-ink-dim);
	transition: color var(--md-dur) var(--md-ease);
}
.scene-entry__title:hover { color: var(--md-ink-bright); }
.scene-entry__center { min-width: 0; }
.scene-entry__right { min-width: 0; font-size: var(--md-t-micro); color: var(--md-ink-dim); }
.scene-month-separator {
	margin-top: 1.5rem;
	padding-bottom: .4rem;
	font-size: var(--md-t-micro);
	letter-spacing: var(--md-ls-nav);
	text-transform: uppercase;
	color: var(--md-ink-faint);
}
.scene-list__empty { padding: .9rem 0; color: var(--md-ink-faint); }

/* ============================================================
   Szenenfelder im Beitragsformular
   ============================================================ */
.md-pf .scene-fields { margin: 0; }
.md-pf .scene-field__textarea { min-height: 7rem; }

/* ============================================================
   Szene im Beitrag und im Profil
   ============================================================ */
.md-post__scene { display: inline-flex; align-items: center; gap: .55rem; }

.profile-character-grid { display: grid; gap: clamp(1.75rem, 4vw, 2.75rem); }
.profile-infobox__title {
	margin: 0 0 1rem;
	display: flex;
	align-items: center;
	gap: .9rem;
	font-family: var(--md-f-serif);
	font-weight: 700;
	font-size: var(--md-t-head);
	letter-spacing: var(--md-ls-head);
	text-transform: uppercase;
	color: var(--md-ink);
}
.profile-infobox__title::before { content: ""; flex: 0 0 var(--md-dash); height: 1px; background: currentColor; }

@media (max-width: 640px) {
	.scene-entry { grid-template-columns: minmax(0, 1fr); }
	.md-pf .scene-field__textarea { min-height: 6rem; }
}