/* FabrikaTycoon 2.3.1 — real component themes for the world selector */

/* The former screen-wide tint has been removed. Nothing sits above the content. */
.tc-world-hover-atmosphere { display:none !important; }

@property --preview-page { syntax:"<color>";inherits:true;initial-value:#f8dce7; }
@property --preview-paper { syntax:"<color>";inherits:true;initial-value:#fff4f7; }
@property --preview-accent { syntax:"<color>";inherits:true;initial-value:#d85183; }
@property --preview-deep { syntax:"<color>";inherits:true;initial-value:#673044; }
@property --preview-line { syntax:"<color>";inherits:true;initial-value:#bd6b87; }

body.tc-page {
  --preview-page:#f8dce7;
  --preview-paper:#fff4f7;
  --preview-accent:#d85183;
  --preview-deep:#673044;
  --preview-line:#bd6b87;
  transition:--preview-page 340ms ease,--preview-paper 340ms ease,--preview-accent 280ms ease,--preview-deep 280ms ease,--preview-line 280ms ease;
}
body[data-world-preview="main"] { --preview-page:#dcefd9;--preview-paper:#fff1f6;--preview-accent:#4ea86f;--preview-deep:#28563a;--preview-line:#568f68; }
body[data-world-preview="end"] { --preview-page:#cdb9e8;--preview-paper:#f4ecff;--preview-accent:#8457bd;--preview-deep:#452866;--preview-line:#73509d; }
body[data-world-preview="nether"] { --preview-page:#7a2722;--preview-paper:#f5b29a;--preview-accent:#d64d36;--preview-deep:#571b18;--preview-line:#a83c2d; }
body[data-world-preview="ocean"] { --preview-page:#82d8ed;--preview-paper:#effcff;--preview-accent:#258eb8;--preview-deep:#195a76;--preview-line:#3287a7; }
body[data-world-preview="moon"] { --preview-page:#929fc9;--preview-paper:#f2f4fc;--preview-accent:#6879b9;--preview-deep:#35416e;--preview-line:#6673a3; }
body[data-world-preview="mars"] { --preview-page:#d98265;--preview-paper:#fff0e6;--preview-accent:#c65f40;--preview-deep:#6d3323;--preview-line:#a6533b; }
body[data-world-preview="backrooms"] { --preview-page:#dfca72;--preview-paper:#fff9d9;--preview-accent:#ae8828;--preview-deep:#5f4b18;--preview-line:#9c7c29; }
body[data-world-preview="void"] { --preview-page:#6955a0;--preview-paper:#eee9fb;--preview-accent:#5f50a8;--preview-deep:#30245c;--preview-line:#57488e; }
body[data-world-preview="farm"] { --preview-page:#b9d99a;--preview-paper:#f6fbe9;--preview-accent:#6ea34b;--preview-deep:#345526;--preview-line:#668e4c; }
body[data-world-preview="ancient"] { --preview-page:#c7b076;--preview-paper:#fbf5e4;--preview-accent:#92743e;--preview-deep:#594625;--preview-line:#846c41; }
body[data-world-preview="industry"] { --preview-page:#9eb1bd;--preview-paper:#f0f5f7;--preview-accent:#607d92;--preview-deep:#334b5c;--preview-line:#607789; }
body[data-world-preview="crypto"] { --preview-page:#cfb0dc;--preview-paper:#ecfbfb;--preview-accent:#a44aac;--preview-deep:#55235e;--preview-line:#8e4a96; }

/* Actual site canvas and component surfaces change together. */
body.tc-page.is-world-previewing {
  background:
    radial-gradient(circle at 84% 16%,color-mix(in srgb,var(--preview-accent) 32%,transparent),transparent 29rem),
    radial-gradient(circle at 12% 74%,color-mix(in srgb,var(--preview-paper) 42%,transparent),transparent 34rem),
    linear-gradient(150deg,var(--preview-page),var(--preview-paper) 58%,var(--preview-page)) !important;
  background-attachment:scroll !important;
}
body.is-world-previewing .tc-nav {
  background:linear-gradient(180deg,color-mix(in srgb,var(--preview-paper) 82%,white),color-mix(in srgb,var(--preview-accent) 37%,var(--preview-paper))) !important;
  border-bottom-color:var(--preview-line) !important;
  box-shadow:0 4px 0 color-mix(in srgb,var(--preview-deep) 20%,transparent);
}
body.is-world-previewing .tc-nav__link:hover,
body.is-world-previewing .tc-nav__link.is-active,
body.is-world-previewing .tc-nav__brand {
  border-color:var(--preview-accent) !important;
  background:color-mix(in srgb,var(--preview-accent) 13%,var(--preview-paper)) !important;
}
body.is-world-previewing .tc-wiki-nav {
  background:color-mix(in srgb,var(--preview-paper) 92%,white) !important;
  border-color:var(--preview-line) !important;
  box-shadow:0 4px 0 color-mix(in srgb,var(--preview-deep) 15%,transparent) !important;
}
body.is-world-previewing .tc-wiki-nav a.is-active,
body.is-world-previewing .tc-wiki-nav a:hover {
  background:color-mix(in srgb,var(--preview-accent) 16%,var(--preview-paper)) !important;
  border-color:var(--preview-accent) !important;
  color:var(--preview-deep) !important;
}
body.is-world-previewing .tc-wiki-header,
body.is-world-previewing .tc-wiki-panel {
  background:linear-gradient(135deg,color-mix(in srgb,var(--preview-accent) 12%,var(--preview-paper)),var(--preview-paper)) !important;
  border-color:var(--preview-line) !important;
  box-shadow:0 4px 0 color-mix(in srgb,var(--preview-deep) 13%,transparent) !important;
}
body.is-world-previewing .tc-wiki-header__icon {
  background:color-mix(in srgb,var(--preview-accent) 22%,var(--preview-paper)) !important;
  color:var(--preview-deep) !important;
}
body.is-world-previewing .tc-wiki-header h1,
body.is-world-previewing .tc-wiki-panel h2,
body.is-world-previewing .tc-breadcrumb,
body.is-world-previewing .tc-kicker { color:var(--preview-deep) !important; }
body.is-world-previewing .tc-world-route a {
  background:color-mix(in srgb,var(--preview-accent) 8%,var(--preview-paper)) !important;
  border-color:color-mix(in srgb,var(--preview-line) 65%,var(--preview-paper)) !important;
}
body.is-world-previewing .tc-footer {
  background:linear-gradient(180deg,color-mix(in srgb,var(--preview-paper) 85%,white),color-mix(in srgb,var(--preview-accent) 28%,var(--preview-paper))) !important;
  border-top-color:var(--preview-line) !important;
}
body.is-world-previewing .tc-footer .tc-cta-band {
  background:color-mix(in srgb,var(--preview-accent) 8%,var(--preview-paper)) !important;
  border-color:var(--preview-line) !important;
}

/* The decoration belongs to the page background, behind every card and word. */
body.is-world-previewing .tc-wiki-page { position:relative;isolation:isolate;background:transparent !important; }
body.is-world-previewing .tc-wiki-page::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.62;
  background:radial-gradient(circle at 80% 18%,color-mix(in srgb,var(--preview-accent) 33%,transparent),transparent 26rem);
  transition:opacity 220ms ease;
}
body.is-world-previewing .tc-wiki-page>.tc-container { position:relative;z-index:1; }

body[data-world-preview="main"] .tc-wiki-page::before {
  background:radial-gradient(circle at 16% 24%,rgba(255,255,255,.72) 0 3px,transparent 4px),radial-gradient(circle at 78% 67%,rgba(239,130,170,.35) 0 5px,transparent 6px),linear-gradient(135deg,rgba(72,151,91,.22),transparent 48%);background-size:96px 96px,148px 148px,100% 100%;
}
body[data-world-preview="end"] .tc-wiki-page::before {
  background:radial-gradient(circle,rgba(255,255,255,.94) 0 1px,transparent 2px),radial-gradient(circle,rgba(218,188,255,.85) 0 2px,transparent 3px),radial-gradient(circle at 74% 32%,rgba(93,48,153,.35),transparent 25rem);background-size:52px 52px,101px 101px,100% 100%;animation:tc-preview-stars 16s linear infinite;
}
body[data-world-preview="nether"] .tc-wiki-page::before {
  background:linear-gradient(rgba(74,13,12,.15) 2px,transparent 2px),linear-gradient(90deg,rgba(74,13,12,.15) 2px,transparent 2px),radial-gradient(ellipse at 18% 100%,rgba(255,191,45,.72),rgba(229,71,27,.42) 15%,transparent 34%),radial-gradient(ellipse at 76% 106%,rgba(255,210,62,.64),rgba(184,43,24,.38) 18%,transparent 38%);background-size:64px 64px,64px 64px,100% 100%,100% 100%;animation:none !important;
}
body[data-world-preview="ocean"] .tc-wiki-page::before {
  background:radial-gradient(ellipse at 18% 14%,rgba(255,255,255,.72) 0 4rem,transparent 4.2rem),radial-gradient(ellipse at 76% 20%,rgba(255,255,255,.58) 0 3.2rem,transparent 3.4rem),repeating-radial-gradient(ellipse at 50% 112%,transparent 0 54px,rgba(255,255,255,.28) 56px 60px,transparent 62px 98px),linear-gradient(180deg,rgba(96,199,238,.28),rgba(55,184,186,.22) 72%,rgba(239,211,139,.30));
}
body[data-world-preview="moon"] .tc-wiki-page::before {
  background:radial-gradient(circle at 78% 24%,rgba(255,255,244,.88) 0 6rem,rgba(219,226,241,.68) 6.1rem 6.7rem,transparent 6.8rem),radial-gradient(circle,rgba(255,255,255,.88) 0 1px,transparent 2px),radial-gradient(circle,rgba(205,221,255,.70) 0 2px,transparent 3px);background-size:100% 100%,58px 58px,109px 109px;animation:tc-preview-stars 20s linear infinite;
}
body[data-world-preview="mars"] .tc-wiki-page::before { background:radial-gradient(circle at 82% 20%,rgba(255,227,187,.72) 0 5rem,transparent 5.2rem),radial-gradient(ellipse at 42% 106%,rgba(109,46,29,.34),transparent 46%); }
body[data-world-preview="backrooms"] .tc-wiki-page::before { background:linear-gradient(rgba(105,80,20,.13) 2px,transparent 2px),linear-gradient(90deg,rgba(105,80,20,.13) 2px,transparent 2px),radial-gradient(circle at 50% 7%,rgba(255,248,179,.62),transparent 26rem);background-size:82px 82px,82px 82px,100% 100%; }
body[data-world-preview="void"] .tc-wiki-page::before { background:radial-gradient(circle,rgba(241,233,255,.82) 0 1px,transparent 2px),radial-gradient(circle at 50% 47%,rgba(31,17,72,.44),transparent 35rem);background-size:70px 70px,100% 100%;animation:tc-preview-stars 22s linear infinite reverse; }
body[data-world-preview="farm"] .tc-wiki-page::before { background:radial-gradient(ellipse at 15% 100%,rgba(57,128,47,.36),transparent 34%),radial-gradient(ellipse at 84% 96%,rgba(111,163,64,.33),transparent 39%),radial-gradient(ellipse at 38% 14%,rgba(255,255,255,.68),transparent 10%); }
body[data-world-preview="ancient"] .tc-wiki-page::before { background:linear-gradient(118deg,transparent 47%,rgba(86,65,31,.11) 48% 51%,transparent 52%),linear-gradient(25deg,transparent 46%,rgba(86,65,31,.09) 47% 50%,transparent 51%);background-size:138px 138px,171px 171px; }
body[data-world-preview="industry"] .tc-wiki-page::before { background:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 3px,transparent 3px 28px),linear-gradient(rgba(50,71,86,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(50,71,86,.13) 1px,transparent 1px);background-size:auto,78px 78px,78px 78px; }
body[data-world-preview="crypto"] .tc-wiki-page::before { background:linear-gradient(rgba(26,174,174,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(26,174,174,.15) 1px,transparent 1px),radial-gradient(circle at 76% 22%,rgba(229,73,218,.30),transparent 26rem);background-size:44px 44px,44px 44px,100% 100%; }

/* Cards react as UI, not as a washed-out film. */
[data-world-hover] { transition:transform 240ms cubic-bezier(.22,.7,.2,1),border-color 220ms ease,box-shadow 220ms ease,filter 220ms ease; }
body.is-world-previewing [data-world-hover] { filter:saturate(.76) brightness(.88); }
body.is-world-previewing [data-world-hover]:hover,
body.is-world-previewing [data-world-hover]:focus-visible {
  z-index:2;
  filter:saturate(1.1) brightness(1.04);
  border-color:var(--preview-accent) !important;
  box-shadow:0 7px 0 color-mix(in srgb,var(--preview-deep) 30%,transparent),0 14px 28px color-mix(in srgb,var(--preview-deep) 19%,transparent) !important;
}

@keyframes tc-preview-stars { to { background-position:52px 52px,108px 101px,0 0; } }
@media (prefers-reduced-motion:reduce) { body.is-world-previewing .tc-wiki-page::before { animation:none !important; } }
@media (max-width:640px) { body.is-world-previewing .tc-wiki-page::before { display:none; } }