/* Eigenständige Werkstadt-Spielwelt: ausschließlich CSS, ohne fremde Spielgrafiken. */
body.theme-comic {
  --ink: #26323a;
  --navy: #277a82;
  --navy-2: #31929a;
  --paper: #f7f0d2;
  --line: #d9c995;
  --muted: #66716f;
  --orange: #f08a32;
  --orange-dark: #ca6425;
  --green: #4f9b51;
  --shadow: 0 8px 0 rgb(90 75 40 / 10%), 0 18px 38px rgb(49 72 62 / 12%);
  --radius: 22px;
  background-color: var(--paper);
  background-image:
    radial-gradient(circle at 16px 16px, rgb(255 255 255 / 45%) 0 3px, transparent 4px),
    linear-gradient(180deg, #f9f4dc, #f3ebcd);
  background-size: 34px 34px, auto;
}

.theme-comic h1,
.theme-comic h2,
.theme-comic h3,
.theme-comic .hero-balance,
.theme-comic .stat-grid strong,
.theme-comic .shop-summary strong {
  font-family: ui-rounded, "Arial Rounded MT Bold", "Trebuchet MS", system-ui, sans-serif;
  letter-spacing: -0.025em;
}

.theme-comic .site-header {
  height: auto;
  min-height: 82px;
  color: #fff;
  background: linear-gradient(180deg, #56aa57, #3f8d49);
  border-bottom: 5px solid #34743d;
  box-shadow: 0 4px 0 rgb(55 92 47 / 18%);
}
.theme-comic .site-header .brand small { color: #e9ffe2; }
.theme-comic .site-header .brand-mark {
  color: #78400f;
  background: #ffd35b;
  border: 3px solid #fff3b2;
  border-radius: 14px;
  box-shadow: 0 4px 0 #b86f1f;
  transform: rotate(-4deg);
}
.theme-comic .site-header nav { gap: 12px; }
.theme-comic .site-header nav a,
.theme-comic .nav-submit {
  padding: 8px 10px;
  border-radius: 12px;
}
.theme-comic .nav-submit { color: #fff; border-color: rgb(255 255 255 / 55%); }
.admin-page.theme-comic .admin-link { color: #ffe083 !important; }
.theme-comic .site-header nav a:hover,
.theme-comic .nav-submit:hover { background: rgb(255 255 255 / 16%); }
.theme-comic .nav-button {
  color: #70410d;
  background: #ffd45d;
  border: 2px solid #fff0a6;
  box-shadow: 0 3px 0 #b66b20;
}

.theme-comic .dashboard-head,
.theme-comic .shop-head,
.theme-comic .admin-hero {
  color: #fff;
  background:
    radial-gradient(circle at 90% 15%, rgb(255 255 255 / 20%) 0 55px, transparent 57px),
    linear-gradient(135deg, #2b9fa9, #287886);
  border-bottom: 6px solid #21656f;
}
.theme-comic .dashboard-head .eyebrow,
.theme-comic .shop-head .eyebrow,
.theme-comic .admin-hero .eyebrow { color: #fff0a4; }
.theme-comic .dashboard-head p,
.theme-comic .admin-hero p { color: #e4ffff; }

.theme-comic article,
.theme-comic .side-card,
.theme-comic .admin-panel,
.theme-comic .form-card,
.theme-comic .empty-state,
.theme-comic .hero-panel { border-radius: var(--radius); }
.theme-comic .stat-grid article,
.theme-comic .job-card,
.theme-comic .shop-card,
.theme-comic .side-card,
.theme-comic .admin-panel,
.theme-comic .form-card {
  border: 2px solid #e1d29d;
  box-shadow: var(--shadow);
}
.theme-comic .stat-grid article:nth-child(5n + 1) { border-top: 7px solid #ef9840; }
.theme-comic .stat-grid article:nth-child(5n + 2) { border-top: 7px solid #58a75c; }
.theme-comic .stat-grid article:nth-child(5n + 3) { border-top: 7px solid #4aa4b0; }
.theme-comic .stat-grid article:nth-child(5n + 4) { border-top: 7px solid #8a70bb; }
.theme-comic .stat-grid article:nth-child(5n + 5) { border-top: 7px solid #e56859; }

.theme-comic .button {
  border-radius: 14px;
  border-bottom: 4px solid rgb(84 52 24 / 25%);
}
.theme-comic .button-primary {
  color: #fff;
  background: linear-gradient(#ff9d42, #e97829);
  box-shadow: 0 4px 0 #b55820;
}
.theme-comic .button-secondary {
  color: #fff;
  background: linear-gradient(#46aeb8, #2e8994);
  border: 0;
  border-bottom: 4px solid #246b74;
}
.theme-comic .button:disabled,
.theme-comic .button-disabled {
  color: #777;
  background: #d8d8d3;
  border-color: #d8d8d3;
  box-shadow: none;
}
.theme-comic .button-light { border-radius: 14px; }
.theme-comic input,
.theme-comic select,
.theme-comic textarea { border-radius: 12px !important; }

.theme-comic .job-card { border-top: 7px solid #4fa7ad; }
.theme-comic .general-job-card { border-top-color: #8c9b8c; border-left: 2px solid #e1d29d; }
.theme-comic .job-card dl div,
.theme-comic .stock-meter { border-radius: 13px; }
.theme-comic .progress,
.theme-comic .goal-progress,
.theme-comic .stock-track { border-radius: 999px; }
.theme-comic .progress > span,
.theme-comic .goal-progress > span { background: linear-gradient(90deg, #55a856, #86c954); }

.theme-comic .hero {
  background:
    radial-gradient(circle at 79% 25%, #fff2a4 0 50px, transparent 52px),
    linear-gradient(115deg, #f8efc8 0 58%, #67c2d0 58% 100%);
}
.theme-comic .hero-panel { border: 4px solid #fff; }
.theme-comic .eyebrow { color: #c85821; }

@media (max-width: 900px) {
  .theme-comic .site-header nav { gap: 4px; }
  .theme-comic .site-header nav a,
  .theme-comic .nav-submit { padding: 7px 6px; }
}