* {
  box-sizing: border-box;
}

:root {
  --bg: #fff7bf;
  --bg-soft: #fffbe0;
  --card: rgba(255, 252, 236, 0.88);
  --card-strong: rgba(255, 252, 236, 0.96);
  --line: rgba(0,0,0,0.08);
  --text: #181818;
  --muted: #575757;
  --accent: #111111;
  --shadow: 0 14px 38px rgba(0,0,0,0.08);
  --radius: 22px;
  --danger: #b22222;
  --red-outline: rgba(178, 34, 34, 0.55);
}

html, body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at top left, #fffde7 0%, transparent 28%),
    radial-gradient(circle at bottom right, #fff2a8 0%, transparent 24%),
    linear-gradient(180deg, #fff7c8 0%, #fff3a3 100%);
  min-height: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

.hidden {
  display: none !important;
}

.site-header {
  padding: 28px 22px 8px;
}

.site-header.compact {
  padding-bottom: 0;
}

.header-inner,
.page {
  width: min(1280px, calc(100% - 32px));
  margin: 0 auto;
}

.header-inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  align-items: flex-start;
}

.eyebrow,
.section-kicker {
  margin: 0 0 8px;
  color: #666;
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

h1 {
  margin: 0;
  font-size: clamp(34px, 5vw, 64px);
  line-height: 0.98;
  font-weight: 900;
  color: #000;
}

.subtitle {
  max-width: 780px;
  font-size: 18px;
  line-height: 1.55;
  margin: 14px 0 0;
  color: #333;
}

.top-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.user-badge {
  padding: 12px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.55);
  border: 1px solid var(--line);
  box-shadow: var(--shadow);
  font-size: 14px;
}

.page {
  padding: 10px 0 42px;
}

.hero-card,
.card {
  background: var(--card);
  backdrop-filter: blur(8px);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
}

.hero-card {
  padding: 18px;
  margin-bottom: 20px;
}

.hero-meta {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}

.meta-box,
.stat-box {
  background: rgba(255,255,255,0.46);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 14px 16px;
}

.meta-box span,
.stat-box span,
.mini-stats span {
  display: block;
  font-size: 12px;
  color: #666;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 6px;
}

.meta-box strong,
.stat-box strong,
.mini-stats strong {
  font-size: 18px;
}

.layout,
.profile-layout,
.all-places-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) minmax(300px, 0.85fr);
  gap: 20px;
  align-items: start;
}

.all-places-layout {
  grid-template-columns: 1fr;
}

.main-column,
.sidebar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.card {
  padding: 22px;
}

.card-head {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: flex-start;
  margin-bottom: 18px;
}

.card-head h2, .card-head h3 {
  margin: 0;
}

h2 {
  margin: 0;
  font-size: 28px;
}

h3 {
  margin: 0 0 10px;
  font-size: 18px;
}

.muted {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.5;
  max-width: 320px;
}

.question-grid {
  display: grid;
  gap: 14px;
}

.question-item {
  padding: 16px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: rgba(255,255,255,0.52);
}

.question-item label {
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

input, button {
  font: inherit;
}

input {
  width: 100%;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 14px;
  padding: 14px 15px;
  background: rgba(255,255,255,0.9);
  outline: none;
}

input:focus {
  border-color: rgba(0,0,0,0.35);
}

.form-actions {
  margin-top: 18px;
}

.btn {
  border: 0;
  border-radius: 14px;
  padding: 13px 18px;
  cursor: pointer;
  transition: transform 0.12s ease, opacity 0.12s ease;
  font-weight: 700;
}

.btn:hover {
  transform: translateY(-1px);
}

.btn-primary {
  background: #111;
  color: #fff;
}

.btn-secondary {
  background: rgba(255,255,255,0.65);
  color: #111;
  border: 1px solid var(--line);
}

.btn-large {
  min-width: 220px;
}

.btn-small {
  padding: 10px 14px;
  font-size: 14px;
}

.btn-full {
  width: 100%;
  margin-top: 12px;
}

.message {
  margin-top: 16px;
  padding: 13px 14px;
  border-radius: 14px;
  border: 1px solid rgba(178,34,34,0.16);
  background: rgba(255, 240, 240, 0.95);
}

.error {
  color: var(--danger);
}

.ranking-block + .ranking-block {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid var(--line);
}

.ranking-headline {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}

.top-badge {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #555;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,0.58);
  border: 1px solid var(--line);
}

.ranking-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
}

.ranking-list li {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.54);
  border: 1px solid var(--line);
}

.long-list li {
  min-height: 46px;
}

.all-list-wrap {
  max-height: 720px;
  overflow: auto;
  padding-right: 6px;
}

.active-rank {
  outline: 2px solid rgba(0,0,0,0.18);
  background: rgba(255,255,255,0.9) !important;
}

.active-rank-red {
  outline: 2px solid var(--red-outline) !important;
  box-shadow: 0 0 0 3px rgba(178,34,34,0.08);
}

.current-user-rank {
  outline: 2px solid var(--red-outline) !important;
  box-shadow: 0 0 0 3px rgba(178,34,34,0.08);
  background: rgba(255,255,255,0.96) !important;
  font-weight: 700;
}

.ranking-footer-link {
  margin-top: 12px;
}

.text-link {
  font-weight: 700;
  color: #111;
  border-bottom: 1px solid rgba(0,0,0,0.22);
  padding-bottom: 2px;
}

.small-link {
  font-size: 14px;
}

.reveal-link-text {
  margin: 0 0 14px;
  line-height: 1.55;
  color: #444;
}

.top5-full-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.top5-card {
  padding: 14px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,0.54);
  border: 1px solid var(--line);
}

.top5-card strong {
  display: block;
  margin-bottom: 10px;
}

.top5-list {
  display: grid;
  gap: 8px;
}

.top5-line {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  align-items: start;
}

.top5-rank {
  font-weight: 700;
  color: #444;
}

.top5-answer {
  line-height: 1.45;
  word-break: break-word;
  min-height: 20px;
}

.archive-list {
  display: grid;
  gap: 12px;
}

.archive-item {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid var(--line);
  border-radius: 16px;
  background: rgba(255,255,255,0.54);
}

.archive-item p {
  margin: 4px 0 0;
  color: #555;
}

.stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}

.profile-answers {
  display: grid;
  gap: 10px;
}

.profile-answer {
  display: grid;
  grid-template-columns: 70px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,0.54);
}

.profile-answer em {
  font-style: normal;
  font-weight: 700;
}

.password-form {
  display: grid;
  gap: 10px;
}

.mini-stats {
  display: grid;
  gap: 12px;
}

.mini-stats > div {
  padding: 12px 14px;
  border: 1px solid var(--line);
  border-radius: 14px;
  background: rgba(255,255,255,0.54);
}

.gate-card {
  max-width: 560px;
  margin: 40px auto 0;
  text-align: center;
}

.modal {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,0.34);
  display: grid;
  place-items: center;
  padding: 20px;
  z-index: 1000;
}

.modal-card {
  width: min(460px, 100%);
  background: var(--card-strong);
  border-radius: 24px;
  box-shadow: 0 24px 60px rgba(0,0,0,0.22);
  border: 1px solid var(--line);
  padding: 28px;
  position: relative;
}

.modal-card form {
  display: grid;
  gap: 10px;
}

.demo-box {
  margin: 12px 0 14px;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(255,255,255,0.7);
  border: 1px dashed rgba(0,0,0,0.14);
}

.close-btn {
  position: absolute;
  right: 14px;
  top: 12px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  border: 0;
  background: rgba(0,0,0,0.06);
  font-size: 22px;
  cursor: pointer;
}

@media (max-width: 1024px) {
  .layout, .profile-layout, .all-places-layout, .top5-full-grid {
    grid-template-columns: 1fr;
  }

  .stats-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .header-inner {
    flex-direction: column;
  }

  .card-head {
    flex-direction: column;
  }

  .muted {
    max-width: none;
  }
}

@media (max-width: 720px) {
  .hero-meta,
  .stats-grid {
    grid-template-columns: 1fr;
  }

  .site-header {
    padding-inline: 14px;
  }

  .header-inner,
  .page {
    width: min(100%, calc(100% - 20px));
  }

  .card {
    padding: 16px;
  }

  .profile-answer {
    grid-template-columns: 56px 1fr;
  }

  .profile-answer em {
    grid-column: 2;
  }

  h2 {
    font-size: 24px;
  }
}


.btn-secondary {
  background: rgba(255,255,255,0.7);
  color: #111;
  border: 1px solid rgba(0,0,0,0.08);
}

.btn-full { width: 100%; }
.btn-large { padding: 16px 20px; }
.btn-small { padding: 10px 14px; }

.text-link {
  color: #111;
  font-weight: 700;
}

.auth-page-wrap {
  width: min(860px, calc(100% - 32px));
}

.auth-card-page {
  padding: 26px;
}

.auth-head {
  margin-bottom: 18px;
}

.auth-form {
  display: grid;
  gap: 10px;
}

.auth-form label {
  font-weight: 700;
  font-size: 15px;
  margin-top: 6px;
}

.auth-links-row {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin: 6px 0 4px;
}

.message {
  margin-top: 12px;
  padding: 13px 14px;
  border-radius: 14px;
  border: 1px solid rgba(0,0,0,0.08);
  font-size: 14px;
  line-height: 1.45;
}

.message.error {
  color: #8c1d18;
  background: rgba(255, 235, 232, 0.92);
  border-color: rgba(140, 29, 24, 0.18);
}

.message.success {
  color: #14532d;
  background: rgba(236,255,240,0.95);
  border-color: rgba(20,83,45,0.15);
}

.gate-card {
  max-width: 760px;
  margin: 0 auto;
}

@media (max-width: 900px) {
  .layout,
  .profile-layout {
    grid-template-columns: 1fr;
  }

  .hero-meta {
    grid-template-columns: 1fr;
  }
}


textarea {
  width: 100%;
  border: 1px solid rgba(0,0,0,0.14);
  border-radius: 14px;
  padding: 14px 15px;
  background: rgba(255,255,255,0.9);
  outline: none;
  resize: vertical;
  min-height: 160px;
  font: inherit;
}

textarea:focus {
  border-color: rgba(0,0,0,0.35);
}


.empty-state {
  border: 1px dashed rgba(0,0,0,0.18);
  border-radius: 16px;
  padding: 18px;
  background: rgba(255,255,255,0.78);
  color: #5b5242;
  line-height: 1.5;
}

.empty-list-item {
  opacity: 0.9;
}

.archive-open-btn[disabled],
button[disabled] {
  opacity: 0.65;
  cursor: not-allowed;
}


/* Rundenauswertung */
.analysis-entry-card .btn {
  margin-top: 14px;
}

.analysis-intro-card {
  margin-bottom: 18px;
}

.analysis-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
}

.analysis-round-picker {
  min-width: 220px;
  display: grid;
  gap: 7px;
  font-weight: 700;
}

.analysis-round-picker span {
  font-size: 0.82rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}

.analysis-round-picker select {
  width: 100%;
  min-height: 46px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: var(--card-strong);
  color: var(--text);
  padding: 0 12px;
  font: inherit;
  font-weight: 700;
}

.analysis-grid {
  display: grid;
  gap: 18px;
}

.analysis-question-card {
  overflow: hidden;
}

.analysis-question-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 16px;
}

.analysis-question-head h2 {
  margin: 4px 0 0;
}

.analysis-count {
  flex: 0 0 auto;
  font-size: 0.82rem;
  font-weight: 700;
  opacity: 0.7;
}

.analysis-answer-list {
  display: grid;
  gap: 7px;
}

.analysis-answer {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr) 70px;
  align-items: center;
  gap: 10px;
  min-height: 46px;
  padding: 8px 12px;
  border: 1px solid var(--border);
  border-radius: 12px;
  background: rgba(255,255,255,0.34);
}

.analysis-answer strong {
  text-align: right;
  font-size: 1.05rem;
}

.analysis-rank {
  font-weight: 800;
  opacity: 0.65;
}

.analysis-answer-text {
  min-width: 0;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.analysis-answer-text small {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 7px;
  border-radius: 999px;
  background: var(--text);
  color: var(--card-strong);
  font-size: 0.7rem;
  line-height: 1.2;
  vertical-align: middle;
}

.analysis-answer.is-own-answer {
  border-width: 2px;
  border-color: var(--text);
  background: var(--card-strong);
}

.analysis-own-hint {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 12px;
  border: 1px dashed var(--border);
}

@media (max-width: 720px) {
  .analysis-intro,
  .analysis-question-head {
    display: grid;
  }

  .analysis-round-picker {
    min-width: 0;
    width: 100%;
  }

  .analysis-answer {
    grid-template-columns: 32px minmax(0, 1fr) 48px;
    padding: 8px 9px;
  }

  .analysis-answer-text small {
    display: block;
    width: fit-content;
    margin: 5px 0 0;
  }
}

/* Admin */
.admin-intro-card{margin-bottom:18px}.admin-select-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.admin-select-grid label{display:grid;gap:7px;font-weight:700}.admin-select-grid select,.admin-alias-target{width:100%;min-height:46px;border:1px solid var(--border);border-radius:12px;background:var(--card-strong);color:var(--text);padding:0 12px;font:inherit}.admin-answer-list{display:grid;gap:10px}.admin-answer-row{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(300px,1.2fr);gap:18px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:14px}.admin-answer-main{display:grid;gap:4px}.admin-answer-main span{opacity:.7}.admin-answer-action{display:grid;grid-template-columns:minmax(150px,1fr) auto auto;gap:8px}@media(max-width:760px){.admin-select-grid,.admin-answer-row,.admin-answer-action{grid-template-columns:1fr}.admin-answer-action .btn{width:100%}}

/* Rundenauswertung – Fragenavigation und Alias-Transparenz */
.analysis-question-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;margin-bottom:4px;scrollbar-width:thin}
.analysis-question-tab{flex:0 0 auto;min-width:48px;height:44px;border:1px solid var(--border);border-radius:12px;background:var(--card-strong);color:var(--text);font:inherit;font-weight:800;cursor:pointer}
.analysis-question-tab.active{transform:translateY(-1px);box-shadow:0 5px 18px rgba(0,0,0,.10)}
#roundAnalysisContent .analysis-question-card{display:none}
#roundAnalysisContent .analysis-question-card.active{display:block}
.analysis-answer-text{display:grid;gap:3px}
.analysis-aliases{opacity:.68;font-weight:500;line-height:1.35}
.analysis-own-label{font-weight:800}
.analysis-points{text-align:right;white-space:nowrap}
.analysis-points small{font-weight:600;opacity:.7}
@media(max-width:640px){.analysis-answer{grid-template-columns:34px minmax(0,1fr);align-items:start}.analysis-points{grid-column:2;text-align:left;white-space:normal;margin-top:2px}.analysis-question-nav{margin-left:-2px;margin-right:-2px}}

/* Kompakte Aliasdarstellung */
.analysis-aliases{
  display:block;
  margin-top:2px;
  padding:0;
  border:0 !important;
  background:none !important;
  opacity:.62;
  font-size:.78rem;
  font-weight:500;
  line-height:1.25;
}
.analysis-points small{display:none}

/* Aliasvarianten: klein, aber vollständig schwarz */
.analysis-aliases{
  color:#000 !important;
  opacity:1 !important;
  font-weight:500;
}

/* Spielleitung */
.admin-main-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.admin-main-tab{border:1px solid var(--border);border-radius:12px;padding:11px 16px;background:var(--card-strong);color:var(--text);font:inherit;font-weight:800;cursor:pointer}.admin-main-tab.active{box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-1px)}.admin-tab-panel{display:none;margin-top:18px}.admin-tab-panel.active{display:block}.admin-section-head,.admin-round-card{display:flex;justify-content:space-between;gap:18px;align-items:center}.admin-round-list{display:grid;gap:10px;margin-top:18px}.admin-round-card{padding:14px;border:1px solid var(--border);border-radius:14px}.admin-round-card h3{margin:6px 0}.admin-round-actions,.admin-editor-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-status{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.admin-status.draft{background:#eee}.admin-status.active{background:#dff6e6}.admin-status.closed{background:#eee}.admin-form-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:18px 0}.admin-form-grid label,.admin-wide-select{display:grid;gap:6px;font-weight:700}.admin-form-grid input,.admin-wide-select select,.admin-question-edit textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:12px;background:var(--card-strong);color:var(--text);padding:11px;font:inherit}.admin-question-editor{display:grid;gap:10px;margin:18px 0}.admin-question-edit{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start}.admin-question-edit>span{font-weight:900;padding-top:11px}.admin-question-edit small{grid-column:2;font-size:.78rem}.admin-wide-select{max-width:700px;margin-top:14px}
@media(max-width:760px){.admin-section-head,.admin-round-card{align-items:stretch;flex-direction:column}.admin-round-actions .btn,.admin-section-head .btn{width:100%}.admin-form-grid{grid-template-columns:1fr}.admin-main-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.admin-main-tab{padding:10px 6px;font-size:.85rem}}

.admin-status.review{background:#fff3cd;color:#5f4800}

/* ===== IWTS 2026/27 Premium UI ===== */
:root{--bg:#0d0e0f;--bg-soft:#151719;--card:#17191b;--card-strong:#1d2023;--line:rgba(255,255,255,.09);--text:#f7f7f4;--muted:#a6a8aa;--yellow:#f7d900;--yellow-soft:#fff17a;--accent:#f7d900;--shadow:0 20px 60px rgba(0,0,0,.28);--radius:24px;--danger:#ff6464}
html,body{background:radial-gradient(circle at 10% -10%,rgba(247,217,0,.12),transparent 30%),linear-gradient(180deg,#0b0c0d,#111315 55%,#0b0c0d);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{min-height:100vh}.page,.header-inner{width:min(1240px,calc(100% - 32px))}.site-header{padding:24px 0 12px}.header-inner{align-items:center}.brand{display:flex;align-items:center;gap:14px}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:var(--yellow);color:#090909;font-weight:950;font-size:22px;box-shadow:0 10px 35px rgba(247,217,0,.18)}.brand h1{font-size:clamp(25px,4vw,40px);line-height:1}.eyebrow,.section-kicker{color:#999;font-weight:800;letter-spacing:.12em}.top-actions{justify-content:flex-end}.btn{border-radius:13px;font-weight:850;transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--yellow);color:#090909;border-color:var(--yellow)}.btn-primary:hover{background:var(--yellow-soft)}.btn-secondary,.btn-ghost{background:#222528;color:#fff;border:1px solid var(--line)}.btn-ghost{background:transparent}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.user-badge{background:#1a1c1e;border-color:var(--line);box-shadow:none}.card,.hero-card{background:linear-gradient(180deg,rgba(29,32,35,.97),rgba(21,23,25,.97));border:1px solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(14px)}.page{padding-top:14px}.landing-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:22px;padding:46px;border:1px solid rgba(247,217,0,.17);border-radius:32px;background:linear-gradient(135deg,rgba(247,217,0,.12),rgba(255,255,255,.025) 45%),#151719;box-shadow:var(--shadow);overflow:hidden}.hero-copy h2{font-size:clamp(38px,6vw,72px);line-height:.98;max-width:900px;margin:18px 0}.hero-copy>p{font-size:18px;line-height:1.65;max-width:760px;color:#c8c9ca}.live-pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(247,217,0,.12);border:1px solid rgba(247,217,0,.28);color:var(--yellow);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.hero-claim{margin:26px 0 22px;padding-left:15px;border-left:3px solid var(--yellow);font-weight:850;color:#fff}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.hero-rhythm{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:center}.hero-rhythm div{padding:20px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid var(--line)}.hero-rhythm strong{display:block;font-size:26px;color:var(--yellow)}.hero-rhythm span{display:block;margin-top:5px;color:#aaa;font-size:12px}.round-strip{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:12px;margin:18px 0}.meta-box,.stat-box{background:#17191b;border-color:var(--line)}.meta-box span,.stat-box span,.mini-stats span{color:#8f9294}.layout,.profile-layout{grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr)}.question-item{background:#111315;border-color:var(--line);padding:18px}.question-item label{color:#f7f7f4}.question-item input,.admin-form-grid input,.admin-wide-select select,.admin-select-grid select,.admin-question-editor textarea,.admin-answer-action select{background:#0f1112!important;color:#fff!important;border-color:rgba(255,255,255,.12)!important}.question-item input:disabled{opacity:.65}.muted{color:var(--muted)}.empty-state{background:#111315!important;color:#a9abad!important;border-color:var(--line)!important}.ranking-list li{border-color:var(--line)}.ranking-list li:hover{background:rgba(255,255,255,.035)}.ranking-list .rank-number{display:inline-grid;place-items:center;min-width:30px;height:30px;margin-right:7px;border-radius:9px;background:#292c2f;font-size:12px}.ranking-list li.rank-nine{background:rgba(247,217,0,.07);border-color:rgba(247,217,0,.2)}.rank-nine .rank-number{background:var(--yellow);color:#090909}.nine-badge{display:inline-flex;margin-left:6px;padding:3px 6px;border-radius:999px;background:var(--yellow);color:#090909;font-size:9px;font-style:normal;font-weight:950;text-transform:uppercase}.top-badge{background:rgba(247,217,0,.1)!important;color:var(--yellow)!important}.text-link{color:var(--yellow);font-weight:800}.nine-card{display:flex;gap:18px;align-items:center}.nine-orbit{flex:0 0 auto;display:grid;place-items:center;width:78px;height:78px;border-radius:24px;background:var(--yellow);color:#080808;font-size:29px;font-weight:950;transform:rotate(-4deg)}.nine-card p{color:#aaa;line-height:1.55}.membership-box{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 18px;padding:18px;border-radius:18px;background:rgba(247,217,0,.075);border:1px solid rgba(247,217,0,.22)}.membership-box p{margin:5px 0;color:#c6c7c8;line-height:1.5}.membership-actions{display:flex;flex-direction:column;gap:8px;min-width:210px}.copy-user{display:flex;align-items:center;gap:10px;margin-top:10px}.copy-user strong{padding:9px 12px;background:#0d0e0f;border-radius:10px;color:var(--yellow)}.status-dot{width:12px;height:12px;border-radius:50%;background:var(--yellow);flex:0 0 auto}.explainer-card{display:flex;justify-content:space-between;align-items:end;gap:25px}.explainer-card p{max-width:700px;color:#b5b7b8;line-height:1.6}.site-footer{width:min(1240px,calc(100% - 32px));margin:10px auto 30px;padding:20px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777;font-size:13px}.site-footer div{display:flex;gap:18px}.rules-page{max-width:1100px}.rules-hero{padding:55px 0 35px}.rules-hero h2{font-size:clamp(38px,6vw,66px);line-height:1.02}.rules-hero>p:last-child{max-width:760px;color:#bbb;font-size:18px;line-height:1.65}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.rule-card{min-height:235px}.rule-no{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#292c2f;color:#aaa;font-weight:950;margin-bottom:28px}.rule-card p{color:#aaa;line-height:1.6}.special-nine{border-color:rgba(247,217,0,.3)}.special-nine .rule-no{background:var(--yellow);color:#080808}.season-card{margin-top:16px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:32px}.season-card p{color:#aaa;max-width:720px;line-height:1.6}.profile-hero-stats{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.stat-primary{border-color:rgba(247,217,0,.25);background:rgba(247,217,0,.07)}.stat-primary strong{color:var(--yellow);font-size:30px}.profile-membership-status{display:inline-flex;margin-top:14px;padding:8px 11px;border-radius:999px;font-size:12px;font-weight:850;background:#292c2f}.profile-membership-status.active{background:rgba(92,213,132,.12);color:#75e29a}.profile-membership-status.pending{background:rgba(247,217,0,.1);color:var(--yellow)}.mini-nine{border-color:rgba(247,217,0,.25)!important}.mini-nine strong{color:var(--yellow)}.admin-main-tabs{border-color:var(--line)}.admin-main-tab{color:#aaa}.admin-main-tab.active{background:var(--yellow);color:#090909}.admin-round-card,.admin-answer-row,.payment-row{background:#111315!important;border-color:var(--line)!important}.admin-status.pending{background:rgba(247,217,0,.12);color:var(--yellow)}.admin-status.active,.admin-status.closed{background:rgba(92,213,132,.12);color:#75e29a}.admin-status.blocked{background:rgba(255,100,100,.12);color:#ff8585}.payment-filter{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.filter-chip{border:1px solid var(--line);background:#111315;color:#aaa;padding:9px 13px;border-radius:999px;cursor:pointer;font-weight:800}.filter-chip.active{background:var(--yellow);color:#090909;border-color:var(--yellow)}.admin-payment-list{display:grid;gap:10px}.payment-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid;border-radius:16px}.payment-row h3{margin:7px 0 4px}.payment-row p,.payment-row small{margin:0;color:#999}
@media(max-width:900px){.landing-hero{grid-template-columns:1fr;padding:30px}.hero-rhythm{grid-template-columns:repeat(4,1fr)}.layout,.profile-layout{grid-template-columns:1fr}.rules-grid{grid-template-columns:1fr 1fr}.membership-box{align-items:flex-start}.membership-actions{min-width:190px}}
@media(max-width:640px){.page,.header-inner,.site-footer{width:min(100% - 22px,1240px)}.site-header{padding-top:12px}.header-inner{align-items:flex-start}.brand-mark{width:45px;height:45px;border-radius:14px}.brand h1{font-size:23px}.eyebrow{font-size:10px}.top-actions{width:100%;margin-top:8px}.header-inner{flex-wrap:wrap}.landing-hero{padding:24px 20px;border-radius:24px}.hero-copy h2{font-size:42px}.hero-rhythm{grid-template-columns:1fr 1fr}.round-strip{grid-template-columns:1fr 1fr}.round-strip .meta-box:first-child{grid-column:1/-1}.card{padding:18px;border-radius:20px}.card-head{display:block}.card-head .muted{margin-top:8px}.membership-box,.season-card,.explainer-card,.payment-row{flex-direction:column;align-items:stretch}.membership-actions{min-width:0}.rules-grid{grid-template-columns:1fr}.rules-hero{padding-top:30px}.profile-hero-stats{grid-template-columns:1fr 1fr}.profile-hero-stats .stat-primary{grid-column:1/-1}.site-footer{flex-direction:column;gap:12px}.admin-main-tabs{overflow-x:auto;flex-wrap:nowrap}.admin-main-tab{white-space:nowrap}}
\n\n/* ===== IWTS Live polish · 2026-09-18 ===== */
/* Überschriften auf dem dunklen Premium-Hintergrund */
h1{color:#f5f5f1;font-weight:820;letter-spacing:-.035em}
.brand h1{color:#f5f5f1;font-weight:780;letter-spacing:-.03em;text-shadow:0 1px 18px rgba(0,0,0,.32)}

/* Ranglisten und Statistik: keine grellen Alt-UI-Flächen mehr */
.ranking-list li{
  background:#121416;
  color:#f2f2ef;
  border:1px solid rgba(255,255,255,.085);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.015);
}
.ranking-list li:hover{background:#181b1e}
.ranking-list li.empty-list-item{
  background:#121416;
  color:#a9acae;
  border-style:dashed;
  border-color:rgba(255,255,255,.11);
}
.active-rank{
  outline:1px solid rgba(247,217,0,.42);
  background:rgba(247,217,0,.075)!important;
}
.mini-stats>div{
  background:#121416;
  color:#f2f2ef;
  border:1px solid rgba(255,255,255,.085);
}
.mini-stats span{color:#8f9294!important}
.mini-stats strong{color:#f7f7f4}
.mini-stats>div.mini-nine{background:rgba(247,217,0,.055)}

/* Auch leere Zustände bewusst dunkel und ruhig */
.empty-state{
  background:#121416!important;
  color:#a9acae!important;
  border-color:rgba(255,255,255,.11)!important;
}

/* ===== IWTS V3 · Community & Account ===== */
.site-header h1,.site-header.compact h1{color:#f6f6f2!important;font-weight:780!important;letter-spacing:-.035em!important;text-shadow:0 2px 22px rgba(0,0,0,.28);font-size:clamp(2rem,5vw,3.7rem);line-height:1.02}
.site-header.compact .subtitle{max-width:760px;color:#b7b9ba;line-height:1.55}
.player-link{color:inherit;text-decoration:none;font-weight:850}.player-link:hover{color:var(--yellow)}
.nav-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:4px;border-radius:999px;background:var(--yellow);color:#090909;font-size:10px;font-weight:950}
.optional{font-size:.72rem;color:#777;font-weight:600}.auth-form input[readonly]{opacity:.72;cursor:not-allowed}
.settings-page{max-width:1080px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.settings-grid>.card:nth-child(3){grid-column:1/-1}.locked-field{display:grid;gap:5px;padding:16px 0;border-bottom:1px solid var(--line)}.locked-field span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#888}.locked-field strong{font-size:1.12rem}.locked-field small{color:#777;line-height:1.45}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 0;border-bottom:1px solid var(--line)}.toggle-row span{display:grid;gap:5px}.toggle-row small{color:#888}.toggle-row input{width:22px;height:22px;accent-color:var(--yellow)}.settings-subsection{margin-top:26px}.blocked-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}
.messages-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:18px;min-height:620px}.message-sidebar,.message-conversation{min-height:620px}.thread-list{display:grid;gap:7px}.thread-item{width:100%;display:flex;justify-content:space-between;gap:12px;text-align:left;padding:13px;border:1px solid var(--line);border-radius:14px;background:#111315;color:#fff;cursor:pointer}.thread-item span{display:grid;gap:4px}.thread-item small{color:#888;max-width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread-item.unread{border-color:rgba(247,217,0,.34);background:rgba(247,217,0,.055)}.thread-item>b{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:var(--yellow);color:#090909}.message-thread-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:14px}.thread-messages{display:flex;flex-direction:column;gap:10px;max-height:470px;overflow:auto;padding:18px 2px}.message-bubble{align-self:flex-start;max-width:min(78%,650px);padding:12px 14px;border:1px solid var(--line);border-radius:16px 16px 16px 5px;background:#111315}.message-bubble.mine{align-self:flex-end;border-radius:16px 16px 5px 16px;background:rgba(247,217,0,.09);border-color:rgba(247,217,0,.2)}.message-bubble p{margin:6px 0;white-space:pre-wrap;line-height:1.5}.message-bubble small{color:#777}.message-report{margin-left:10px;border:0;background:none;color:#a1a3a4;cursor:pointer;font-size:.72rem}.message-report:hover{color:#ff8b8b}.thread-reply{display:flex;gap:10px;margin-top:auto;border-top:1px solid var(--line);padding-top:14px}.thread-reply textarea{flex:1;background:#0f1112;color:#fff;border:1px solid var(--line);border-radius:13px;padding:12px;font:inherit;resize:vertical}
.modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:20px;background:rgba(0,0,0,.72);backdrop-filter:blur(6px)}.modal.hidden{display:none}.modal-card{position:relative;width:min(560px,100%);padding:28px;border-radius:24px;background:#191b1d;border:1px solid var(--line);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-close{position:absolute;right:14px;top:12px;border:0;background:transparent;color:#aaa;font-size:28px;cursor:pointer}
.player-profile-card{max-width:980px;margin:0 auto}.public-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}.public-stat-grid>div{display:grid;gap:5px;padding:17px;border-radius:16px;background:#111315;border:1px solid var(--line)}.public-stat-grid span{color:#8d8f91;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em}.public-stat-grid strong{font-size:1.35rem}.public-stat-grid small{color:#777}.public-stat-grid .nine-stat{border-color:rgba(247,217,0,.28);background:rgba(247,217,0,.055)}.public-stat-grid .nine-stat strong{color:var(--yellow)}.player-action{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.badge-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.identity-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:12px;font-weight:950}.identity-badge small{font-size:.7rem;font-weight:750}.identity-badge.season{background:var(--yellow);color:#090909}.identity-badge.round{background:#f2f2ef;color:#111}.round-nine-badge{background:#f2f2ef!important;color:#111!important}.season-nine-badge{background:var(--yellow)!important;color:#090909!important}
.legal-page{max-width:900px}.legal-page .card{line-height:1.7}.legal-page h2,.legal-page h3{margin-top:28px}.legal-note{margin-top:30px;padding-top:18px;border-top:1px solid var(--line);color:#777;font-size:.86rem}
.admin-message-columns{display:grid;gap:28px}.admin-message-columns>div>h3{margin-bottom:12px}
@media(max-width:800px){.settings-grid,.messages-layout{grid-template-columns:1fr}.settings-grid>.card:nth-child(3){grid-column:auto}.message-sidebar,.message-conversation{min-height:auto}.public-stat-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.public-stat-grid{grid-template-columns:1fr}.thread-reply{flex-direction:column}.message-bubble{max-width:92%}.site-header.compact h1{font-size:2.25rem!important}}

/* ===== IWTS V3.1 ===== */
.ranking-tabs{display:flex;gap:8px;margin:4px 0 16px;padding:5px;border-radius:14px;background:#101214;border:1px solid var(--line)}
.ranking-tab{flex:1;border:0;border-radius:10px;padding:10px 12px;background:transparent;color:#929597;font:inherit;font-weight:850;cursor:pointer}.ranking-tab.active{background:var(--yellow);color:#090909}.ranking-panel{display:none}.ranking-panel.active{display:block}.ranking-tabs-large{max-width:520px}.round-picker{display:grid;gap:5px;color:#888;font-size:.75rem}.round-picker select{min-width:240px;background:#0f1112;color:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}
.archive-item{background:#121416!important;color:#f2f2ef!important;border:1px solid rgba(255,255,255,.085)!important}.archive-item p{color:#929597!important}
.current-user-rank{outline:2px solid rgba(247,217,0,.58)!important;box-shadow:0 0 0 3px rgba(247,217,0,.08)!important;background:rgba(247,217,0,.075)!important;color:#f7f7f4!important}.current-user-rank .player-link,.current-user-rank>strong{color:#fff!important}.current-user-rank::after{content:'DEINE POSITION';margin-left:auto;margin-right:8px;font-size:9px;letter-spacing:.08em;color:var(--yellow);font-weight:950}.all-list-wrap{scrollbar-color:#45494c #151719;scrollbar-width:thin}.all-list-wrap::-webkit-scrollbar,.thread-messages::-webkit-scrollbar{width:9px}.all-list-wrap::-webkit-scrollbar-track,.thread-messages::-webkit-scrollbar-track{background:#151719}.all-list-wrap::-webkit-scrollbar-thumb,.thread-messages::-webkit-scrollbar-thumb{background:#45494c;border-radius:999px}
.motivation-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 16px}.motivation-stats>div{display:grid;gap:5px;padding:16px;border-radius:16px;background:rgba(247,217,0,.055);border:1px solid rgba(247,217,0,.22)}.motivation-stats span{color:#999;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.motivation-stats strong{font-size:1.35rem;color:var(--yellow)}.motivation-stats small{color:#888}
.admin-support-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(380px,1.25fr);gap:14px}.admin-conversation{min-height:260px;background:#111315;border:1px solid var(--line);border-radius:16px;padding:16px}.admin-inline-reply{display:grid;gap:10px;margin-top:12px}.admin-inline-reply textarea,.admin-search,.moderation-search input,.moderation-search select,.admin-user-grid select,#adminUserEditor input{background:#0f1112;color:#fff;border:1px solid var(--line);border-radius:12px;padding:11px;font:inherit}.admin-user-row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15px;text-align:left;padding:15px;border-radius:15px;border:1px solid var(--line);background:#111315;color:#fff;cursor:pointer}.admin-user-row span{display:grid;gap:4px}.admin-user-row small{color:#888}.admin-user-row b{color:var(--yellow)}.admin-search{width:100%;margin:14px 0}.admin-user-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.admin-user-grid label{display:grid;gap:7px;color:#999}.moderation-search{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;gap:9px;margin:18px 0}.moderation-message,.audit-row{display:grid;gap:5px;padding:13px 0;border-bottom:1px solid var(--line)}.moderation-message small,.audit-row small{color:#85888a}.moderation-message p{margin:0;line-height:1.5}.iwts-toast{position:fixed;right:22px;bottom:22px;z-index:1500;display:grid;grid-template-columns:1fr auto;gap:5px 16px;min-width:290px;padding:16px 44px 16px 18px;border-radius:16px;background:#1d2022;border:1px solid rgba(247,217,0,.35);box-shadow:0 20px 60px rgba(0,0,0,.45)}.iwts-toast a{color:var(--yellow);font-weight:850}.iwts-toast button{position:absolute;right:12px;top:9px;border:0;background:none;color:#999;font-size:22px;cursor:pointer}
@media(max-width:800px){.admin-support-layout,.admin-user-grid,.moderation-search{grid-template-columns:1fr}.motivation-stats{grid-template-columns:1fr}.current-user-rank::after{display:none}.round-picker select{min-width:0;width:100%}}

/* ================= IWTS V3.2 ================= */
.guest-welcome,.prize-teaser{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:18px 0;padding:28px 32px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg,rgba(29,32,35,.97),rgba(21,23,25,.97))}.guest-welcome h2,.prize-teaser h2{margin:5px 0 8px}.guest-welcome p,.prize-teaser p{max-width:800px;color:#aaa;line-height:1.6}.guest-welcome-actions{display:flex;gap:9px;flex-wrap:wrap;flex:0 0 auto}.guest-mode .question-item input{display:none}.guest-mode .question-item{padding:20px}.guest-mode .question-item label{margin:0}.player-masked{cursor:default;color:#e7e7e3}.ranking-list li{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(110px,.55fr) auto;align-items:center;gap:12px}.ranking-identity{display:flex;align-items:center;min-width:0}.ranking-points{justify-self:end}.own-position{justify-self:center;color:var(--yellow);font-size:9px;letter-spacing:.11em;font-weight:950;white-space:nowrap}.own-position-placeholder{min-width:1px}.current-user-rank::after{display:none!important}.current-user-rank{outline:2px solid rgba(247,217,0,.58)!important;background:rgba(247,217,0,.075)!important}.fun-find{margin:18px 0;padding:30px}.fun-find blockquote{margin:18px 0 10px;padding:16px 20px;border-left:3px solid var(--yellow);background:#111315;border-radius:0 14px 14px 0;font-size:clamp(20px,3vw,30px);font-weight:850}.faq-section{margin-top:30px}.faq-section>h2{font-size:40px;margin:6px 0 20px}.faq-list{display:grid;gap:10px}.faq-list details{background:#17191b;border:1px solid var(--line);border-radius:16px;padding:0 18px}.faq-list summary{cursor:pointer;padding:18px 0;font-weight:850;color:#f5f5f1}.faq-list details p{color:#aaa;line-height:1.6;margin:0 0 18px}.official-badge{display:inline-flex;margin-left:7px;padding:2px 6px;border-radius:999px;background:var(--yellow);color:#090909;font-size:9px;font-style:normal;font-weight:950;letter-spacing:.06em}.mailbox-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.thread-actions{display:flex;gap:7px;flex-wrap:wrap}.admin-inline-reply{display:flex;gap:8px;flex-wrap:wrap}.admin-inline-reply textarea{flex:1 1 100%}.admin-highlight-answer{white-space:nowrap}
@media(max-width:800px){.guest-welcome,.prize-teaser{align-items:flex-start;flex-direction:column;padding:22px}.ranking-list li{grid-template-columns:minmax(0,1fr) auto}.own-position{grid-column:1;justify-self:start;margin-left:43px}.ranking-points{grid-column:2;grid-row:1}.own-position-placeholder{display:none}.hero-rhythm{grid-template-columns:1fr 1fr}}

/* IWTS V3.3 */
.member-compact-hero{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}
.transparency-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.transparency-grid>div{padding:16px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.045);display:flex;flex-direction:column;gap:5px}
.transparency-grid strong{font-size:1.05rem}.transparency-grid span{opacity:.75;font-size:.9rem}
.btn-danger{background:#6e2026!important;border-color:#a43b45!important;color:#fff!important}
.force-password-note{border-color:#d8b84b!important;margin-bottom:18px}
.draft-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}
.legal-structured h3{margin-top:30px}.legal-structured p{line-height:1.7}
@media(max-width:760px){.member-compact-hero{align-items:flex-start;flex-direction:column}.transparency-grid{grid-template-columns:1fr}.draft-actions{flex-direction:column;align-items:stretch}}