/* ================================================
   SAIL THE SEAS – MyBB Theme CSS
   Dunkel · Dramatisch · Piraten-Atmosphäre
   ================================================ */

@import url(https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap);

/* ── FARB-TOKENS ─────────────────────────────── */
:root {
  --ink:        #0d0b0a;
  --deep:       #13100f;
  --surface:    #1c1714;
  --panel:      #221e1a;
  --rim:        #2e2720;
  --gold:       #c8973a;
  --gold-dim:   #8a6520;
  --crimson:    #7a1c1c;
  --crimson-lt: #a02828;
  --salt:       #e8dcc8;
  --mist:       #9e9080;
  --anchor:     #c8973a;
  --on-accent:  var(--salt);
}

/* ── RESET & BASE ────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }

body {
  background-color: var(--ink);
  background-image:
    radial-gradient(ellipse at 50% 0%, rgba(122,28,28,0.18) 0%, transparent 60%),
    url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c8973a' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  color: var(--salt);
  font-family: 'Crimson Text', Georgia, serif;
  font-size: 17px;
  line-height: 1.65;
  margin: 0;
}

a { color: var(--gold); text-decoration: none; transition: color .2s; }
a:hover { color: var(--salt); }

/* ── WRAPPER ─────────────────────────────────── */
#wrapper, .wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 16px;
}

/* ── HEADER ──────────────────────────────────── */
#header {
  background: linear-gradient(180deg, #0d0b0a 0%, #1a1210 100%);
  border-bottom: none;
  padding: 0;
  padding-bottom: 24px;
  position: relative;
  overflow: hidden;
}

#header::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 60px;
  background: linear-gradient(180deg, transparent 0%, var(--ink) 100%);
  pointer-events: none;
}

#logo {
  padding: 0;
  display: block;
  max-width: 1100px;
  margin: 0 auto;
  position: relative;
}

#logo::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

/* ── CUSTOM TOPBAR (Avatar/Name links, Icon-Links rechts) ── */

/* Kompaktes Inline-Login-Formular für Gäste */
.custom-topbar-loginform {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.custom-topbar-logininput {
  background: var(--deep);
  border: 1px solid var(--rim);
  color: var(--salt);
  font-family: 'Crimson Text', serif;
  font-size: .78rem;
  padding: 4px 8px;
  width: 100px;
  border-radius: 1px;
}
.custom-topbar-logininput:focus {
  outline: none;
  border-color: var(--gold-dim);
}
.custom-topbar-loginsubmit {
  background: linear-gradient(180deg, #b8832a 0%, #8a6020 100%);
  border: 1px solid var(--gold-dim);
  color: var(--ink);
  font-family: 'Cinzel', serif;
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  padding: 5px 12px;
  border-radius: 1px;
  cursor: pointer;
}
.custom-topbar-loginsubmit:hover {
  background: linear-gradient(180deg, #d4a040 0%, #b8832a 100%);
}

/* Login/Registrieren als eigenständige Buttons */
.custom-topbar-button {
  display: inline-block;
  background: linear-gradient(180deg, #b8832a 0%, #8a6020 100%);
  color: var(--ink) !important;
  border: 1px solid var(--gold-dim);
  border-radius: 1px;
  padding: 5px 12px;
  font-family: 'Cinzel', serif;
  font-size: .68rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
  text-decoration: none !important;
}
.custom-topbar-button:hover {
  background: linear-gradient(180deg, #d4a040 0%, #b8832a 100%);
}

.custom-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;
  background: var(--deep);
  border-bottom: 1px solid var(--rim);
  padding: 10px 24px;
  gap: 16px;
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  overflow-x: auto;
  scrollbar-width: none;
}

.custom-topbar::-webkit-scrollbar {
  display: none;
}

.custom-topbar-left {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.custom-topbar-avatar {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 1px solid var(--gold-dim);
  object-fit: cover;
}

.custom-topbar-name {
  font-family: 'Cinzel', serif;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: .05em;
  color: var(--gold);
  text-transform: uppercase;
}

.custom-topbar-name:hover {
  color: var(--salt);
}

.custom-topbar-textlink {
  font-family: 'Cinzel', serif;
  font-size: .72rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mist);
  padding-bottom: 1px;
  border-bottom: 1px solid transparent;
  transition: color .2s, border-color .2s;
}

.custom-topbar-textlink:hover {
  color: var(--gold);
  border-bottom-color: var(--gold-dim);
}

.custom-topbar-right {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.custom-topbar-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px;
  color: var(--mist);
  text-align: center;
  min-width: 40px;
}

.custom-topbar-icon .icon {
  font-size: 1.1rem;
  line-height: 1;
}

.custom-topbar-icon .label {
  font-family: 'Cinzel', serif;
  font-size: .58rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--mist);
}

.custom-topbar-icon:hover .icon,
.custom-topbar-icon:hover .label {
  color: var(--gold);
}

@media (max-width: 768px) {
  .custom-topbar-right {
    gap: 14px;
  }
}

/* ── FOREN-LISTEN (eigenes rpglists.php + Automatische Listen Plugin) ── */
.satp-list { list-style: none; margin: 0; padding: 0; }
.satp-list li {
  padding: 6px 0;
  border-bottom: 1px dashed var(--rim);
  font-size: .8rem;
}
.satp-list li:last-child { border-bottom: none; }
.satp-list-empty { color: var(--mist); font-style: italic; }
.satp-list-extra { color: var(--mist); font-family: 'Courier New', Consolas, monospace; font-size: .7rem; }
.lists_menu-item.satp-active a { color: var(--gold); background: rgba(255,255,255,0.03); }
.satp-debug {
  font-family: 'Courier New', Consolas, monospace;
  font-size: .62rem;
  color: #4a90d9;
  margin: 0 0 10px;
  padding: 4px 8px;
  border-left: 2px solid #4a90d9;
  background: rgba(74,144,217,0.08);
}
.satp-debug-error { color: var(--crimson-lt); border-left-color: var(--crimson-lt); background: rgba(160,40,40,0.08); }


.lists {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}
.lists_menu {
  flex: 0 0 220px;
  background: var(--surface);
  border: 1px solid var(--rim);
}
.lists_menu-head {
  background: linear-gradient(90deg, var(--crimson) 0%, #4a1010 100%);
  border-bottom: 1px solid var(--crimson-lt);
  padding: 10px 14px;
}
.lists_menu-head a {
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--on-accent);
}
.lists_menu-item { border-bottom: 1px solid var(--rim); }
.lists_menu-item:last-child { border-bottom: none; }
.lists_menu-item a {
  display: block;
  padding: 10px 14px;
  font-family: 'Courier New', Consolas, monospace;
  font-size: .72rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mist);
}
.lists_menu-item a:hover {
  color: var(--gold);
  background: rgba(255,255,255,0.03);
}

.lists_content {
  flex: 1;
  min-width: 0;
  background: var(--surface);
  border: 1px solid var(--rim);
  padding: 22px;
}
.lists_content-head {
  font-family: 'Cinzel', serif;
  font-size: 1.15rem;
  font-weight: 600;
  color: var(--salt);
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--rim);
}
.lists_content-description {
  color: var(--mist);
  font-size: .85rem;
  line-height: 1.6;
}
.lists_content-block { margin-top: 20px; }
.lists_content-block h2 {
  font-family: 'Cinzel', serif;
  font-size: .85rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold);
  border-bottom: 1px solid var(--rim);
  padding-bottom: 6px;
  margin: 0 0 10px;
}

@media (max-width: 720px) {
  .lists { flex-direction: column; }
  .lists_menu { flex: 1 1 auto; width: 100%; }
}

/* ── HEADER-SPALTEN (News / Team online / Gesuche) ───────────── */
.header-columns {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  max-width: 1100px;
  margin: 0 auto 20px;
  padding: 0 16px;
}
.header-col {
  flex: 1 1 0;
  min-width: 220px;
  background: var(--surface);
  border: 1px solid var(--rim);
}
.header-col-title {
  background: linear-gradient(90deg, var(--crimson) 0%, #4a1010 100%);
  border-bottom: 1px solid var(--crimson-lt);
  padding: 9px 14px;
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--on-accent);
}
.header-col-body {
  padding: 14px;
  font-size: .82rem;
  color: var(--mist);
  max-height: 220px;
  overflow-y: auto;
}
.header-col-body p { margin: 0 0 8px; }
.header-col-body p strong { color: var(--salt); }

/* Erzwingt volle Breite für die inneren Boxen des "Teammitglieder im Header"-Plugins */
.header-col-team .header-col-body,
.header-col-team .header-col-body * {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
.header-col-team .header-col-body img {
  width: 70px !important;
  height: 70px !important;
  max-width: 70px !important;
  object-fit: cover !important;
  border-radius: 50%;
  display: block;
  margin: 0 auto 8px;
}
/* Bricht eine evtl. tabellenbasierte Struktur des Plugins auf */
.header-col-team .header-col-body table,
.header-col-team .header-col-body tbody,
.header-col-team .header-col-body tr,
.header-col-team .header-col-body td,
.header-col-team .header-col-body th {
  display: block !important;
  text-align: left !important;
}
/* Text-Farbe/Schrift des Plugins an den Rest der Box angleichen, etwas größer */
.header-col-team .header-col-body,
.header-col-team .header-col-body div,
.header-col-team .header-col-body span,
.header-col-team .header-col-body td,
.header-col-team .header-col-body p {
  font-family: 'Crimson Text', Georgia, serif !important;
  color: var(--mist) !important;
  font-size: .88rem !important;
  white-space: normal !important;
  line-height: 1.5 !important;
}
.header-col-team .header-col-body strong,
.header-col-team .header-col-body b {
  font-family: 'Cinzel', serif !important;
  color: var(--salt) !important;
  font-weight: 700 !important;
  font-size: .92rem !important;
}
.header-col-team .header-col-body a {
  color: var(--gold) !important;
  font-size: .88rem !important;
}
.header-col-team .header-col-body a:hover {
  color: var(--salt) !important;
}
.header-col-list { list-style: none; margin: 0; padding: 0; }
.header-col-list li {
  padding: 7px 0;
  border-bottom: 1px dashed var(--rim);
  font-size: .8rem;
}
.header-col-list li:last-child { border-bottom: none; }
.header-col-list a { color: var(--gold); }
.header-col-list a:hover { color: var(--salt); }

@media (max-width: 720px) {
  .header-columns { flex-direction: column; }
}

/* ── NAVIGATION ──────────────────────────────── */
#nav, .navigation {
  background: var(--deep);
  border-bottom: 1px solid var(--rim);
  padding: 0;
}

/* MyBB Header-Nav (die Links ganz oben: Portal, Suche, etc.) */
#panel, #menu {
  background: var(--deep);
  border-bottom: 1px solid var(--rim);
  padding: 0 16px;
}

#menu ul, #nav ul, .navigation ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 0;
}

#menu ul li, #nav ul li, .navigation ul li {
  list-style: none !important;
  display: inline-block;
}

/* MyBB top_links menu (Portal, Suche, Mitglieder, Kalender, Hilfe) */
ul.menu.top_links {
  list-style: none !important;
  padding: 14px 16px !important;
  margin: 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  gap: 4px;
  background: var(--deep);
  border-bottom: 1px solid var(--rim);
}

ul.menu.top_links li {
  display: inline-block;
  list-style: none !important;
  margin: 0 !important;
}

ul.menu.top_links li a {
  display: block;
  padding: 9px 18px;
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--mist);
  border: 1px solid transparent;
  border-radius: 2px;
  transition: color .2s, border-color .2s, background .2s;
}

ul.menu.top_links li a:hover {
  color: var(--gold);
  border-color: var(--rim);
  background: var(--panel);
}

/* Generic fallback for any other MyBB nav lists */
#nav ul, .navigation ul, #menu ul {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap;
}

#nav ul li, .navigation ul li, #menu ul li {
  list-style: none !important;
  display: inline-block;
}

#nav ul li a, .navigation ul li a, #menu ul li a {
  display: block;
  padding: 9px 18px;
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--mist);
  border-bottom: 2px solid transparent;
  transition: color .2s, border-color .2s;
}

#nav ul li a:hover, .navigation ul li a:hover, #menu ul li a:hover {
  color: var(--gold);
  border-bottom-color: var(--gold);
}

/* ── BREADCRUMB ──────────────────────────────── */
.navigation_breadcrumb, .breadcrumb {
  background: transparent;
  padding: 10px 0;
  font-size: .82rem;
  color: var(--mist);
}

.navigation_breadcrumb a, .breadcrumb a { color: var(--gold-dim); }
.navigation_breadcrumb a:hover, .breadcrumb a:hover { color: var(--gold); }

/* ── FORUM CATEGORY HEADERS ──────────────────── */
.thead, table.tborder thead tr td,
.category_header, .forum_category .thead {
  background: linear-gradient(90deg, var(--crimson) 0%, #4a1010 100%);
  border: 1px solid var(--crimson-lt);
  color: var(--on-accent) !important;
  font-family: 'Cinzel', serif;
  font-size: .82rem;
  font-weight: 600;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 10px 14px;
}

.thead a, table.tborder thead tr td a,
.category_header a, .forum_category .thead a {
  color: var(--on-accent) !important;
}

/* ── FORUM TABLE ─────────────────────────────── */
table.tborder {
  border: 1px solid var(--rim);
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 20px;
  background: var(--surface);
}

.trow1, tr.trow1 td {
  background: var(--surface);
  border-bottom: 1px solid var(--rim);
}

.trow2, tr.trow2 td {
  background: var(--panel);
  border-bottom: 1px solid var(--rim);
}

.trow1:hover, .trow2:hover {
  background: rgba(200,151,58,.05);
}

table.tborder td {
  padding: 11px 14px;
  vertical-align: middle;
  color: var(--salt);
}

/* Forum name links */
.forumtitle a, .subject_new a, .subject_old a {
  font-family: 'Cinzel', serif;
  font-size: .95rem;
  font-weight: 600;
  color: var(--gold) !important;
  letter-spacing: .04em;
}

.forumtitle a:hover, .subject_new a:hover { color: var(--salt) !important; }

/* Forum description */
.forumdescription, .forum_description {
  color: var(--mist);
  font-size: .9rem;
  margin-top: 3px;
}

/* Stats columns */
.trow1 .smalltext, .trow2 .smalltext,
.lastpost, .forum_lastpost {
  color: var(--mist);
  font-size: .82rem;
}

/* ── TFOOT / TABLE FOOTER ────────────────────── */
.tfoot, table.tborder tfoot tr td {
  background: var(--deep);
  border-top: 1px solid var(--rim);
  color: var(--mist);
  font-size: .82rem;
  padding: 8px 14px;
}

/* ── THREAD / POST AREA ──────────────────────── */
.post_body, .post-content {
  background: var(--surface);
  border: 1px solid var(--rim);
  border-radius: 2px;
  padding: 20px;
  margin-bottom: 16px;
}

.post_head {
  background: var(--panel);
  border-bottom: 1px solid var(--rim);
  padding: 10px 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.post_author a {
  font-family: 'Cinzel', serif;
  font-weight: 600;
  color: var(--gold) !important;
}

/* ── POSTBIT ─────────────────────────────────── */
.postbit, .post {
  display: grid !important;
  grid-template-columns: 280px 1fr;
  grid-template-rows: auto auto;
  background: var(--surface);
  border: 1px solid var(--rim);
  margin-bottom: 14px;
}

.post_author {
  grid-column: 1;
  grid-row: 1 / 3;
  background: var(--panel);
  border-right: 1px solid var(--rim);
  padding: 16px;
  text-align: center;
  overflow: hidden;
}

.post_author img.avatar, .post_author .author_avatar img, .author_avatar img {
  max-width: 240px !important;
  max-height: 211px !important;
  width: 240px !important;
  height: 211px !important;
  object-fit: cover;
  border: 1px solid var(--rim);
  margin-bottom: 4px;
}

.post_content {
  grid-column: 2;
  grid-row: 1;
  padding: 16px 20px;
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.author_information {
  margin-top: 10px;
}

.author_statistics {
  margin-top: 12px;
  text-align: left;
  font-size: .8rem;
  color: var(--mist);
}

.post_controls {
  grid-column: 2;
  grid-row: 2;
  padding: 10px 20px;
  border-top: 1px solid var(--rim);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 8px;
}

/* ── USERGROUPS / RANKS ──────────────────────── */
.usergroup_pirat, .group_pirat    { color: var(--gold); }
.usergroup_marine, .group_marine  { color: #4a90d9; }
.usergroup_admin                  { color: var(--crimson-lt); }

/* ── BUTTONS ─────────────────────────────────── */
input[type="submit"], input[type="button"], button,
.button, .btn {
  background: linear-gradient(180deg, #b8832a 0%, #8a6020 100%);
  border: 1px solid var(--gold-dim);
  color: var(--ink);
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  padding: 8px 20px;
  cursor: pointer;
  transition: all .2s;
  border-radius: 1px;
}

input[type="submit"]:hover, button:hover, .button:hover, .btn:hover {
  background: linear-gradient(180deg, #d4a040 0%, #b8832a 100%);
  box-shadow: 0 0 12px rgba(200,151,58,.3);
}

/* ── FORMS ───────────────────────────────────── */
input[type="text"], input[type="email"], input[type="password"],
textarea, select {
  background: var(--deep);
  border: 1px solid var(--rim);
  color: var(--salt);
  font-family: 'Crimson Text', serif;
  font-size: 1rem;
  padding: 8px 12px;
  width: 100%;
  transition: border-color .2s;
  border-radius: 1px;
}

input[type="text"]:focus, input[type="email"]:focus,
input[type="password"]:focus, textarea:focus, select:focus {
  border-color: var(--gold-dim);
  outline: none;
  box-shadow: 0 0 0 2px rgba(200,151,58,.12);
}

select option { background: var(--deep); color: var(--salt); }

/* ── QUICK REPLY / EDITOR ────────────────────── */
#quick_reply_form, .editor-wrapper {
  background: var(--surface);
  border: 1px solid var(--rim);
  padding: 16px;
  margin-top: 20px;
}

/* ── PAGINATION ──────────────────────────────── */
.pagination {
  color: var(--mist);
  font-size: .85rem;
  margin: 12px 0;
}

.pagination a {
  background: var(--panel);
  border: 1px solid var(--rim);
  color: var(--gold-dim);
  display: inline-block;
  padding: 4px 10px;
  margin: 0 2px;
  transition: all .2s;
}

.pagination a:hover, .pagination .active {
  background: var(--crimson);
  border-color: var(--crimson-lt);
  color: var(--on-accent);
}

/* ── ONLINE / STATUS LEGEND ──────────────────── */
.online_legend { color: var(--mist); font-size: .82rem; }
.online  { color: #5a9e5a; }
.offline { color: var(--mist); }

/* ── PORTAL / WELCOME BOX ────────────────────── */
.portal_block, .welcomeblock {
  background: var(--surface);
  border: 1px solid var(--rim);
  border-top: 2px solid var(--crimson);
  padding: 16px;
  margin-bottom: 16px;
}

/* Welcome block link lists (Benutzer-CP, Mod-CP, Admin-CP, etc.) */
.welcomeblock ul, #panel ul {
  list-style: none !important;
  margin: 8px 0 !important;
  padding: 0 !important;
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
}

.welcomeblock ul li, #panel ul li {
  list-style: none !important;
  display: inline-block;
}

.welcomeblock ul li a, #panel ul li a {
  color: var(--gold-dim);
  font-size: .9rem;
}

.welcomeblock ul li a:hover, #panel ul li a:hover {
  color: var(--gold);
}

/* ── ALERTS / PM BOX ─────────────────────────── */
.pm_alert, .alert {
  background: rgba(122,28,28,.25);
  border: 1px solid var(--crimson);
  color: var(--salt);
  padding: 10px 14px;
  margin-bottom: 14px;
  font-size: .9rem;
}

/* ── FOOTER ──────────────────────────────────── */
#footer, .footer {
  background: var(--deep);
  border-top: 1px solid var(--rim);
  color: var(--mist);
  font-size: .8rem;
  padding: 20px 0;
  text-align: center;
  margin-top: 30px;
  position: relative;
}

#footer::before {
  content: '';
  position: absolute;
  top: 0; left: 50%; transform: translateX(-50%);
  width: 200px; height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-dim), transparent);
}

#footer a { color: var(--gold-dim); }
#footer a:hover { color: var(--gold); }

/* ── FORUM LEGEND (Status-Icons-Erklärung) ──── */
.forum_legend, dl.forum_legend {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 28px;
  list-style: none !important;
  margin: 16px 0 !important;
  padding: 0 !important;
  color: var(--mist);
  font-size: .85rem;
}

.forum_legend dt, .forum_legend dd {
  display: inline-flex !important;
  align-items: center;
  margin: 0 !important;
  padding: 0 !important;
}

.forum_legend dt {
  margin-right: 6px !important;
}

.forum_status {
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: var(--rim);
}

.forum_status.forum_on { background: var(--gold); }
.forum_status.forum_off { background: var(--mist); }
.forum_status.forum_offclose { background: var(--crimson-lt); }
.forum_status.forum_offlink { background: var(--gold-dim); }

/* ── FOOTER BOTTOM LINKS (Foren-Team, Kontakt, etc.) ── */
.footer .lower {
  padding: 14px 0;
}

ul.menu.bottom_links {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: center;
  gap: 6px 20px;
}

ul.menu.bottom_links li {
  list-style: none !important;
  display: inline-block;
}

ul.menu.bottom_links li a {
  color: var(--gold-dim);
  font-size: .82rem;
  letter-spacing: .04em;
}

ul.menu.bottom_links li a:hover {
  color: var(--gold);
}

#footer .language {
  text-align: center;
  margin-bottom: 14px;
}

#footer select {
  width: auto;
  display: inline-block;
  margin-right: 8px;
}

#current_time, #copyright {
  display: block;
  text-align: center;
  font-size: .78rem;
  color: var(--mist);
  margin-top: 6px;
}

/* ── FRAKTIONS-LEGENDE IM FOOTER ─────────────── */
.faction-legend {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 10px 32px;
  padding: 16px 0;
  margin: 0 0 14px;
  border-top: 1px solid var(--rim);
  border-bottom: 1px solid var(--rim);
}

.faction-legend-item {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--mist);
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.faction-legend-item .faction-icon {
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
  font-size: 1.1rem;
  line-height: 1;
}

/* ── CHARAKTERBOGEN / PROFIL ─────────────────── */
.charsheet {
  display: flex;
  gap: 24px;
  align-items: flex-start;
  margin: 20px 0;
  flex-wrap: wrap;
}

.charsheet-left {
  flex: 0 0 280px;
  background: var(--surface);
  border: 1px solid var(--rim);
  border-top: 2px solid var(--gold-dim);
  padding: 20px;
}

.charsheet-image {
  text-align: center;
  margin-bottom: 16px;
}

.charsheet-image img {
  max-width: 300px;
  max-height: 300px;
  width: 100%;
  height: auto;
  border: 1px solid var(--rim);
  border-radius: 2px;
  object-fit: cover;
}

.charsheet-name {
  text-align: center;
  margin-bottom: 6px;
}

.charsheet-name strong {
  display: block;
  font-family: 'Cinzel', serif;
  font-size: 1.2rem;
  color: var(--gold);
  letter-spacing: .05em;
}

.charsheet-title {
  display: block;
  font-size: .8rem;
  color: var(--mist);
  margin-top: 2px;
}

.charsheet-meta {
  text-align: center;
  margin-bottom: 16px;
  font-size: .82rem;
  color: var(--mist);
}

.charsheet-infotable {
  width: 100%;
  font-size: .82rem;
  border-top: 1px solid var(--rim);
  padding-top: 12px;
}

.charsheet-infotable td {
  padding: 5px 0;
  color: var(--mist);
}

.charsheet-infotable td:first-child {
  font-family: 'Cinzel', serif;
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold-dim);
  width: 50%;
}

.charsheet-infotable td:last-child {
  color: var(--salt);
  text-align: right;
}

.charsheet-right {
  flex: 1;
  min-width: 320px;
}

.charsheet-section {
  background: var(--surface);
  border: 1px solid var(--rim);
  margin-bottom: 16px;
}

.charsheet-section h3 {
  margin: 0;
  padding: 10px 16px;
  background: linear-gradient(90deg, var(--crimson) 0%, #4a1010 100%);
  border-bottom: 1px solid var(--crimson-lt);
  font-family: 'Cinzel', serif;
  font-size: .85rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--on-accent);
}

.charsheet-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 14px;
  padding: 16px;
}

.charsheet-field {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.charsheet-field-full {
  padding: 0 16px 16px;
}

.charsheet-label {
  font-family: 'Cinzel', serif;
  font-size: .65rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gold-dim);
}

.charsheet-value {
  color: var(--salt);
  font-size: .95rem;
}

.charsheet-field-full p {
  margin: 4px 0 0;
  color: var(--salt);
  line-height: 1.6;
  font-size: .92rem;
}

.charsheet-quote {
  font-style: italic;
  color: var(--gold) !important;
}

.charsheet-profilefields {
  padding: 16px;
  color: var(--salt);
  line-height: 1.8;
}

/* ── PROFIL-TABS ──────────────────────────────── */
.charsheet-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  border-bottom: 1px solid var(--rim);
  margin-bottom: 0;
}

.charsheet-tab {
  background: var(--surface);
  border: 1px solid var(--rim);
  border-bottom: none;
  color: var(--mist);
  font-family: 'Cinzel', serif;
  font-size: .75rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 10px 18px;
  cursor: pointer;
  transition: color .2s, background .2s;
}

.charsheet-tab:hover {
  color: var(--gold);
}

.charsheet-tab.active {
  background: var(--panel);
  color: var(--gold);
  border-color: var(--gold-dim);
  position: relative;
  top: 1px;
}

.charsheet-tabpanel {
  display: none;
  background: var(--surface);
  border: 1px solid var(--rim);
  border-top: 1px solid var(--gold-dim);
  margin-bottom: 16px;
}

.charsheet-tabpanel.active {
  display: block;
}

/* ── THEMENBEWERTUNG (STERNE) AUSBLENDEN ──────── */
.rating_stars, .star-rating, span.rating,
.rate_thread, #rating, .threadrate,
.inline_rating {
  display: none !important;
}

/* ── ANZEIGEMODUS-WECHSLER AUSBLENDEN ─────────── */
.modethread, #modethread, .display_mode,
table.modethread {
  display: none !important;
}

a[href*="mode=threaded"], a[href*="mode=linear"] {
  display: none !important;
}

/* ── FRAKTIONS-GRUPPENFARBEN ───────────────────── */
.group-piraten, .faction-legend-item.group-piraten {
    color:#d46a4a !important;
    font-weight:bold;
    border-bottom:2px solid #d46a4a;
    padding-bottom:1px;
}
.group-marine, .faction-legend-item.group-marine {
    color:#5f9fd6 !important;
    font-weight:bold;
    border-bottom:2px solid #5f9fd6;
    padding-bottom:1px;
}
.group-gelehrte, .faction-legend-item.group-gelehrte {
    color:#d8b45d !important;
    font-weight:bold;
    border-bottom:2px solid #d8b45d;
    padding-bottom:1px;
}
.group-zivilisten, .faction-legend-item.group-zivilisten {
    color:#8db36d !important;
    font-weight:bold;
    border-bottom:2px solid #8db36d;
    padding-bottom:1px;
}

/* ── POSTBIT CHARAKTERFELDER ──────────────────── */
.postbit-charfields {
  margin: 12px 0;
  padding-top: 12px;
  border-top: 1px solid var(--rim);
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.postbit-charrow {
  display: flex;
  gap: 10px;
}

.postbit-charrow-single .postbit-charfield {
  flex: 1 1 100%;
}

.postbit-charfield {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  background: var(--panel);
  border: 1px solid var(--rim);
  padding: 6px 10px;
}

.postbit-charlabel {
  font-family: 'Cinzel', serif;
  font-size: .6rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold-dim);
}

.postbit-charvalue {
  color: var(--salt);
  font-size: .85rem;
}

.postbit-charquote {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid var(--rim);
  font-style: italic;
  font-size: .82rem;
  color: var(--gold);
  text-align: center;
}

@media (max-width: 768px) {
  .charsheet {
    flex-direction: column;
  }
  .charsheet-left {
    flex: 1 1 auto;
    width: 100%;
  }
}

/* ── ECHTE KLASSEN AUS forumdisplay_thread / forumdisplay_threadlist ── */
.thread_status {
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--mist);
  opacity: .5;
}
.thread_status.newfolder, .thread_status.newhotfolder {
  background: var(--gold);
  opacity: 1;
  box-shadow: 0 0 6px rgba(200,151,58,.6);
}
.thread_status.hotfolder { background: var(--crimson-lt); opacity: .85; }
.thread_status.folder { background: var(--mist); opacity: .4; }
.thread_status.dot_folder { background: #5f9fd6; opacity: 1; }
.thread_status.closefolder { background: var(--crimson-lt); opacity: 1; }

.thread_start_datetime {
  font-family: 'Courier New', Consolas, monospace;
  font-size: .68rem;
  color: var(--mist);
  margin-left: 4px;
}

/* Float-Hilfsklassen (Paginierung, Thema-erstellen-Button, Legende) */
.float_left { float: left; }
.float_right { float: right; }
.clear, br.clear { clear: both; }
br.clear { display: block; height: 0; line-height: 0; }

/* Abstand zwischen "Thema erstellen"-Button oben und der Kategorieleiste */
table.tborder.clear { margin-top: 18px; }
.float_right + table.tborder.clear,
.float_left + table.tborder.clear { margin-top: 28px !important; }

/* Spaltenköpfe der Themenliste (forumdisplay_threadlist) */
.tcat {
  background: var(--deep);
  border-bottom: 1px solid var(--rim);
  padding: 8px 14px;
}
.tcat a {
  color: var(--mist);
  font-family: 'Cinzel', serif;
  font-size: .7rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.tcat a:hover { color: var(--gold); }

/* "Dieses Forum als gelesen markieren"-Zeile im Kopf */
.thead .float_right .smalltext a {
  font-family: 'Cinzel', serif;
  font-size: .65rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--on-accent);
  margin-left: 10px;
}
.thead .float_right .smalltext a:hover { color: var(--gold); }

/* Icon-Legende unten (Neue Beiträge, Heißes Thema, ...) */
dl.thread_legend {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 18px;
  margin: 0;
  padding: 0;
}
dl.thread_legend dd {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 6px;
  font-family: 'Courier New', Consolas, monospace;
  font-size: .72rem;
  color: var(--mist);
}

/* ── SZENENTRACKER (scenetracker_misc_allscenes + Kalender) ──── */

/* Minikalender zwischen den Foren-Kategorien — füllt die Forenbreite gleichmäßig aus */
.inplay-minicalendar {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  margin: 0 0 14px;
}
.inplay-minicalendar .scenetracker.calendar {
  padding: 10px;
  flex: 1 1 0;
  min-width: 0;
  box-sizing: border-box;
}
.inplay-minicalendar .month-indicator {
  font-size: .6rem;
  padding-bottom: 6px;
  margin-bottom: 6px;
}
.inplay-minicalendar .day-of-week { gap: 2px; }
.inplay-minicalendar .day-of-week > div:nth-child(-n+7) { font-size: .5rem; padding-bottom: 2px; }
.inplay-minicalendar .day.st_mini_scene { font-size: .6rem; padding: 4px 0; white-space: nowrap; }

@media (max-width: 640px) {
  .inplay-minicalendar { flex-wrap: wrap; }
  .inplay-minicalendar .scenetracker.calendar { flex: 1 1 100%; }
}

.ucp_charstat.bl-globalcard {
  background: var(--surface);
  border: 1px solid var(--rim);
  padding: 22px;
}
.bl-tabcon__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 12px;
  border-bottom: 1px solid var(--rim);
}
.forum_line--profile {
  width: 3px; height: 18px;
  background: var(--gold);
  border-radius: 1px;
}
.bl-boldtitle--profile {
  font-family: 'Cinzel', serif;
  font-size: .9rem;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--salt);
}

.calendar-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin-top: 26px;
}
.scenetracker.calendar {
  background: var(--surface);
  border: 1px solid var(--rim);
  padding: 14px;
  flex: 1 1 220px;
  min-width: 210px;
}
.month-indicator {
  text-align: center;
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--gold);
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid var(--rim);
}
.day-of-week {
  display: grid;
  gap: 4px;
}
.day-of-week > div:nth-child(-n+7) {
  text-align: center;
  font-family: 'Courier New', Consolas, monospace;
  font-size: .6rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--mist);
  padding-bottom: 4px;
}
.day.st_mini_scene {
  padding: 5px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Courier New', Consolas, monospace;
  font-size: .68rem;
  color: var(--mist);
  border-radius: 1px;
  position: relative;
  cursor: default;
}
.day.st_mini_scene:hover { background: rgba(255,255,255,0.05); }
.day.st_mini_scene.lastmonth,
.day.st_mini_scene.nextmonth { opacity: .25; }
.day.st_mini_scene.event {
  background: rgba(200,151,58,0.16);
  color: var(--gold);
  font-weight: 700;
}
.day.st_mini_scene.ownscene {
  background: rgba(122,28,28,0.2);
  color: var(--salt);
}
.day.st_mini_scene.birthday { box-shadow: inset 0 0 0 1px #4a90d9; }
.day.st_mini_scene.ingame { box-shadow: inset 0 0 0 1px var(--rim); }
.day.st_mini_scene.plot { background: rgba(160,40,40,0.22); }
.day.st_mini_scene.fullmoon::after {
  content: "";
  position: absolute;
  top: 2px; right: 2px;
  width: 4px; height: 4px;
  border-radius: 50%;
  background: var(--gold);
}

/* ── UNTERFOREN-LISTE AUSBLENDEN ──────────────── */
.subforums, .sub_forums, .forumbit .subforums {
  display: none !important;
}

/* ── CODE / SCROLLBARER CODEBLOCK ─────────────── */
/* <code>...</code> wird immer zur eigenen, scrollbaren Box statt Inline-Text */
.codeblock, code, pre {
  background: var(--deep);
  border: 1px solid var(--rim);
  border-radius: 2px;
  padding: 12px 16px;
  font-family: 'Courier New', Consolas, monospace;
  font-size: .82rem;
  color: var(--salt);
}
.codeblock, pre, code {
  max-height: 260px;
  overflow: auto;
  white-space: pre;
}
code {
  display: block;
  margin: 10px 0;
  line-height: 1.5;
}
.codeblock::-webkit-scrollbar, pre::-webkit-scrollbar, code::-webkit-scrollbar {
  width: 6px; height: 6px;
}
.codeblock::-webkit-scrollbar-thumb, pre::-webkit-scrollbar-thumb, code::-webkit-scrollbar-thumb {
  background: var(--rim);
  border-radius: 3px;
}
.codeblock::-webkit-scrollbar-thumb:hover, pre::-webkit-scrollbar-thumb:hover, code::-webkit-scrollbar-thumb:hover {
  background: var(--gold-dim);
}

/* ── SCROLLBAR ───────────────────────────────── */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--ink); }
::-webkit-scrollbar-thumb { background: var(--rim); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover { background: var(--gold-dim); }

/* ── SELECTION ───────────────────────────────── */
::selection { background: rgba(200,151,58,.3); color: var(--salt); }

/* ── RESPONSIVE ──────────────────────────────── */
@media (max-width: 768px) {
  #logo a { font-size: 1.6rem; }
  #nav ul { flex-wrap: wrap; }
  .postbit .postbit-wrapper { flex-direction: column; }
  .postbit_author { border-right: none; border-bottom: 1px solid var(--rim); min-width: unset; }
  table.tborder { font-size: .88rem; }
}
/* ================================================
   SAIL THE SEAS – Wiki-Plugin Styling
   Passend zu global.css (satp_wiki.php)
   ================================================ */

.satp-wiki-container {
  display: flex;
  gap: 20px;
  align-items: flex-start;
}

/* ── LINKS: Menü mit Kategorien + Einträgen ─────── */
.satp-wiki-menu {
  flex: 0 0 240px;
  background: var(--surface);
  border: 1px solid var(--rim);
  padding: 18px 16px;
}

.satp-wiki-menu-head {
  margin-bottom: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--rim);
}

.satp-wiki-menu-head a {
  font-family: 'Cinzel', serif;
  font-size: .95rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold);
}

.satp-wiki-menu-cat {
  margin-top: 16px;
  display: flex;
  align-items: center;
  gap: 6px;
}

.satp-wiki-menu-cat:first-of-type {
  margin-top: 0;
}

.satp-wiki-menu-cat-title {
  font-family: 'Cinzel', serif;
  font-size: .78rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--salt);
}

.satp-wiki-menu-cat.satp-active .satp-wiki-menu-cat-title {
  color: var(--gold);
}

.satp-wiki-quicklink,
.satp-wiki-delete-link {
  font-family: 'Courier New', Consolas, monospace;
  font-size: .7rem;
  color: var(--mist);
  line-height: 1;
}

.satp-wiki-quicklink:hover { color: var(--gold); }
.satp-wiki-delete-link:hover { color: var(--crimson-lt); }

/* Einträge ohne Einrückung, ohne Bulletpoints */
.satp-wiki-menu-entries {
  list-style: none;
  margin: 6px 0 0;
  padding: 0;
}

.satp-wiki-menu-entries li {
  padding: 4px 0;
}

.satp-wiki-menu-entries li a {
  font-family: 'Crimson Text', Georgia, serif;
  font-size: .85rem;
  color: var(--mist);
}

.satp-wiki-menu-entries li a:hover {
  color: var(--gold);
}

.satp-wiki-menu-entries li.satp-active a {
  color: var(--gold);
  font-weight: 600;
}

.satp-wiki-menu-empty {
  font-size: .78rem;
  color: var(--mist);
  font-style: italic;
  margin: 4px 0 0;
}

.satp-wiki-menu-addcat {
  margin-top: 20px;
  padding-top: 14px;
  border-top: 1px solid var(--rim);
}

.satp-wiki-menu-addcat form {
  display: flex;
  gap: 6px;
}

.satp-wiki-menu-addcat input[type="text"] {
  flex: 1;
  font-size: .78rem;
  padding: 6px 8px;
}

.satp-wiki-menu-addcat button {
  padding: 6px 12px;
  font-size: .78rem;
}

/* ── RECHTS: Inhalt ──────────────────────────────── */
.satp-wiki-content {
  flex: 1;
  min-width: 0;
  background: var(--surface);
  border: 1px solid var(--rim);
  padding: 22px;
}

/* Titel als eigenes, abgesetztes Kästchen oben, zentriert */
.satp-wiki-content-head {
  background: var(--panel);
  border: 1px solid var(--rim);
  text-align: center;
  padding: 16px 20px;
  margin-bottom: 22px;
  font-family: 'Cinzel', serif;
  font-size: 1.3rem;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--salt);
}

/* Eintragsinhalt: normaler, linksbündiger Fließtext */
.satp-wiki-entry-body {
  text-align: left;
  color: var(--salt);
  line-height: 1.7;
  font-size: .95rem;
}

.satp-wiki-entry-body img {
  max-width: 100%;
  height: auto;
}

.satp-wiki-entry-body b,
.satp-wiki-entry-body strong,
.satp-wiki-entry-body i,
.satp-wiki-entry-body em,
.satp-wiki-entry-body u {
  color: var(--gold);
}

/* ── Eintrags-Vorlage (Bild, Einleitung, Abschnitte, Zitat) ─── */
.satp-wikientry-image {
  text-align: center;
  margin-bottom: 18px;
}

.satp-wikientry-image img {
  max-width: 320px;
  max-height: 320px;
  width: 100%;
  height: auto;
  object-fit: cover;
  border: 1px solid var(--rim);
}

.satp-wikientry-intro {
  font-style: italic;
  color: var(--mist);
  text-align: center;
  margin-bottom: 24px;
  padding-bottom: 18px;
  border-bottom: 1px solid var(--rim);
}

.satp-wikientry-heading {
  font-family: 'Cinzel', serif;
  font-size: .9rem;
  font-weight: 600;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold);
  border-bottom: 1px solid var(--rim);
  padding-bottom: 6px;
  margin: 22px 0 10px;
}

.satp-wikientry-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.satp-wikientry-list li {
  padding: 5px 0 5px 18px;
  position: relative;
}

.satp-wikientry-list li::before {
  content: '—';
  position: absolute;
  left: 0;
  color: var(--gold-dim);
}

.satp-wikientry-quote {
  margin: 24px 0 0;
  padding: 14px 20px;
  border-left: 2px solid var(--gold-dim);
  background: var(--panel);
  font-style: italic;
  color: var(--gold);
}

.satp-wiki-admin-bar {
  margin-bottom: 16px;
  display: flex;
  gap: 10px;
}

.satp-wiki-addbutton,
.satp-wiki-editbutton,
.satp-wiki-deletebutton {
  display: inline-block;
  font-family: 'Cinzel', serif;
  font-size: .7rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 6px 14px;
  border: 1px solid var(--gold-dim);
  color: var(--gold);
}

.satp-wiki-addbutton:hover,
.satp-wiki-editbutton:hover {
  background: var(--panel);
  color: var(--salt);
}

.satp-wiki-deletebutton {
  border-color: var(--crimson-lt);
  color: var(--crimson-lt);
}

.satp-wiki-deletebutton:hover {
  background: rgba(160,40,40,.12);
  color: var(--salt);
}

/* Übersichtsliste (Fallback bei ?cid=X ohne eid) */
.satp-wiki-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.satp-wiki-list li {
  padding: 6px 0;
  border-bottom: 1px dashed var(--rim);
}

.satp-wiki-list li:last-child { border-bottom: none; }

.satp-wiki-empty {
  color: var(--mist);
  font-style: italic;
  font-size: .85rem;
}

/* Formular (Eintrag anlegen/bearbeiten) */
.satp-wiki-form {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 640px;
}

.satp-wiki-form label {
  font-family: 'Cinzel', serif;
  font-size: .68rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--gold-dim);
}

.satp-wiki-form textarea {
  font-family: 'Courier New', Consolas, monospace;
  font-size: .85rem;
  resize: vertical !important;
  min-height: 200px;
  box-sizing: border-box;
}

.satp-wiki-form button {
  align-self: flex-start;
}

@media (max-width: 720px) {
  .satp-wiki-container { flex-direction: column; }
  .satp-wiki-menu { flex: 1 1 auto; width: 100%; }
}
.satpline-text { white-space: pre-line; }
/* ================================================
   SAIL THE SEAS – Reservierungs-Link im Listen-Menü
   Passend zu global.css (rpglists.php)
   ================================================ */

.lists_menu-reservation {
  border-top: 1px solid var(--rim);
  margin-top: 4px;
  padding: 12px 14px;
}

.lists_menu-reservation a {
  font-family: 'Cinzel', serif;
  font-size: .7rem;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--gold);
}

.lists_menu-reservation a:hover {
  color: var(--salt);
}
#clickable_smilies td {
  padding: 2px !important;
}