/* =====================================================================
   FabrikaTycoon 2.0 — professional UI layer
   Loaded last so both native tc-* templates and LeaderOS module templates
   share the same compact, solid and accessible visual language.
   ===================================================================== */

html { scroll-padding-top: calc(var(--tc-header-h) + 18px); }
body.tc-page {
  min-height: 100vh;
  margin: 0;
  background: var(--tc-ink) !important;
  color: var(--tc-text);
  font: 400 var(--tc-fs-body)/var(--tc-lh-normal) var(--tc-font-body);
  overflow-x: hidden;
}
body.tc-page::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.014) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.014) 1px, transparent 1px);
  background-size: 32px 32px;
}
body.tc-page * { box-sizing: border-box; }
body.tc-page img { max-width: 100%; }
body.tc-page a { color: inherit; }
body.tc-page a:hover { color: var(--tc-gold); }
body.tc-page :focus-visible { outline: 3px solid var(--tc-gold); outline-offset: 2px; }
body.tc-page ::selection { background: var(--tc-gold); color: #10151b; }

.tc-main { min-height: 60vh; }
.tc-container,
.container,
.container-lg,
.container-xl {
  width: min(100% - 32px, var(--tc-container));
  max-width: var(--tc-container);
  margin-inline: auto;
  padding-inline: 0;
}
.tc-container-narrow { max-width: var(--tc-container-narrow); }
.tc-section,
.section { padding-block: 48px; }
.section { padding-top: calc(var(--tc-header-h) + 32px); }
.tc-section[style*="padding-top"] { padding-top: calc(var(--tc-header-h) + 32px) !important; }
.tc-section--compact { padding-block: 42px; }
.tc-section--muted { background: var(--tc-ink-2); border-block: 2px solid var(--tc-line-soft); }

h1, h2, h3, h4, h5, h6,
.tc-h1, .tc-h2, .tc-h3, .tc-h4,
.page-title, .card-title {
  margin-top: 0;
  color: var(--tc-text);
  font-family: var(--tc-font-heading);
  font-weight: 700;
  line-height: var(--tc-lh-tight);
  letter-spacing: .015em;
}
h1, .tc-h1 { font-family: var(--tc-font-display); font-size: var(--tc-fs-h1); }
h2, .tc-h2 { font-size: var(--tc-fs-h2); }
h3, .tc-h3 { font-size: var(--tc-fs-h3); }
p { color: var(--tc-text-muted); }
.text-muted, .tc-text-muted, .tc-text-dim { color: var(--tc-text-muted) !important; }
.tc-lead { color: var(--tc-text-muted); font-size: 1rem; }
.tc-mono, code, kbd { font-family: var(--tc-font-mono); }
code, .tc-cmd, .tc-wiki-step__cmd, .tc-quest-card__cmd, .tc-mc-slot__cmd {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 1px solid #425970;
  border-radius: 2px;
  background: #0d1824;
  color: #d9e1e8;
  padding: 3px 7px;
  font-size: .78rem;
  white-space: normal;
}

/* Header */
.tc-nav {
  position: sticky;
  top: 0;
  z-index: var(--tc-z-header);
  height: var(--tc-header-h);
  background: var(--tc-nav-bg) !important;
  border-bottom: 2px solid var(--tc-nav-line);
  box-shadow: 0 4px 0 rgba(0,0,0,.25);
  backdrop-filter: none !important;
}
.tc-nav::before, .tc-nav::after { display: none !important; }
.tc-nav__inner {
  width: min(100% - 28px, 1460px);
  height: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  gap: 18px;
}
.tc-nav__brand { display: inline-flex; align-items: center; gap: 9px; min-width: max-content; text-decoration: none; }
.tc-nav__brand-mark {
  display: grid;
  place-items: center;
  width: 39px;
  height: 39px;
  overflow: hidden;
  border: 2px solid #41556b;
  border-radius: 3px;
  background: #0c1621;
}
.tc-nav__brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.tc-nav__brand-text { color: #fff; font-family: var(--tc-font-heading); font-size: 1.16rem; font-weight: 700; letter-spacing: .025em; }
.tc-nav__links { display: flex; align-items: stretch; align-self: stretch; gap: 2px; }
.tc-nav__link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 100%;
  padding: 0 11px;
  border-bottom: 3px solid transparent;
  color: var(--tc-nav-muted) !important;
  font-size: .8rem;
  font-weight: 700;
  text-decoration: none;
  transition: color var(--tc-dur-fast), border-color var(--tc-dur-fast), background var(--tc-dur-fast);
}
.tc-nav__link::after { display: none !important; }
.tc-nav__link:hover,
.tc-nav__link.is-active { color: #fff !important; background: #162437; border-bottom-color: var(--tc-gold); }
.tc-nav__chevron { font-size: .72rem; }
.tc-nav__actions { margin-left: auto; display: flex; align-items: center; gap: 8px; }
.tc-nav__ip-group { display: flex; align-items: center; height: 38px; border: 2px solid #3a4f65; border-radius: 3px; background: #0c1621; }
.tc-nav__online { display: inline-flex; align-items: center; gap: 6px; padding: 0 9px; color: var(--tc-text-muted); font-size: .72rem; white-space: nowrap; }
.tc-nav__online::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--tc-danger); }
.tc-nav__online.is-online::before { background: var(--tc-success); }
.tc-nav__online-dot, .tc-nav__online-text { display: none; }
.tc-nav__ip { height: 100%; border: 0; border-left: 1px solid #3a4f65; background: transparent; color: #fff; padding: 0 10px; cursor: pointer; font: 600 .75rem var(--tc-font-mono); }
.tc-nav__ip:hover { background: #1a2b40; }
.tc-nav__avatar { border-radius: 3px !important; background: var(--tc-gold) !important; color: #101820 !important; }

.tc-dropdown, .tc-nav__links > .tc-dropdown { position: relative; }
.tc-mega,
.tc-dropdown__menu {
  position: absolute;
  top: calc(100% + 2px);
  left: 0;
  min-width: 250px;
  padding: 10px;
  border: 2px solid #40556b;
  border-radius: 3px;
  background: #101c2a !important;
  box-shadow: 0 8px 0 rgba(0,0,0,.25);
  opacity: 0;
  visibility: hidden;
  transform: translateY(4px);
  transition: opacity var(--tc-dur-fast), transform var(--tc-dur-fast), visibility var(--tc-dur-fast);
  backdrop-filter: none !important;
}
.tc-dropdown:hover > .tc-mega,
.tc-dropdown:hover > .tc-dropdown__menu,
.tc-dropdown:focus-within > .tc-mega,
.tc-dropdown:focus-within > .tc-dropdown__menu { opacity: 1; visibility: visible; transform: none; }
.tc-mega { width: min(720px, calc(100vw - 32px)); }
.tc-mega--wiki { width: min(790px, calc(100vw - 32px)); }
.tc-mega__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 4px; }
.tc-mega--wiki .tc-mega__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.tc-mega__item,
.tc-dropdown__item {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: var(--tc-text) !important;
  text-decoration: none;
}
.tc-mega__item:hover, .tc-dropdown__item:hover { border-color: #455c73; background: #1a2a3d; }
.tc-mega__item--wide { grid-column: 1 / -1; }
.tc-mega__icon { display: grid; place-items: center; flex: 0 0 32px; width: 32px; height: 32px; border: 1px solid #485d73; border-radius: 2px; background: #0c1621; color: var(--tc-gold); }
.tc-mega__title { font-family: var(--tc-font-heading); font-size: .87rem; font-weight: 700; }
.tc-mega__desc { color: var(--tc-text-dim); font-size: .7rem; line-height: 1.3; }
.tc-dropdown__menu--end { right: 0; left: auto; }

/* Mobile navigation */
.tc-nav__toggle { display: none; width: 38px; height: 38px; border: 2px solid #43576b; border-radius: 3px; background: #152337; color: #fff; }
.tc-drawer__backdrop { position: fixed; inset: 0; z-index: 700; display: none; background: rgba(0,0,0,.65); }
.tc-drawer__backdrop.is-open { display: block; }
.tc-drawer {
  position: fixed;
  inset: 0 0 0 auto;
  z-index: 710;
  width: min(360px, 92vw);
  overflow-y: auto;
  border-left: 2px solid #40556b;
  background: #101a27;
  transform: translateX(100%);
  transition: transform var(--tc-dur);
}
.tc-drawer.is-open { transform: none; }
.tc-drawer__header { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: 16px; border-bottom: 2px solid #33485e; background: #101a27; }
.tc-drawer__title { font: 700 1rem var(--tc-font-heading); }
.tc-drawer__close { border: 0; background: none; color: #fff; font-size: 1.2rem; }
.tc-drawer__nav { padding: 8px; }
.tc-drawer__item { display: flex; align-items: center; gap: 10px; padding: 10px 11px; border: 1px solid transparent; color: var(--tc-text) !important; text-decoration: none; }
.tc-drawer__item:hover { border-color: #40556b; background: #17263a; }
.tc-drawer__item--sub { padding-left: 30px; color: var(--tc-text-muted) !important; font-size: .82rem; }
.tc-drawer__sep { border: 0; border-top: 1px solid #34485d; }
.tc-mobile-nav { display: none; }

/* Shared buttons */
.tc-btn,
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 38px;
  padding: 8px 15px;
  border: 2px solid #42576d;
  border-radius: 3px !important;
  background: #18283b;
  color: var(--tc-text) !important;
  box-shadow: var(--tc-shadow-sm);
  font: 700 .8rem/1.2 var(--tc-font-body);
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0;
  cursor: pointer;
  transition: border-color var(--tc-dur-fast), background var(--tc-dur-fast), box-shadow var(--tc-dur-fast);
}
.tc-btn:hover, .btn:hover { border-color: #667d94; background: #203249; color: #fff !important; transform: none !important; box-shadow: 0 4px 0 rgba(0,0,0,.25); }
.tc-btn-primary, .btn-primary {
  border-color: #edc263 !important;
  background: var(--tc-gold) !important;
  color: #14191f !important;
}
.tc-btn-primary:hover, .btn-primary:hover { border-color: #ffe096 !important; background: #e8b84e !important; color: #10151b !important; }
.tc-btn-outline, .tc-btn-ghost, .tc-btn-glass, .btn-outline-primary { background: #111d2b !important; color: var(--tc-text) !important; backdrop-filter: none !important; }
.tc-btn-danger, .btn-danger { border-color: #d16666 !important; background: #9d4549 !important; color: #fff !important; }
.tc-btn-success, .btn-success { border-color: #75bd86 !important; background: #477b55 !important; color: #fff !important; }
.tc-btn-lg, .btn-lg { min-height: 44px; padding: 10px 18px; font-size: .86rem; }
.tc-btn-sm, .btn-sm { min-height: 32px; padding: 6px 10px; font-size: .75rem; }
.tc-btn-block, .w-100 { width: 100%; }
.btn-group { display: inline-flex; }
.disabled, :disabled { opacity: .55; cursor: not-allowed; }

/* Cards / panels */
.tc-card,
.card,
.tc-panel,
.tc-mc-panel,
.tc-quest-gui,
.tc-glass-card,
.tc-world-tree-block {
  border: 2px solid var(--tc-line) !important;
  border-radius: 4px !important;
  background: var(--tc-surface) !important;
  color: var(--tc-text);
  box-shadow: var(--tc-shadow-sm) !important;
  backdrop-filter: none !important;
}
.card { margin-bottom: 18px; }
.card-header, .tc-card-header { display: flex; align-items: center; min-height: 48px; padding: 12px 16px; border-bottom: 2px solid var(--tc-line-soft); background: #18283b; }
.card-title, .tc-card-title { margin: 0; font-size: 1rem; }
.card-body, .tc-card-body { padding: 16px; color: var(--tc-text-muted); }
.card-footer { padding: 12px 16px; border-top: 1px solid var(--tc-line); background: #111e2d; }
.card-hover:hover, .tc-card:hover { border-color: #50677e !important; box-shadow: 0 5px 0 rgba(0,0,0,.22) !important; transform: none !important; }
.card-img-top, .card-img-right { object-fit: cover; background: #0d1722; }
.card-img-right { min-height: 220px; }
.tc-feature, .tc-info, .tc-product, .tc-rank { border: 2px solid var(--tc-line) !important; border-radius: 4px !important; background: var(--tc-surface) !important; box-shadow: var(--tc-shadow-sm) !important; backdrop-filter: none !important; }
.tc-feature:hover, .tc-product:hover { transform: none !important; border-color: #566d84 !important; }
.tc-feature__icon { border-radius: 3px !important; background: #0d1824 !important; color: var(--tc-gold) !important; box-shadow: none !important; }
.tc-badge, .badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 7px;
  border: 1px solid #52687d;
  border-radius: 2px !important;
  background: #1a2a3c !important;
  color: #dfe6ec !important;
  font-size: .7rem;
  font-weight: 700;
}

/* Bootstrap grid and utility compatibility for original LeaderOS pages */
.row { --tc-gutter: 20px; display: flex; flex-wrap: wrap; margin-inline: calc(var(--tc-gutter) / -2); }
.row > * { width: 100%; max-width: 100%; padding-inline: calc(var(--tc-gutter) / 2); }
.g-0 { --tc-gutter: 0; }
.col { flex: 1 0 0%; }
.col-auto { flex: 0 0 auto; width: auto; }
.col-4 { flex: 0 0 auto; width: 33.333%; }
.col-6 { flex: 0 0 auto; width: 50%; }
.col-8 { flex: 0 0 auto; width: 66.667%; }
.col-12 { flex: 0 0 auto; width: 100%; }
.d-flex { display: flex !important; }.d-grid { display: grid !important; }.d-none { display: none !important; }.d-block { display: block !important; }
.flex-column { flex-direction: column !important; }.flex-wrap { flex-wrap: wrap !important; }
.align-items-center { align-items: center !important; }.align-items-start { align-items: flex-start !important; }
.justify-content-center { justify-content: center !important; }.justify-content-between { justify-content: space-between !important; }.justify-content-end { justify-content: flex-end !important; }
.gap-1 { gap: 4px !important; }.gap-2 { gap: 8px !important; }.gap-3 { gap: 12px !important; }.gap-4 { gap: 16px !important; }
.h-100 { height: 100%; }.w-full, .w-100 { width: 100% !important; }
.text-center { text-align: center !important; }.text-end { text-align: right !important; }.text-start { text-align: left !important; }
.fw-bold { font-weight: 700 !important; }.small, small { font-size: .78rem; }.fs-sm { font-size: .8rem; }
.mb-0 { margin-bottom: 0 !important; }.mb-1 { margin-bottom: 4px !important; }.mb-2 { margin-bottom: 8px !important; }.mb-3 { margin-bottom: 12px !important; }.mb-4 { margin-bottom: 18px !important; }.mb-5 { margin-bottom: 28px !important; }
.mt-0 { margin-top: 0 !important; }.mt-1 { margin-top: 4px !important; }.mt-2 { margin-top: 8px !important; }.mt-3 { margin-top: 12px !important; }.mt-4 { margin-top: 18px !important; }.mt-5 { margin-top: 28px !important; }
.my-4 { margin-block: 18px !important; }.mx-auto { margin-inline: auto !important; }
.p-0 { padding: 0 !important; }.p-3 { padding: 12px !important; }.p-4 { padding: 18px !important; }.px-4 { padding-inline: 18px !important; }.py-3 { padding-block: 12px !important; }.py-0 { padding-block: 0 !important; }.pb-5 { padding-bottom: 28px !important; }
.border-0 { border: 0 !important; }.rounded, .rounded-2, .rounded-3 { border-radius: 3px !important; }

/* Forms */
.tc-form-group { margin-bottom: 16px; }
.tc-label, .form-label { display: block; margin-bottom: 6px; color: #dce3e9; font-size: .78rem; font-weight: 700; }
.tc-input, .tc-select, .tc-textarea,
.form-control, .form-select,
input[type="text"], input[type="email"], input[type="password"], input[type="number"], input[type="search"], input[type="url"], select, textarea {
  width: 100%;
  min-height: 40px;
  border: 2px solid #3b5066 !important;
  border-radius: 3px !important;
  background: #0d1824 !important;
  color: var(--tc-text) !important;
  padding: 8px 11px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02) !important;
  font: 400 .84rem var(--tc-font-body);
}
textarea, .tc-textarea { min-height: 110px; resize: vertical; }
input::placeholder, textarea::placeholder { color: #718294 !important; }
input:focus, select:focus, textarea:focus, .form-control:focus { border-color: var(--tc-gold) !important; outline: 0; box-shadow: 0 0 0 2px rgba(221,169,59,.12) !important; }
.form-check { display: flex; align-items: center; gap: 8px; }
.form-check-input { width: 17px !important; height: 17px; min-height: 0 !important; padding: 0 !important; }
.input-group { display: flex; }.input-group > .form-control { min-width: 0; }.input-group > .btn { flex: 0 0 auto; }
.select2-container .select2-selection { min-height: 40px; border: 2px solid #3b5066 !important; border-radius: 3px !important; background: #0d1824 !important; color: #fff; }

/* Tables / lists */
.table-responsive { max-width: 100%; overflow-x: auto; border-radius: 0; }
.tc-table, .table { width: 100%; border-collapse: collapse; color: var(--tc-text-muted); font-size: .82rem; }
.tc-table th, .tc-table td, .table th, .table td { padding: 11px 13px; border-bottom: 1px solid #2e4358; text-align: left; vertical-align: middle; }
.tc-table th, .table th { background: #111e2c; color: #e9edf1; font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .045em; }
.table-hover tbody tr:hover { background: #1a2a3d; }
.list-group { margin: 0; padding: 0; list-style: none; }.list-group-item { padding: 11px 14px; border-bottom: 1px solid #2d4155; background: transparent; color: var(--tc-text-muted); }.list-group-item:last-child { border-bottom: 0; }
.linked-list a { text-decoration: none; }
.dropdown-menu { min-width: 190px; padding: 6px; border: 2px solid #40556b; border-radius: 3px; background: #111d2b; box-shadow: 0 6px 0 rgba(0,0,0,.25); }
.dropdown-item { display: block; padding: 8px 10px; border-radius: 2px; color: var(--tc-text) !important; text-decoration: none; }.dropdown-item:hover { background: #1c2d42; }
.nav, .nav-tabs { display: flex; flex-wrap: wrap; gap: 2px; margin: 0 0 16px; padding: 0; border-bottom: 2px solid #35495f; list-style: none; }
.nav-link { display: block; padding: 9px 12px; border: 0; border-bottom: 3px solid transparent; background: none; color: var(--tc-text-muted); text-decoration: none; }.nav-link.active { border-bottom-color: var(--tc-gold); color: #fff; font-weight: 700; }
.tab-pane { display: none; }.tab-pane.active, .tab-pane.show { display: block; }
.tc-pagination, .pagination { display: flex; align-items: center; justify-content: center; gap: 4px; padding: 0; list-style: none; }
.tc-pagination__link, .page-link { display: grid; place-items: center; min-width: 34px; height: 34px; border: 2px solid #3c5167; border-radius: 2px; background: #142235; color: var(--tc-text); text-decoration: none; }
.tc-pagination__link.is-active, .page-item.active .page-link { border-color: var(--tc-gold); background: var(--tc-gold); color: #111820; font-weight: 700; }

/* Breadcrumbs / headers */
.tc-breadcrumb, .breadcrumb { margin: 0 0 18px; padding: 0; color: var(--tc-text-dim); font-size: .75rem; }
.breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; }.breadcrumb-item + .breadcrumb-item::before { content: "/"; margin-right: 6px; color: #65788a; }
.tc-breadcrumb ol { margin: 0; padding: 0; list-style: none; }
.tc-breadcrumb a, .breadcrumb a { color: var(--tc-text-muted); text-decoration: none; }
.tc-breadcrumb__current, .breadcrumb-item.active { color: #fff; }
.tc-section-head, .tc-section-header { margin-bottom: 22px; }
.tc-section-header { display: flex; align-items: end; justify-content: space-between; gap: 18px; }
.tc-section-header h2, .tc-section-head__title { margin: 4px 0 0; }
.tc-section-head__sub { max-width: 680px; margin: 8px 0 0; }
.tc-kicker, .tc-eyebrow { display: inline-flex; color: var(--tc-gold) !important; font: 700 .7rem var(--tc-font-body); letter-spacing: .1em; text-transform: uppercase; }
.tc-text-link { color: var(--tc-text-muted) !important; font-size: .8rem; font-weight: 700; text-decoration: none; white-space: nowrap; }.tc-text-link:hover { color: var(--tc-gold) !important; }

/* Alerts / empty states */
.tc-alert, .alert { display: flex; align-items: flex-start; gap: 10px; padding: 12px 14px; border: 2px solid #40566d; border-radius: 3px; background: #132236; color: var(--tc-text-muted); }
.alert-danger, .tc-alert--danger { border-color: #8e4c51; }.alert-success, .tc-alert--success { border-color: #4f805b; }.alert-warning, .tc-alert--warning { border-color: #9d792c; }
.tc-empty, .empty { padding: 32px 18px; text-align: center; }.empty-icon { font-size: 2rem; color: var(--tc-text-dim); }

/* Home */
.tc-home-hero {
  position: relative;
  min-height: min(690px, 72vh);
  display: grid;
  align-items: center;
  overflow: hidden;
  border-bottom: 2px solid #3a4e62;
  background: #0b131d;
}
.tc-home-hero::before { content: ""; position: absolute; inset: 0; background-image: var(--hero-image); background-size: cover; background-position: center; }
.tc-home-hero::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(6,11,18,.96) 0%, rgba(6,11,18,.82) 44%, rgba(6,11,18,.28) 76%, rgba(6,11,18,.42) 100%); }
.tc-home-hero__inner { position: relative; z-index: 1; width: min(100% - 32px, var(--tc-container)); }
.tc-home-hero__content { max-width: 660px; padding-block: 72px; }
.tc-home-hero h1 { max-width: 650px; margin: 9px 0 14px; color: #fff; font-size: var(--tc-fs-display); text-shadow: 0 3px 0 rgba(0,0,0,.35); }
.tc-home-hero p { max-width: 610px; margin: 0; color: #d1d9e1; font-size: clamp(.93rem, 1.3vw, 1.06rem); line-height: 1.65; }
.tc-home-hero__status { display: flex; align-items: center; flex-wrap: wrap; gap: 9px 13px; margin-top: 22px; color: #e1e7ec; font-size: .8rem; }
.tc-home-hero__status > span:last-child { color: #b4c0cb; font-family: var(--tc-font-mono); }
.tc-status-dot { width: 9px; height: 9px; border: 2px solid #e48b8b; border-radius: 50%; background: #9a4248; }.tc-status-dot.is-online { border-color: #9bd3a8; background: #4f8b5d; }
.tc-home-hero__actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.tc-step-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tc-step-card { display: grid; grid-template-columns: 48px 1fr; gap: 13px; min-height: 145px; padding: 18px; border: 2px solid var(--tc-line); border-radius: 4px; background: var(--tc-surface); box-shadow: var(--tc-shadow-sm); }
.tc-step-card > span { color: var(--tc-gold); font: 700 1rem var(--tc-font-mono); }
.tc-step-card h3 { margin: 0 0 7px; }.tc-step-card p { margin: 0; font-size: .83rem; }
.tc-world-preview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.tc-world-preview { position: relative; isolation: isolate; min-height: 185px; display: flex; align-items: end; overflow: hidden; border: 2px solid #40546a; border-radius: 4px; background: #101923; color: #fff !important; text-decoration: none; box-shadow: var(--tc-shadow-sm); }
.tc-world-preview::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: var(--world-image); background-size: cover; background-position: center; transition: filter var(--tc-dur); }
.tc-world-preview::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(5,9,14,.14), rgba(5,9,14,.93)); }
.tc-world-preview:hover { border-color: #71859a; color: #fff !important; }.tc-world-preview:hover::before { filter: brightness(1.08); }
.tc-world-preview > div { padding: 16px; }.tc-world-preview h3 { display: inline; margin-left: 6px; color: #fff; }.tc-world-preview p { margin: 4px 0 0; color: #c6d0d9; font-size: .76rem; }
.tc-world-preview__unlock { position: absolute; top: 10px; right: 10px; padding: 4px 7px; border: 1px solid rgba(255,255,255,.35); border-radius: 2px; background: rgba(8,14,21,.84); color: #fff; font: 700 .68rem var(--tc-font-mono); }
.tc-guide-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.tc-guide-link { display: flex; align-items: flex-start; gap: 12px; padding: 16px; border: 2px solid var(--tc-line); border-radius: 4px; background: var(--tc-surface); color: var(--tc-text) !important; text-decoration: none; box-shadow: var(--tc-shadow-sm); }
.tc-guide-link:hover { border-color: #5b7187; background: var(--tc-surface-2); }.tc-guide-link > i { flex: 0 0 auto; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #4a6076; border-radius: 2px; background: #0e1925; color: var(--tc-gold); font-size: 1.05rem; }
.tc-guide-link h3 { margin: 0 0 4px; }.tc-guide-link p { margin: 0; font-size: .78rem; }
.tc-news-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
.tc-news-card { overflow: hidden; border: 2px solid var(--tc-line); border-radius: 4px; background: var(--tc-surface); box-shadow: var(--tc-shadow-sm); }
.tc-news-card__image { display: block; height: 155px; overflow: hidden; border-bottom: 2px solid var(--tc-line); background: #0d1722; }.tc-news-card__image img { width: 100%; height: 100%; object-fit: cover; }
.tc-news-card__body { padding: 15px; }.tc-news-card__meta { display: flex; justify-content: space-between; gap: 8px; color: var(--tc-text-dim); font-size: .69rem; }.tc-news-card__meta span { color: var(--tc-gold); font-weight: 700; }
.tc-news-card h3 { margin: 8px 0 7px; }.tc-news-card h3 a { color: #fff; text-decoration: none; }.tc-news-card p { margin: 0; font-size: .78rem; }
.tc-join-band { display: flex; align-items: center; justify-content: space-between; gap: 28px; padding: 24px; border: 2px solid #5d5137; border-radius: 4px; background: #172435; box-shadow: var(--tc-shadow); }
.tc-join-band h2 { margin: 4px 0 6px; }.tc-join-band p { margin: 0; }.tc-join-band__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 9px; }

/* Wiki shared surfaces: compact headers, vertical grids, restrained accents */
.tc-wiki-page { padding-top: 32px; }
.tc-wiki-header { display: grid; grid-template-columns: 1fr auto; align-items: end; gap: 20px; margin: 16px 0 22px; padding: 22px; border: 2px solid var(--tc-line); border-radius: 4px; background: var(--tc-surface); box-shadow: var(--tc-shadow-sm); }
.tc-wiki-header h1 { margin: 5px 0 7px; font-size: clamp(1.85rem, 3.5vw, 2.65rem); }.tc-wiki-header p { max-width: 720px; margin: 0; }.tc-wiki-header__icon { display: grid; place-items: center; width: 58px; height: 58px; border: 2px solid #53687c; border-radius: 3px; background: #0e1925; color: var(--tc-gold); font-size: 1.65rem; }
.tc-wiki-nav { position: sticky; top: calc(var(--tc-header-h) + 8px); z-index: 80; display: flex; gap: 3px; overflow-x: auto; margin-bottom: 22px; padding: 5px; border: 2px solid var(--tc-line); border-radius: 3px; background: #101c2a; scrollbar-width: thin; cursor: grab; }
.tc-wiki-nav a { flex: 0 0 auto; padding: 8px 10px; border-bottom: 2px solid transparent; color: var(--tc-text-muted); font-size: .75rem; font-weight: 700; text-decoration: none; }.tc-wiki-nav a:hover, .tc-wiki-nav a.is-active { border-bottom-color: var(--tc-gold); color: #fff; background: #18283b; }
.tc-wiki-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 12px; }
.tc-wiki-card { padding: 16px; border: 2px solid var(--tc-line); border-radius: 4px; background: var(--tc-surface); box-shadow: var(--tc-shadow-sm); }.tc-wiki-card:hover { border-color: #566e85; }.tc-wiki-card h2, .tc-wiki-card h3 { margin: 0 0 7px; }.tc-wiki-card p { margin: 0; font-size: .82rem; }.tc-wiki-card__icon { width: 34px; height: 34px; display: grid; place-items: center; margin-bottom: 12px; border: 1px solid #4d6276; border-radius: 2px; background: #0d1824; color: var(--tc-gold); }
.tc-wiki-card__meta { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 12px; }.tc-wiki-card__meta span { padding: 3px 6px; border: 1px solid #435a70; border-radius: 2px; color: var(--tc-text-muted); font-size: .68rem; }
.tc-wiki-panel { margin-top: 18px; padding: 18px; border: 2px solid var(--tc-line); border-radius: 4px; background: var(--tc-surface); box-shadow: var(--tc-shadow-sm); }.tc-wiki-panel > h2 { margin-bottom: 14px; }
.tc-wiki-list { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }.tc-wiki-list li { display: grid; grid-template-columns: 30px 1fr; gap: 10px; padding: 11px; border: 1px solid #32485e; border-radius: 2px; background: #111e2c; }.tc-wiki-list li > span:first-child { color: var(--tc-gold); font: 700 .78rem var(--tc-font-mono); }.tc-wiki-list strong { color: #fff; }.tc-wiki-list p { margin: 3px 0 0; font-size: .78rem; }
.tc-wiki-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 8px; margin-bottom: 18px; }.tc-wiki-fact { padding: 11px 12px; border: 1px solid #364d63; border-radius: 2px; background: #101d2b; }.tc-wiki-fact span { display: block; color: var(--tc-text-dim); font-size: .68rem; }.tc-wiki-fact strong { display: block; margin-top: 2px; color: #fff; font: 700 .86rem var(--tc-font-mono); }
.tc-wiki-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.tc-world-route { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 7px; margin-top: 14px; }.tc-world-route a { display: block; padding: 10px; border: 1px solid #354c62; border-radius: 2px; background: #111e2c; color: var(--tc-text) !important; text-decoration: none; }.tc-world-route a:hover { border-color: #5a7188; }.tc-world-route strong, .tc-world-route span { display: block; }.tc-world-route strong { font-size: .8rem; }.tc-world-route span { margin-top: 2px; color: var(--tc-text-dim); font: 500 .66rem var(--tc-font-mono); }
.tc-rank-compare { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 12px; }.tc-rank-compare .tc-wiki-card { display: flex; flex-direction: column; }.tc-rank-compare ul { display: grid; gap: 8px; margin: 8px 0 18px; padding: 0; list-style: none; }.tc-rank-compare li { display: flex; align-items: flex-start; gap: 8px; color: var(--tc-text-muted); font-size: .82rem; }.tc-rank-compare li i { color: var(--tc-success); }.tc-rank-compare .tc-btn { margin-top: auto; }
.tc-world-header { position: relative; isolation: isolate; min-height: 300px; display: flex; align-items: end; overflow: hidden; margin: 16px 0 16px; border: 2px solid #465b70; border-radius: 4px; background: #0d1722; box-shadow: var(--tc-shadow); }.tc-world-header::before { content: ""; position: absolute; inset: 0; z-index: -2; background-image: var(--world-image); background-size: cover; background-position: center; }.tc-world-header::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(5,10,16,.96), rgba(5,10,16,.7) 60%, rgba(5,10,16,.3)); }.tc-world-header__content { max-width: 720px; padding: 28px; }.tc-world-header h1 { margin: 5px 0 8px; color: #fff; }.tc-world-header p { margin: 0; color: #d0d9e1; }.tc-wiki-layout { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 14px; }.tc-wiki-layout .tc-wiki-panel { margin-top: 0; }.tc-mini-quest-list { display: grid; gap: 8px; }.tc-mini-quest-list > div { display: grid; grid-template-columns: 30px 1fr; gap: 9px; padding: 9px; border: 1px solid #344a60; border-radius: 2px; background: #111e2c; }.tc-mini-quest-list i { color: var(--tc-gold); }.tc-mini-quest-list strong, .tc-mini-quest-list small { display: block; }.tc-mini-quest-list strong { color: #fff; font-size: .8rem; }.tc-mini-quest-list small { margin-top: 2px; color: var(--tc-text-muted); font-size: .7rem; line-height: 1.4; }.tc-world-pager { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 16px; }.tc-world-pager a { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 12px; border: 2px solid var(--tc-line); border-radius: 3px; background: var(--tc-surface); color: var(--tc-text-muted) !important; text-decoration: none; }.tc-world-pager a:last-child { text-align: right; }.tc-world-pager a:hover { border-color: #5c738a; color: #fff !important; }.tc-world-pager small { display: block; color: #fff; font-weight: 700; }
.tc-tab-bar, .tc-quest-world-tabs, .tc-tabs { display: flex; gap: 2px; overflow-x: auto; border-bottom: 2px solid #354a60; scrollbar-width: thin; cursor: grab; }.tc-tab, .tc-quest-tab { flex: 0 0 auto; border: 0 !important; border-bottom: 3px solid transparent !important; border-radius: 0 !important; background: transparent !important; color: var(--tc-text-muted) !important; box-shadow: none !important; }.tc-tab.is-active, .tc-quest-tab.is-active { border-bottom-color: var(--tc-gold) !important; color: #fff !important; font-weight: 700; }
.tc-quest-panel, .tc-adv-panel, .tc-mc-tabpanel { display: none; }.tc-quest-panel.is-active, .tc-adv-panel.is-active, .tc-mc-tabpanel.is-active { display: block; animation: tc-fade .2s ease; }
@keyframes tc-fade { from { opacity: 0; } to { opacity: 1; } }
.tc-quest-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)); gap: 10px; }.tc-quest-card { display: grid; grid-template-columns: 34px 1fr; gap: 10px; padding: 13px; border: 2px solid var(--tc-line); border-radius: 3px; background: var(--tc-surface); }.tc-quest-card__num { color: var(--tc-gold); font: 700 .72rem var(--tc-font-mono); }.tc-quest-card__icon { display: none; }.tc-quest-card__title { margin: 0 0 4px; font-size: 1rem; }.tc-quest-card__desc { margin: 0 0 8px; font-size: .78rem; }.tc-quest-panel__head { display: flex; align-items: end; justify-content: space-between; gap: 14px; margin: 16px 0; }.tc-quest-toolbar { padding: 0 !important; background: transparent !important; }.tc-quest-search { position: relative; margin-top: 10px; }.tc-quest-search > i { position: absolute; left: 11px; top: 12px; color: var(--tc-text-dim); }.tc-quest-search input { padding-left: 34px; }.tc-quest-search__clear { position: absolute; right: 5px; top: 5px; width: 30px; height: 30px; border: 0; background: none; color: var(--tc-text-muted); }

/* Neutralize legacy wiki spectacle while old templates are progressively shared */
.tc-mc-hero { margin: 16px 0 18px !important; padding: 20px !important; min-height: 0 !important; border: 2px solid var(--tc-line) !important; border-radius: 4px !important; background: var(--tc-surface) !important; box-shadow: var(--tc-shadow-sm) !important; text-align: left !important; backdrop-filter: none !important; }
.tc-mc-hero::before, .tc-mc-hero::after, .tc-particle-bg { display: none !important; }.tc-mc-hero__icon { float: right; width: 48px !important; height: 48px !important; border: 2px solid #4b6075 !important; border-radius: 3px !important; background: #0d1824 !important; color: var(--tc-gold) !important; box-shadow: none !important; }.tc-mc-hero__title { margin: 5px 0 7px !important; font-size: clamp(1.8rem, 3vw, 2.5rem) !important; color: #fff !important; background: none !important; -webkit-text-fill-color: currentColor !important; }.tc-mc-hero__desc { margin: 0 !important; max-width: 760px !important; color: var(--tc-text-muted) !important; }.tc-mc-stats { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important; gap: 8px !important; }.tc-mc-stat, .tc-wiki-stat { display:grid !important; gap:3px !important; padding: 11px !important; border: 1px solid #364c62 !important; border-radius: 2px !important; background: #111e2c !important; box-shadow: none !important; }.tc-mc-stat__label { display:block !important; color: var(--tc-text-dim) !important; }.tc-mc-stat__value { display:block !important; color: #fff !important; font-size: .85rem !important; }.tc-mc-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)) !important; gap: 10px !important; }.tc-mc-slot { min-height: 0 !important; padding: 13px !important; border: 2px solid var(--tc-line) !important; border-radius: 3px !important; background: var(--tc-surface) !important; box-shadow: none !important; transform: none !important; }.tc-mc-slot:hover { border-color: #597086 !important; transform: none !important; }.tc-mc-slot__icon { border-radius: 2px !important; background: #0e1925 !important; color: var(--tc-gold) !important; box-shadow: none !important; }.tc-mc-slot__title { color: #fff !important; }.tc-mc-slot__desc { color: var(--tc-text-muted) !important; }.tc-mc-slot__index { color: var(--tc-gold) !important; }
.tc-focus-rail { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 340px), 1fr)) !important; gap: 10px !important; overflow: visible !important; scroll-snap-type: none !important; }.tc-focus-card { width: auto !important; min-width: 0 !important; min-height: 0 !important; padding: 15px !important; border: 2px solid var(--tc-line) !important; border-radius: 3px !important; background: var(--tc-surface) !important; box-shadow: none !important; scroll-snap-align: none !important; }.tc-focus-card__art, .tc-focus-nav { display: none !important; }.tc-focus-card__title { color: #fff !important; }.tc-focus-card__text { color: var(--tc-text-muted) !important; font-size: .8rem !important; }.tc-focus-card__hint span { border-radius: 2px !important; background: #0d1824 !important; color: var(--tc-text-muted) !important; }
.tc-world-visual { min-height: 210px !important; border: 2px solid #41566c !important; border-radius: 4px !important; box-shadow: var(--tc-shadow-sm) !important; transform: none !important; }.tc-world-visual:hover { transform: none !important; border-color: #6d8297 !important; }.tc-world-visual__rb { backdrop-filter: none !important; }.tc-worlds-tint { display: none !important; }
.tc-progression, .tc-scroller { overflow: visible !important; scroll-snap-type: none !important; }
.tc-gradient-text, [class*="gradient-text"] { background: none !important; color: var(--tc-text) !important; -webkit-text-fill-color: currentColor !important; }

/* Footer */
.tc-footer { margin-top: 40px; padding: 46px 0 26px; border-top: 2px solid #3b4f64; background: #0d1722 !important; color: var(--tc-text-muted); }
.tc-footer::before { display: none !important; }.tc-footer__grid { display: grid; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 28px; }.tc-footer__about { max-width: 360px; font-size: .8rem; }.tc-footer__col-title { margin: 0 0 10px; color: #fff; font-size: .9rem; }.tc-footer__links { display: grid; gap: 7px; }.tc-footer__link { color: var(--tc-text-muted) !important; font-size: .77rem; text-decoration: none; }.tc-footer__link:hover { color: var(--tc-gold) !important; }.tc-footer__social { display: flex; gap: 6px; margin-top: 14px; }.tc-footer__social-link { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #40556b; border-radius: 2px; background: #142235; color: #fff !important; }.tc-footer .tc-cta-band { margin: 30px 0 22px !important; padding: 16px !important; border: 2px solid #374c61 !important; border-radius: 3px !important; background: #111e2c !important; box-shadow: none !important; }.tc-footer__bottom { display: flex; justify-content: space-between; gap: 14px; padding-top: 18px; border-top: 1px solid #2e4256; font-size: .72rem; }

/* Modals */
.tc-modal { position: fixed; inset: 0; z-index: var(--tc-z-modal); display: none; align-items: center; justify-content: center; padding: 16px; }.tc-modal.is-open { display: flex; }.tc-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.75); backdrop-filter: none !important; }.tc-modal__panel { position: relative; width: min(540px, 100%); max-height: calc(100vh - 32px); overflow: auto; border: 2px solid #52677b; border-radius: 4px; background: #122033; box-shadow: 0 10px 0 rgba(0,0,0,.3); }.tc-modal__body { padding: 20px; }.tc-modal__close { position: absolute; top: 8px; right: 8px; z-index: 2; width: 34px; height: 34px; border: 2px solid #53697e; border-radius: 2px; background: #0e1925; color: #fff; }
.modal { position: fixed; inset: 0; z-index: 1200; display: none; overflow-y: auto; background: rgba(0,0,0,.72); }.modal.show { display: block; }.modal-dialog { width: min(620px, calc(100% - 32px)); margin: 60px auto; }.modal-content { border: 2px solid #53687c; border-radius: 4px; background: #132236; }.modal-header, .modal-body, .modal-footer { padding: 16px; }.modal-header { border-bottom: 1px solid #354b61; }.modal-footer { border-top: 1px solid #354b61; }

.tc-back-to-top { position: fixed; right: 16px; bottom: 16px; z-index: 400; width: 36px; height: 36px; display: grid; place-items: center; border: 2px solid #4b6075; border-radius: 3px; background: #132236; color: #fff; opacity: 0; pointer-events: none; transition: opacity var(--tc-dur-fast); }.tc-back-to-top.is-visible { opacity: 1; pointer-events: auto; }.tc-scroll-progress { position: fixed; top: 0; left: 0; z-index: 1200; height: 2px; background: var(--tc-gold); }
.tc-toast-wrap { position: fixed; top: calc(var(--tc-header-h) + 12px); right: 14px; z-index: var(--tc-z-toast); display: grid; gap: 7px; pointer-events: none; }.tc-toast { width: min(360px, calc(100vw - 28px)); display: flex; align-items: center; gap: 9px; padding: 11px 13px; border: 2px solid #52687e; border-radius: 3px; background: #101d2b; color: #fff; box-shadow: 0 5px 0 rgba(0,0,0,.25); opacity: 0; transform: translateY(-4px); transition: opacity var(--tc-dur-fast), transform var(--tc-dur-fast); }.tc-toast.is-visible { opacity: 1; transform: none; }.tc-toast--success { border-color: #5c9169; }.tc-toast--error { border-color: #9f565b; }.tc-toast i { color: var(--tc-gold); }

/* Responsive */
@media (min-width: 768px) {
  .col-md-3 { flex: 0 0 auto; width: 25%; }.col-md-4 { flex: 0 0 auto; width: 33.333%; }.col-md-5 { flex: 0 0 auto; width: 41.667%; }.col-md-6 { flex: 0 0 auto; width: 50%; }.col-md-7 { flex: 0 0 auto; width: 58.333%; }.col-md-8 { flex: 0 0 auto; width: 66.667%; }.col-md-9 { flex: 0 0 auto; width: 75%; }.col-md-12 { flex: 0 0 auto; width: 100%; }
  .d-md-block { display: block !important; }.d-md-flex { display: flex !important; }
}
@media (min-width: 992px) {
  .col-lg-3 { flex: 0 0 auto; width: 25%; }.col-lg-4 { flex: 0 0 auto; width: 33.333%; }.col-lg-6 { flex: 0 0 auto; width: 50%; }.col-lg-8 { flex: 0 0 auto; width: 66.667%; }.col-lg-9 { flex: 0 0 auto; width: 75%; }
  .d-lg-block { display: block !important; }.d-lg-flex { display: flex !important; }.flex-lg-row { flex-direction: row !important; }.mb-lg-0 { margin-bottom: 0 !important; }
}
@media (max-width: 1180px) {
  .tc-nav__brand-text { display: none; }
  .tc-nav__link { padding-inline: 8px; }
  .tc-nav__link i:not(.tc-nav__chevron) { display: none; }
  .tc-nav__ip-text { display: none; }
}
@media (max-width: 940px) {
  .tc-nav__links { display: none; }
  .tc-nav__toggle { display: grid; place-items: center; }
  .tc-nav__brand-text { display: inline; }
  .tc-home-hero { min-height: 610px; }
  .tc-home-hero::after { background: rgba(6,11,18,.8); }
  .tc-step-grid, .tc-world-preview-grid, .tc-guide-grid, .tc-news-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .tc-footer__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }.tc-footer__brand { grid-column: 1 / -1; }
  .tc-wiki-layout { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
	[data-reveal="left"], [data-reveal="right"] { transform: translateY(16px); }
	[data-reveal="left"].is-revealed, [data-reveal="right"].is-revealed { transform: none; }
  :root { --tc-header-h: 60px; }
  .tc-container, .container, .container-lg, .container-xl { width: min(100% - 22px, var(--tc-container)); }
  .tc-section, .section { padding-block: 34px; }.section { padding-top: calc(var(--tc-header-h) + 24px); }
  .tc-nav__inner { width: calc(100% - 18px); gap: 7px; }.tc-nav__brand-text { display: none; }.tc-nav__ip-group { display: none; }
  .tc-home-hero { min-height: 570px; }.tc-home-hero__content { padding-block: 52px; }.tc-home-hero h1 { font-size: clamp(2.15rem, 11vw, 3.2rem); }
  .tc-home-hero__actions, .tc-home-hero__actions .tc-btn { width: 100%; }
  .tc-step-grid, .tc-world-preview-grid, .tc-guide-grid, .tc-news-grid { grid-template-columns: 1fr; }
  .tc-section-header { align-items: flex-start; flex-direction: column; gap: 8px; }.tc-text-link { white-space: normal; }
  .tc-join-band { align-items: stretch; flex-direction: column; }.tc-join-band__actions, .tc-join-band__actions .tc-btn { width: 100%; }
  .tc-wiki-header { grid-template-columns: 1fr; }.tc-wiki-header__icon { display: none; }
  .tc-footer__grid { grid-template-columns: 1fr 1fr; gap: 22px 16px; }.tc-footer__brand { grid-column: 1 / -1; }.tc-footer__bottom { flex-direction: column; }
  .tc-footer .tc-cta-band .tc-flex { align-items: stretch; flex-direction: column; }.tc-footer .tc-cta-band .tc-btn { width: 100%; }
  .table-responsive { margin-inline: -1px; }
  .tc-mobile-nav { position: fixed; inset: auto 0 0; z-index: 480; display: block; border-top: 2px solid #3b5065; background: #101a27; }.tc-mobile-nav__items { display: grid; grid-template-columns: repeat(4, 1fr); }.tc-mobile-nav__item { min-height: 54px; display: grid; place-items: center; align-content: center; gap: 1px; color: var(--tc-text-muted) !important; font-size: .62rem; text-decoration: none; }.tc-mobile-nav__item i { font-size: 1.1rem; }.tc-mobile-nav__item:hover { color: var(--tc-gold) !important; }
  body.tc-page { padding-bottom: 54px; }.tc-back-to-top { bottom: 68px; }
}

/* =====================================================================
   FabrikaTycoon 2.2 — handcrafted cherry refinements
   Fewer rounded boxes, stronger pink canvas and one consistent frame rhythm.
   ===================================================================== */
body.tc-page {
  background:
    radial-gradient(circle at 12% 10%, rgba(238,112,157,.24), transparent 25rem),
    radial-gradient(circle at 88% 22%, rgba(244,151,183,.28), transparent 30rem),
    linear-gradient(180deg,#f8dce7 0%,#fce8ef 48%,#f4d2de 100%) !important;
}
body.tc-page::before {
  opacity: .95;
  background-image:
    radial-gradient(ellipse at 16% 24%,rgba(202,70,115,.13) 0 4px,transparent 5px),
    radial-gradient(ellipse at 76% 12%,rgba(225,86,134,.11) 0 5px,transparent 6px),
    radial-gradient(ellipse at 44% 78%,rgba(193,62,108,.09) 0 4px,transparent 5px);
}
.tc-section--muted { background: rgba(239,190,207,.48); border-color: #d895ad; }

/* One measured header height for every control. */
.tc-nav { background: linear-gradient(180deg,#fae6e8 0%,#f4cfd9 100%) !important; border-bottom-color: #70404f; }
.tc-nav__inner { gap: 7px; }
.tc-nav__brand,
.tc-nav__link,
.tc-nav__ip-group,
.tc-nav__actions > .tc-btn,
.tc-nav__toggle,
.tc-nav__avatar {
  height: 44px !important;
  min-height: 44px !important;
  border-radius: 2px !important;
}
.tc-nav__brand { padding: 3px 9px 3px 4px; border-bottom-width: 3px; }
.tc-nav__brand-mark { width: 34px; height: 34px; border-radius: 1px; }
.tc-nav__links { align-self: auto; height: 44px; padding: 0; }
.tc-nav__link { border-bottom-width: 3px; padding-inline: 11px; }
.tc-nav__ip-group { border-bottom-width: 3px; }
.tc-nav__avatar { width: 44px; display: grid; place-items: center; }
.tc-nav__toggle { width: 44px; border-bottom-width: 3px; }
.tc-mega, .tc-dropdown__menu { border-radius: 3px; border-bottom-width: 3px; background: #fbe5ed !important; }
.tc-mega__item, .tc-dropdown__item, .tc-mega__icon { border-radius: 2px; }

/* Flatter surfaces: uniform frame, no decorative side stripe. */
.tc-card, .card, .tc-panel, .tc-surface,
.tc-feature, .tc-info, .tc-product, .tc-rank,
.tc-wiki-card, .tc-wiki-panel, .tc-quest-card, .tc-mc-slot,
.tc-focus-card, .tc-news-card, .tc-guide-link, .tc-step-card,
.tc-gem-detail, .tc-gem-info-block, .tc-gem-choice,
.tc-wiki-header, .tc-wiki-fact, .tc-mc-stat, .tc-wiki-stat {
  border: 1px solid #bd6b87 !important;
  border-radius: 3px !important;
  background: rgba(255,240,246,.96) !important;
  box-shadow: var(--tc-shadow-sm) !important;
}
.tc-wiki-panel, .tc-gem-detail { background: rgba(250,225,235,.97) !important; }
.tc-wiki-header { background: linear-gradient(135deg,#f8d7e3,#fdebf1) !important; }
.tc-wiki-header__icon,
.tc-feature__icon, .tc-wiki-card__icon, .tc-mc-slot__icon, .tc-item-card__icon {
  border-radius: 2px !important;
  background: #f4cfdd !important;
}
.tc-wiki-list li, .tc-mini-quest-list > div, .tc-world-route a,
.tc-start-economy-list article {
  border: 1px solid #dda1b6;
  border-radius: 2px;
  background: rgba(255,238,244,.82);
}
.tc-quest-card { border-left: 1px solid #bd6b87 !important; }
.tc-world-page .tc-wiki-list li,
.tc-world-page .tc-mini-quest-list > div { border-left: 1px solid color-mix(in srgb,var(--world-accent) 52%,#bd6b87); }
.tc-gem-choice.is-active { box-shadow: inset 0 -3px 0 var(--gem-color),var(--tc-shadow-sm) !important; }

/* Compact square game controls. */
.tc-btn, .btn { border-radius: 3px !important; border-bottom-width: 3px !important; }
.tc-category-scroller__button, .tc-quest-tab { border-radius: 3px !important; }
.tc-quest-tab { border-bottom-width: 3px !important; background: #f9e2ea !important; }
.tc-quest-tab.is-active { background: color-mix(in srgb,var(--world-color,var(--tc-pink)) 17%,#f9e2ea) !important; }
.tc-quest-gui { border: 1px solid #bd6b87; border-radius: 3px; background: rgba(246,211,224,.72); }
.tc-gem-detail__image, .tc-ore-source { border-radius: 3px; }
.tc-ore-source__popover { border-radius: 2px; background: #fae4ec; }

/* Obvious, deliberate hover states for guide choices. */
.tc-guide-link, a.tc-wiki-card {
  transition: transform 180ms ease,background-color 180ms ease,border-color 180ms ease,box-shadow 180ms ease;
}
.tc-guide-link:hover, a.tc-wiki-card:hover {
  border-color: #8f3557 !important;
  background: #efbfd0 !important;
  color: #472330 !important;
  transform: translateY(-3px);
  box-shadow: 0 5px 0 rgba(102,43,64,.20) !important;
}
.tc-guide-link:hover > i, a.tc-wiki-card:hover .tc-wiki-card__icon { background: #e89ab6 !important; color: #61253d !important; }
.tc-guide-link:hover h3, a.tc-wiki-card:hover h3 { color: #472330; }

/* Home palette and readable news titles. */
.tc-home-hero::after {
  background: linear-gradient(90deg,rgba(63,17,31,.92) 0%,rgba(137,36,68,.76) 48%,rgba(236,112,151,.22) 82%,rgba(96,22,45,.36) 100%);
}
.tc-home-hero__content .tc-btn-outline,
.tc-home-hero__content .tc-btn-ghost { background: rgba(252,218,230,.92) !important; color: #542538 !important; }
.tc-news-card__body { background: #f8dce6; }
.tc-news-card h3 a { color: #482936 !important; }
.tc-news-card h3 a:hover { color: #a73360 !important; }
.tc-join-band { background: linear-gradient(135deg,#9f3d62,#d7658e); border-color: #6f2d46; }

/* Start page now owns both factory and economy guidance. */
.tc-start-guide { scroll-margin-top: calc(var(--tc-header-h) + 22px); }
.tc-start-guide__columns { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(0,.92fr); gap: 22px; }
.tc-start-guide__columns > div > h3 { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
.tc-start-guide__columns > div > h3 i { color: var(--tc-pink-deep); }
.tc-start-economy-list { display: grid; gap: 8px; }
.tc-start-economy-list article { display: grid; grid-template-columns: 28px minmax(0,1fr); gap: 10px; padding: 11px; }
.tc-start-economy-list article > span { color: var(--tc-pink-deep); font: 700 .75rem var(--tc-font-mono); }
.tc-start-economy-list strong, .tc-start-economy-list p, .tc-start-economy-list code { display: block; }
.tc-start-economy-list p { margin: 3px 0 7px; font-size: .78rem; }
.tc-start-guide__commands { margin: 18px 0 0; }

/* World index atmosphere smoothly follows the hovered card. */
.tc-world-hover-atmosphere {
  position: fixed;
  inset: var(--tc-header-h) 0 0;
  z-index: 70;
  pointer-events: none;
  opacity: 0;
  background-color: var(--world-hover-color,#dc2626);
  mix-blend-mode: multiply;
  transition: background-color 380ms cubic-bezier(.22,.7,.2,1),opacity 220ms ease;
}
.tc-world-hover-atmosphere.is-active { opacity: .17; }
[data-world-hover] { border: 2px solid #91516a; border-radius: 3px; transition: transform 280ms cubic-bezier(.22,.7,.2,1),border-color 280ms ease,box-shadow 280ms ease,filter 280ms ease; }
[data-world-hover]:hover, [data-world-hover]:focus-visible { border-color: var(--world-accent); transform: translateY(-5px); box-shadow: 0 7px 0 color-mix(in srgb,var(--world-accent) 35%,rgba(65,28,42,.35)); filter: saturate(1.08); }
.tc-world-preview { border-bottom-width: 2px; }

/* Authentication and footer remain pink instead of returning to white. */
.tc-page-auth .tc-auth-main { background: radial-gradient(circle at 85% 12%,rgba(222,85,133,.22),transparent 25rem),#f5d5e0 !important; }
.tc-page-auth .card, .tc-page-auth .tc-auth-card { background: #fae6ed !important; border-radius: 3px !important; }
.tc-footer { background: linear-gradient(180deg,#f3c9d7,#edb9cb) !important; }
.tc-footer .tc-cta-band { background: rgba(250,226,235,.82) !important; border-radius: 3px !important; }
.tc-mobile-nav { background: #f2c8d7 !important; }

@media (max-width: 940px) {
  .tc-start-guide__columns { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .tc-world-hover-atmosphere { display: none; }
  .tc-nav__brand, .tc-nav__toggle { height: 42px !important; min-height: 42px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

/* Compact wiki catalogs */
.tc-wiki-panel__heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:18px; }
.tc-wiki-panel__heading h2 { margin:3px 0 0; }
.tc-wiki-panel__heading > p { max-width:440px; margin:0; color:var(--tc-text-muted); font-size:.82rem; text-align:right; }
.tc-gem-catalog { display:grid; grid-template-columns:repeat(auto-fill,minmax(235px,1fr)); gap:10px; }
.tc-gem-card { display:grid; grid-template-columns:54px minmax(0,1fr) auto; align-items:center; gap:11px; min-height:78px; padding:10px 12px; border:2px solid var(--tc-line); border-left-color:var(--gem-color); border-radius:3px; background:var(--tc-surface-2); }
.tc-gem-card img { width:48px; height:48px; object-fit:contain; image-rendering:auto; }
.tc-gem-card span { display:block; color:var(--tc-text-muted); font-size:.68rem; font-weight:700; text-transform:uppercase; letter-spacing:.05em; }
.tc-gem-card h3 { margin:2px 0 0; font-size:.92rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.tc-gem-card > strong { color:var(--tc-gold); font:800 1rem var(--tc-font-heading); }
.tc-item-catalog { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr)); gap:12px; }
.tc-item-card { display:grid; grid-template-columns:70px minmax(0,1fr); gap:14px; padding:15px; border:2px solid var(--tc-line); border-radius:3px; background:var(--tc-surface-2); }
.tc-item-card__icon { display:grid; place-items:center; width:70px; height:70px; border:2px solid #52677d; border-radius:2px; background:#0f1a27; }
.tc-item-card__body > span { color:var(--tc-gold); font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }
.tc-item-card h3 { margin:3px 0 5px; font-size:1rem; }
.tc-item-card p { margin:0 0 9px; color:var(--tc-text-muted); font-size:.82rem; line-height:1.5; }
.tc-item-card__body > div { padding-top:8px; border-top:1px solid var(--tc-line); color:var(--tc-text); font-size:.75rem; font-weight:700; }
.tc-item-card__body > div i { color:var(--tc-gold); margin-right:5px; }
.tc-staff-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:10px; }
.tc-staff-card { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:12px; padding:12px; border:2px solid var(--tc-line); border-radius:3px; background:var(--tc-surface-2); color:var(--tc-text); text-decoration:none; }
.tc-staff-card:hover { border-color:var(--tc-gold); color:var(--tc-text); }
.tc-staff-card strong,.tc-staff-card span { display:block; }
.tc-staff-card span { margin-top:3px; color:var(--tc-text-muted); font-size:.74rem; }
.tc-staff-card > i { color:var(--tc-gold); }
.tc-empty-state { padding:28px; color:var(--tc-text-muted); text-align:center; }
.tc-empty-state > i { display:block; margin-bottom:8px; color:var(--tc-gold); font-size:1.6rem; }
.tc-result-card { width:min(680px,100%); margin:70px auto; padding:34px; border:2px solid var(--tc-line); border-radius:4px; background:var(--tc-surface); box-shadow:var(--tc-shadow); text-align:center; }
.tc-result-card__icon { display:grid; place-items:center; width:58px; height:58px; margin:0 auto 15px; border:2px solid currentColor; border-radius:3px; background:#0e1925; font-size:1.7rem; }
.tc-result-card--success .tc-result-card__icon { color:var(--tc-success); }.tc-result-card--error .tc-result-card__icon { color:var(--tc-danger); }
.tc-result-card h1 { margin:6px 0 10px; }.tc-result-card p { max-width:560px; margin:0 auto; }.tc-result-card .tc-wiki-actions { justify-content:center; margin-top:20px; }
@media (max-width:700px) {
  .tc-wiki-panel__heading { display:block; }
  .tc-wiki-panel__heading > p { margin-top:8px; text-align:left; }
  .tc-gem-catalog { grid-template-columns:1fr; }
}

/* =====================================================================
   FabrikaTycoon 2.1 — Cherry Adventure layer
   Light, playful game UI inspired by hand-built Minecraft menus. This is
   intentionally original: no Wynncraft artwork or layout is reproduced.
   ===================================================================== */
body.tc-page {
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 190, 214, .24), transparent 24rem),
    radial-gradient(circle at 92% 18%, rgba(255, 220, 232, .38), transparent 28rem),
    linear-gradient(180deg, #fffafc 0%, #fff4f8 48%, #fff9fc 100%) !important;
  color: var(--tc-text);
}
body.tc-page::before {
  opacity: .72;
  background-image:
    radial-gradient(ellipse at 16% 24%, rgba(229,93,145,.10) 0 4px, transparent 5px),
    radial-gradient(ellipse at 76% 12%, rgba(229,93,145,.08) 0 5px, transparent 6px),
    radial-gradient(ellipse at 44% 78%, rgba(229,93,145,.07) 0 4px, transparent 5px);
  background-size: 180px 160px, 240px 210px, 210px 190px;
  transform: rotate(-7deg) scale(1.08);
}
body.tc-page a:hover { color: var(--tc-pink-deep); }
body.tc-page :focus-visible { outline-color: var(--tc-pink); }
body.tc-page ::selection { background: #f6a6c3; color: #4a2735; }
h1, h2, h3, h4, h5, h6,
.tc-h1, .tc-h2, .tc-h3, .tc-h4, .page-title, .card-title { color: var(--tc-text); letter-spacing: -.01em; }
p { color: var(--tc-text-muted); }
.tc-section--muted { background: rgba(255, 235, 244, .58); border-color: var(--tc-line-soft); }

/* Framed game header */
.tc-nav {
  height: var(--tc-header-h);
  background: linear-gradient(180deg, #fff9ef 0%, #f9e8e8 100%) !important;
  border: 0;
  border-bottom: 3px solid #704856;
  box-shadow: 0 3px 0 #e8b2c4, 0 8px 20px rgba(95,50,66,.13);
}
.tc-nav::before {
  display: block !important;
  content: "";
  position: absolute;
  inset: auto 0 3px;
  height: 1px;
  background: rgba(255,255,255,.9);
}
.tc-nav__inner { width: min(100% - 24px, 1480px); gap: 10px; }
.tc-nav__brand {
  gap: 8px;
  min-height: 44px;
  padding: 3px 11px 3px 4px;
  border: 2px solid #714957;
  border-bottom-width: 4px;
  border-radius: 7px;
  background: linear-gradient(135deg, #fff, #ffe5ef);
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.8);
}
.tc-nav__brand-mark { width: 34px; height: 34px; border: 0; border-radius: 5px; background: transparent; }
.tc-nav__brand-text { color: #4e303b; font-size: 1rem; font-weight: 700; }
.tc-nav__links { gap: 5px; padding-block: 8px; }
.tc-nav__link {
  height: auto;
  padding: 0 11px;
  border: 2px solid #896370;
  border-bottom-width: 4px;
  border-radius: 6px;
  background: rgba(255,255,255,.42);
  color: #684b55 !important;
  font-family: var(--tc-font-heading);
  font-size: .76rem;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.75);
}
.tc-nav__link:hover,
.tc-nav__link.is-active {
  color: #4f2938 !important;
  border-color: #b84c75;
  border-bottom-color: #8f3155;
  background: linear-gradient(135deg, #ffd9e7, #fff2f7);
  transform: translateY(-1px);
}
.tc-nav__link.is-active::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: #dc2626; box-shadow: 0 0 0 3px rgba(229,93,145,.13); }
.tc-nav__ip-group { height: 40px; border-color: #896370; border-bottom-width: 4px; border-radius: 6px; background: rgba(255,255,255,.66); }
.tc-nav__online { color: #755563; }
.tc-nav__ip { border-left-color: #d9a7b9; color: #4d303a; }
.tc-nav__ip:hover { background: #ffe5ef; }
.tc-nav__avatar { background: linear-gradient(135deg,#f179a7,#d84e83) !important; color: #fff !important; }
.tc-nav__toggle { border-color: #805765; border-bottom-width: 4px; border-radius: 6px; background: #fff4f7; color: #542f3e; }
.tc-mega, .tc-dropdown__menu {
  top: calc(100% + 5px);
  border-color: #835968;
  border-bottom-width: 4px;
  border-radius: 8px;
  background: #fffafc !important;
  box-shadow: 0 12px 28px rgba(92,44,61,.18);
}
.tc-mega__item, .tc-dropdown__item { border-radius: 6px; color: var(--tc-text) !important; }
.tc-mega__item:hover, .tc-dropdown__item:hover { border-color: #e7b4c6; background: #fff0f5; }
.tc-mega__icon { border-color: #e5b4c6; border-radius: 6px; background: #fff; color: var(--tc-pink-deep); }
.tc-mega__desc { color: var(--tc-text-dim); }

/* Shared light game surfaces */
.tc-card, .card, .tc-panel, .tc-surface,
.tc-feature, .tc-info, .tc-product, .tc-rank,
.tc-wiki-card, .tc-wiki-panel, .tc-quest-card, .tc-mc-slot,
.tc-focus-card, .tc-news-card, .tc-guide-link, .tc-step-card {
  border-color: var(--tc-line) !important;
  border-radius: 9px !important;
  background: rgba(255,255,255,.94) !important;
  color: var(--tc-text) !important;
  box-shadow: var(--tc-shadow-sm) !important;
}
.card-header, .tc-card-header, .card-footer { border-color: var(--tc-line-soft); background: #fff2f7; }
.tc-feature__icon, .tc-wiki-card__icon, .tc-mc-slot__icon, .tc-item-card__icon {
  border-color: #e6b5c7 !important;
  border-radius: 8px !important;
  background: #fff4f8 !important;
  color: var(--tc-pink-deep) !important;
}
.tc-btn, .btn {
  border-color: #865c6b !important;
  border-bottom-width: 4px !important;
  border-radius: 7px !important;
  background: #fff8fb !important;
  color: #583541 !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.78) !important;
}
.tc-btn:hover, .btn:hover { border-color: #ba4d76 !important; background: #ffe8f1 !important; color: #4a2935 !important; transform: translateY(-1px) !important; box-shadow: 0 3px 0 rgba(99,44,65,.18) !important; }
.tc-btn-primary, .btn-primary { border-color: #a83863 !important; background: linear-gradient(135deg,#f179a7,#db4f84) !important; color: #fff !important; }
.tc-btn-primary:hover, .btn-primary:hover { border-color: #8e2e52 !important; background: linear-gradient(135deg,#f58aaf,#d9457c) !important; color: #fff !important; }
.tc-btn-outline, .tc-btn-ghost, .tc-btn-glass, .btn-outline-primary { background: #fff8fb !important; color: #673f4e !important; }
.tc-home-hero::after { background: linear-gradient(90deg,rgba(48,22,34,.94) 0%,rgba(91,37,61,.80) 48%,rgba(223,91,142,.24) 82%,rgba(78,31,51,.38) 100%); }
.tc-world-preview { border-bottom: 5px solid var(--world-accent,var(--tc-pink)); }
.tc-world-preview:hover { border-color: var(--world-accent,var(--tc-pink)); }
.tc-join-band { border-color: #8c465f; background: linear-gradient(135deg,#673045,#9f496d); }
.tc-join-band h2, .tc-join-band p { color: #fff; }
input, textarea, select, .form-control, .form-select, .tc-input,
.select2-container .select2-selection { border-color: #dca9bc !important; border-radius: 7px !important; background: #fff !important; color: var(--tc-text) !important; }
input::placeholder, textarea::placeholder { color: #ae8a98; }
code, .tc-cmd, .tc-wiki-step__cmd, .tc-quest-card__cmd, .tc-mc-slot__cmd { border-color: #e1adc0; border-radius: 5px; background: #fff1f6; color: #7f3452; }
.tc-table, .table, .tc-table td, .table td, .tc-table th, .table th { border-color: #eed2dd; color: var(--tc-text); }
.tc-table th, .table th { background: #fff0f5; }
.table-hover tbody tr:hover { background: #fff5f8; }
.dropdown-menu, .modal-content, .tc-modal__panel { border-color: #dca9bc; border-radius: 9px; background: #fffafc; color: var(--tc-text); }

/* Wiki navigation and intro */
.tc-wiki-nav { border-color: #d8a5b8; border-radius: 8px; background: rgba(255,250,252,.95); box-shadow: var(--tc-shadow-sm); scrollbar-width: none; }
.tc-wiki-nav::-webkit-scrollbar { display: none; }
.tc-wiki-nav a { border: 1px solid transparent; border-radius: 6px; color: #755563; }
.tc-wiki-nav a:hover, .tc-wiki-nav a.is-active { border-color: #e8b8c9; border-bottom-color: #c44172; color: #6d2c47; background: #ffeaf2; }
.tc-wiki-header { border-color: #e2aec1; border-radius: 12px; background: linear-gradient(135deg,rgba(255,255,255,.98),rgba(255,235,243,.94)); }
.tc-wiki-header__icon { border-color: #dc9fb7; border-radius: 10px; background: #fff; color: var(--tc-pink-deep); box-shadow: 0 7px 20px rgba(205,68,118,.12); }
.tc-wiki-fact, .tc-mc-stat, .tc-wiki-stat { border-color: #e6bdcc !important; border-radius: 8px !important; background: rgba(255,255,255,.92) !important; }
.tc-wiki-fact strong, .tc-mc-stat__value { color: var(--tc-text) !important; }
.tc-wiki-list li, .tc-mini-quest-list > div, .tc-world-route a { border-color: #edd0dc; border-radius: 7px; background: #fff7fa; }
.tc-wiki-list strong, .tc-mini-quest-list strong { color: var(--tc-text); }

/* Category carousel: roomy, button controlled and draggable */
.tc-category-scroller { position: relative; display: grid; grid-template-columns: 38px minmax(0,1fr) 38px; align-items: stretch; gap: 8px; }
.tc-category-scroller__button {
  display: grid; place-items: center; width: 38px; min-height: 72px; padding: 0;
  border: 2px solid #dca6ba; border-bottom-width: 4px; border-radius: 8px;
  background: #fff5f9; color: #8f3c5c; cursor: pointer;
}
.tc-category-scroller__button:hover:not(:disabled) { border-color: #c6517b; background: #ffe4ee; }
.tc-category-scroller__button:disabled { opacity: .32; cursor: default; }
.tc-quest-world-tabs-wrapper { min-width: 0; overflow: hidden; }
.tc-quest-world-tabs {
  gap: 12px;
  overflow-x: auto;
  padding: 2px 2px 8px;
  border: 0;
  scroll-behavior: smooth;
  scroll-snap-type: x proximity;
  scrollbar-width: none;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
.tc-quest-world-tabs::-webkit-scrollbar { display: none; }
.tc-quest-world-tabs.is-dragging { cursor: grabbing; scroll-behavior: auto; }
.tc-quest-tab {
  min-width: 178px;
  min-height: 72px;
  gap: 10px;
  padding: 11px 14px !important;
  border: 2px solid #dfb3c3 !important;
  border-bottom-width: 4px !important;
  border-radius: 8px !important;
  background: #fff9fb !important;
  color: #72515e !important;
  scroll-snap-align: start;
}
.tc-quest-tab:hover { border-color: var(--world-color, var(--tc-pink)) !important; background: #fff1f6 !important; }
.tc-quest-tab.is-active { border-color: var(--world-color, var(--tc-pink)) !important; background: color-mix(in srgb, var(--world-color, var(--tc-pink)) 13%, white) !important; color: #4c2b37 !important; box-shadow: inset 0 -3px 0 var(--world-color, var(--tc-pink)) !important; }
.tc-quest-tab__icon { color: var(--world-color, var(--tc-pink)); }
.tc-quest-tab__copy, .tc-quest-tab__kicker, .tc-quest-tab__name { display: block; }
.tc-quest-tab__kicker { color: var(--tc-text-dim); font-size: .63rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }
.tc-quest-tab__name { margin-top: 2px; font-family: var(--tc-font-heading); font-weight: 700; }
.tc-quest-gui { border: 2px solid #e2b2c3; border-radius: 12px; background: rgba(255,255,255,.68); box-shadow: var(--tc-shadow); }
.tc-quest-search { margin-top: 16px; }
.tc-quest-panel__head { margin: 22px 0 16px; padding-top: 4px; }
.tc-quest-list { gap: 14px; }
.tc-quest-card { border-left: 4px solid color-mix(in srgb, var(--world-color, var(--tc-pink)) 75%, white) !important; }
.tc-quest-card__title, .tc-mc-slot__title, .tc-focus-card__title { color: var(--tc-text) !important; }

/* Every world gets its own complete atmosphere */
body[data-world="main"] { --world-accent: var(--tc-world-main); --world-rgb: 78,168,111; }
body[data-world="end"] { --world-accent: var(--tc-world-end); --world-rgb: 139,100,199; }
body[data-world="nether"] { --world-accent: var(--tc-world-nether); --world-rgb: 215,77,83; }
body[data-world="ocean"] { --world-accent: var(--tc-world-ocean); --world-rgb: 45,145,191; }
body[data-world="moon"] { --world-accent: var(--tc-world-moon); --world-rgb: 116,127,189; }
body[data-world="mars"] { --world-accent: var(--tc-world-mars); --world-rgb: 210,106,77; }
body[data-world="backrooms"] { --world-accent: var(--tc-world-backrooms); --world-rgb: 190,150,43; }
body[data-world="void"] { --world-accent: var(--tc-world-void); --world-rgb: 95,80,168; }
body[data-world="farm"] { --world-accent: var(--tc-world-farm); --world-rgb: 114,169,76; }
body[data-world="ancient"] { --world-accent: var(--tc-world-ancient); --world-rgb: 155,125,73; }
body[data-world="industry"] { --world-accent: var(--tc-world-industry); --world-rgb: 102,126,147; }
body[data-world="crypto"] { --world-accent: var(--tc-world-crypto); --world-rgb: 170,79,180; }
body[data-world] { background: radial-gradient(circle at 82% 14%, rgba(var(--world-rgb),.20), transparent 32rem), linear-gradient(180deg,#fffafc,#fff5f8 58%,rgba(var(--world-rgb),.08)) !important; }
.tc-world-page .tc-world-header { min-height: 390px; border: 3px solid var(--world-accent); border-bottom-width: 6px; border-radius: 14px; box-shadow: 0 16px 38px rgba(var(--world-rgb),.22); }
.tc-world-page .tc-world-header::before { transform: scale(1.015); }
.tc-world-page .tc-world-header::after { background: linear-gradient(90deg, rgba(39,20,29,.93), rgba(39,20,29,.66) 55%, rgba(var(--world-rgb),.24)); }
.tc-world-page .tc-world-header__content { padding: 38px; }
.tc-world-page .tc-world-header h1 { color: #fff; font-size: clamp(2.5rem,6vw,4.7rem); text-shadow: 0 3px 0 rgba(36,17,25,.5); }
.tc-world-page .tc-world-header p { color: #fff4f7; font-size: 1rem; }
.tc-world-page .tc-kicker { color: color-mix(in srgb,var(--world-accent) 54%,white); }
.tc-world-page .tc-wiki-fact { border-top: 4px solid var(--world-accent); }
.tc-world-page .tc-wiki-panel { border-color: color-mix(in srgb,var(--world-accent) 42%,#eed4de) !important; }
.tc-world-page .tc-wiki-panel h2, .tc-world-page .tc-mini-quest-list i, .tc-world-page .tc-wiki-list li > span:first-child { color: color-mix(in srgb,var(--world-accent) 78%,#522f3d); }
.tc-world-page .tc-wiki-list li, .tc-world-page .tc-mini-quest-list > div { border-left: 4px solid color-mix(in srgb,var(--world-accent) 60%,white); }
.tc-world-page .tc-world-pager a { border-color: color-mix(in srgb,var(--world-accent) 48%,#e8c2d0); background: color-mix(in srgb,var(--world-accent) 7%,white); }
.tc-world-page .tc-world-pager a:hover { border-color: var(--world-accent); color: var(--tc-text) !important; }
.tc-world-page .tc-world-pager small { color: color-mix(in srgb,var(--world-accent) 74%,#4b2c38); }

/* Gem explorer */
.tc-gem-explorer { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(340px,.8fr); gap: 18px; align-items: start; }
.tc-gem-detail { position: sticky; top: calc(var(--tc-header-h) + 70px); min-height: 570px; padding: 24px; border: 2px solid #dca9bc; border-bottom-width: 5px; border-radius: 13px; background: linear-gradient(145deg,#fff,#fff2f7); box-shadow: var(--tc-shadow); }
.tc-gem-detail__hero { display: grid; grid-template-columns: 112px minmax(0,1fr); align-items: center; gap: 20px; padding-bottom: 20px; border-bottom: 1px solid #efd1dc; }
.tc-gem-detail__image { display: grid; place-items: center; width: 112px; height: 112px; border: 2px solid var(--selected-gem,#dc2626); border-bottom-width: 5px; border-radius: 12px; background: #fff; }
.tc-gem-detail__image img { width: 86px; height: 86px; object-fit: contain; }
.tc-gem-detail__tier { color: var(--selected-gem,#c74575); font-size: .7rem; font-weight: 900; text-transform: uppercase; letter-spacing: .08em; }
.tc-gem-detail h2 { margin: 5px 0 7px; font-size: clamp(1.6rem,3vw,2.3rem); }
.tc-gem-detail__multiplier { display: inline-flex; align-items: center; gap: 6px; color: #9f365e; font: 800 1rem var(--tc-font-heading); }
.tc-gem-detail__sections { display: grid; gap: 14px; margin-top: 18px; }
.tc-gem-info-block { padding: 15px; border: 1px solid #ecc9d6; border-radius: 9px; background: rgba(255,255,255,.78); }
.tc-gem-info-block h3 { display: flex; align-items: center; gap: 7px; margin: 0 0 7px; font-size: 1rem; }
.tc-gem-info-block h3 i { color: var(--selected-gem,#c74575); }
.tc-gem-info-block p { margin: 0; font-size: .82rem; }
.tc-gem-sources { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 12px; }
.tc-ore-source { position: relative; display: grid; place-items: center; width: 68px; height: 68px; padding: 7px; border: 2px solid #deb0c1; border-bottom-width: 4px; border-radius: 9px; background: #fff; cursor: help; }
.tc-ore-source img { width: 48px; height: 48px; object-fit: contain; image-rendering: pixelated; }
.tc-ore-source__popover { position: absolute; left: 50%; bottom: calc(100% + 10px); z-index: 25; width: 218px; padding: 11px; border: 2px solid #805564; border-radius: 8px; background: #fffafc; color: var(--tc-text); box-shadow: 0 12px 28px rgba(77,37,52,.2); opacity: 0; visibility: hidden; transform: translate(-50%,6px); transition: .16s ease; pointer-events: none; }
.tc-ore-source__popover::after { content:""; position:absolute; top:100%; left:50%; width:10px; height:10px; border-right:2px solid #805564; border-bottom:2px solid #805564; background:#fffafc; transform:translate(-50%,-5px) rotate(45deg); }
.tc-ore-source:hover .tc-ore-source__popover, .tc-ore-source:focus .tc-ore-source__popover { opacity: 1; visibility: visible; transform: translate(-50%,0); }
.tc-ore-source__popover strong, .tc-ore-source__popover span { display: block; }
.tc-ore-source__popover strong { font-family: var(--tc-font-heading); font-size: .86rem; }
.tc-ore-source__popover span { margin-top: 3px; color: var(--tc-text-muted); font-size: .7rem; }
.tc-gem-picker { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 10px; max-height: 760px; overflow-y: auto; padding: 2px 5px 8px 2px; scrollbar-color: #d96791 #ffe8f1; }
.tc-gem-choice { display: grid; grid-template-columns: 52px minmax(0,1fr); align-items: center; gap: 10px; min-height: 78px; padding: 10px; border: 2px solid #e1b7c6; border-bottom-width: 4px; border-radius: 9px; background: #fff; color: var(--tc-text); text-align: left; cursor: pointer; }
.tc-gem-choice:hover { border-color: var(--gem-color); background: #fff7fa; }
.tc-gem-choice.is-active { border-color: var(--gem-color); background: color-mix(in srgb,var(--gem-color) 9%,white); box-shadow: inset 4px 0 0 var(--gem-color); }
.tc-gem-choice img { width: 48px; height: 48px; object-fit: contain; }
.tc-gem-choice span, .tc-gem-choice strong, .tc-gem-choice small { display: block; }
.tc-gem-choice span { color: var(--tc-text-dim); font-size: .68rem; font-weight: 800; text-transform: uppercase; }
.tc-gem-choice strong { margin-top: 1px; font-family: var(--tc-font-heading); font-size: .88rem; }
.tc-gem-choice small { color: var(--gem-color); font-weight: 800; }

/* Light footer and utility UI */
.tc-footer { border-top-color: #7b4f5e; background: linear-gradient(180deg,#fff1f6,#f8dce6) !important; color: var(--tc-text-muted); }
.tc-footer__col-title { color: var(--tc-text); }
.tc-footer__social-link { border-color: #d7a5b7; border-radius: 7px; background: #fff6f9; color: #723e52 !important; }
.tc-footer .tc-cta-band { border-color: #dcaabd !important; border-radius: 10px !important; background: rgba(255,255,255,.72) !important; }
.tc-footer__bottom { border-color: #d8a9ba; }
.tc-mobile-nav { border-top-color: #794d5d !important; background: #fff4f8 !important; box-shadow: 0 -8px 20px rgba(90,43,60,.12); }
.tc-mobile-nav { padding: 0 !important; }
.tc-mobile-nav__items { display: flex !important; width: 100%; padding: 0 !important; }
.tc-mobile-nav__item { flex: 1 1 0; min-width: 0; min-height: 56px !important; padding: 5px 2px !important; }
.tc-mobile-nav__item { color: #76505f !important; }
.tc-drawer { background: #fff8fb; color: var(--tc-text); }
.tc-drawer:not(.is-open) { display: none; }
.tc-drawer__header { border-color: #e1b1c2; background: #fff0f5; }
.tc-drawer__item { color: var(--tc-text) !important; }
.tc-drawer__item:hover { border-color: #e1b1c2; background: #fff0f5; }
.tc-back-to-top { border-color: #b65a7c; border-radius: 7px; background: #fff3f7; color: #843550; }
.tc-toast { border-color: #dca9bc; border-radius: 8px; background: #fffafc; color: var(--tc-text); box-shadow: var(--tc-shadow); }
.tc-quest-search input { border-color: #dca9bc !important; background: #fff !important; color: var(--tc-text) !important; }
/* Auth layout uses the same cherry language without the full site header. */
.tc-page-auth .tc-auth-wrap { background: #fff7fa; }
.tc-page-auth .tc-auth-aside { color: #fff; }
.tc-page-auth .tc-auth-aside__bg { background: linear-gradient(135deg,rgba(39,17,29,.90),rgba(130,47,80,.65)),url('/assets/tycooncraft/img/hero/hero-bg.jpg') center/cover no-repeat; }
.tc-page-auth .tc-auth-aside h1, .tc-page-auth .tc-auth-aside__brand { color: #fff !important; }
.tc-page-auth .tc-auth-main { flex-direction: column; gap: 12px; background: radial-gradient(circle at 90% 10%,rgba(244,160,191,.24),transparent 25rem),#fff9fb !important; }
.tc-page-auth .card, .tc-page-auth .tc-auth-card { border-color: #dca9bc !important; border-radius: 13px !important; background: rgba(255,255,255,.97) !important; color: var(--tc-text) !important; box-shadow: var(--tc-shadow-lg) !important; }
.tc-page-auth .card h1, .tc-page-auth .card h2, .tc-page-auth .card h3,
.tc-page-auth .form-label, .tc-page-auth .form-check-label { color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; }
.tc-page-auth .text-muted, .tc-page-auth .text-secondary { color: var(--tc-text-muted) !important; -webkit-text-fill-color: var(--tc-text-muted) !important; }
.tc-page-auth .form-control, .tc-page-auth .tc-input, .tc-page-auth .input-group,
.tc-page-auth .input-group-text { border-color: #dca9bc !important; background: #fff !important; color: var(--tc-text) !important; -webkit-text-fill-color: var(--tc-text) !important; }
.tc-page-auth .form-control::placeholder, .tc-page-auth .tc-input::placeholder { color: #aa8291 !important; -webkit-text-fill-color: #aa8291 !important; }
.tc-page-auth .tc-auth-powered, .tc-page-auth .tc-auth-powered a { color: var(--tc-text-dim) !important; -webkit-text-fill-color: var(--tc-text-dim) !important; }

@media (max-width: 1500px) {
  .tc-nav__inner { gap: 6px; }
  .tc-nav__brand-text { display: none; }
  .tc-nav__link { padding-inline: 8px; }
}

@media (max-width: 940px) {
  .tc-home-hero::after { background: rgba(56,25,37,.72); }
  .tc-gem-explorer { grid-template-columns: 1fr; }
  .tc-gem-detail { position: relative; top: auto; min-height: 0; }
}
@media (max-width: 640px) {
  .tc-nav__brand { min-height: 41px; padding-right: 4px; }
  .tc-category-scroller { grid-template-columns: 32px minmax(0,1fr) 32px; gap: 5px; }
  .tc-category-scroller__button { width: 32px; min-height: 68px; }
  .tc-quest-tab { min-width: 158px; min-height: 68px; padding: 9px 11px !important; }
  .tc-world-page .tc-world-header { min-height: 330px; }
  .tc-world-page .tc-world-header__content { padding: 24px; }
  .tc-world-page .tc-world-header h1 { font-size: clamp(2.35rem,14vw,3.8rem); }
  .tc-gem-detail { padding: 16px; }
  .tc-gem-detail__hero { grid-template-columns: 76px minmax(0,1fr); gap: 13px; }
  .tc-gem-detail__image { width: 76px; height: 76px; }
  .tc-gem-detail__image img { width: 60px; height: 60px; }
  .tc-gem-picker { grid-template-columns: 1fr; max-height: none; overflow: visible; }
  .tc-ore-source__popover { left: 0; transform: translate(0,6px); }
  .tc-ore-source:hover .tc-ore-source__popover, .tc-ore-source:focus .tc-ore-source__popover { transform: translate(0,0); }
  .tc-ore-source__popover::after { left: 32px; }
}