/* TaskbarHero material language, applied to the approved landing composition. */
html[data-visual="forge"]{
  --forge-coal:#100e0d;--forge-iron:#1d1f24;--forge-edge:#4f5257;
  --forge-crimson:#7a0e0e;--forge-red:#b82114;--forge-bronze:#8c4f1a;--forge-gold:#ffab29;
  --bg:#100e0d;--bg2:#191512;--card:#201d1a;--ink:#f5ead8;--ink2:#c8bba7;--ink3:#ac9c87;
  --line:#493a2c;--sky:#130d0b;--sky2:#25110c;--night:1;color-scheme:dark;
  scrollbar-color:#80512c #100e0d;
}
html[data-visual="forge"][data-theme="dark"]{
  --bg:#100e0d;--bg2:#191512;--card:#201d1a;--ink:#f5ead8;--ink2:#c8bba7;--ink3:#ac9c87;
  --line:#493a2c;--sky:#130d0b;--sky2:#25110c;--night:1;
}
html[data-visual="forge"][data-theme="light"]{
  --bg:#e9ddc5;--bg2:#dacfba;--card:#f5e9d3;--ink:#29231d;--ink2:#514537;--ink3:#665746;
  --line:#b5a082;--sky:#38221a;--sky2:#65402b;--night:0;color-scheme:light;
}
html[data-visual="forge"] body{background:var(--bg);color:var(--ink)}
html[data-visual="forge"] a{color:#e7ac68;text-underline-offset:4px}
html[data-visual="forge"] a:hover{color:#ffd18b}
html[data-visual="forge"][data-theme="light"] a{color:#8b3a1d}
html[data-visual="forge"] ::selection{background:#a73822;color:#fff2dc}
html[data-visual="forge"] :focus-visible{outline:2px solid #ffbd61;outline-offset:5px}
html[data-visual="forge"] input{caret-color:#ffab29}

/* A forged navigation bar: no floating glass, rounded SaaS chrome or blue sky. */
html[data-visual="forge"] [data-navbar]{
  background:linear-gradient(180deg,#292722,#191817 55%,#111111)!important;
  border:1px solid #65503a!important;border-radius:4px!important;
  box-shadow:inset 0 1px #91806a,inset 0 -2px #080707,0 8px 24px #0005;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:#e7dac3;
}
html[data-visual="forge"] [data-navbar] a{color:#e7dac3!important}
html[data-visual="forge"] [data-navbar]>nav a{border-radius:2px!important}
html[data-visual="forge"] [data-navbar]>nav a:hover{background:#493025!important;color:#ffce88!important}
html[data-visual="forge"] [data-navbar]>a:first-child>img{background:#161616;border:1px solid #78644d;box-shadow:inset 0 0 0 2px #292724;padding:2px}
html[data-visual="forge"] [data-navbar]>a:first-child>img[src*="/assets/brand/"]{background:transparent;border:0;box-shadow:none;padding:0;object-fit:contain}
html[data-visual="forge"] [data-navbar]>button,
html[data-visual="forge"] [data-navbar]>a[href="#como-funciona"],
html[data-visual="forge"] [data-langsel]>button{
  background:#1c1a18!important;border-color:#5f4b36!important;border-radius:3px!important;color:#e7dac3!important;
}
html[data-visual="forge"] [data-langsel]>div{border-radius:4px!important;border-color:#8c6743!important;box-shadow:0 16px 32px #0008,inset 0 1px #9a7b56!important}
html[data-visual="forge"] [data-langsel] [role="option"],
html[data-visual="forge"] [data-langsel] input{border-radius:2px!important}

/* Fire ambience uses the original stage layers registered below. */
.tba-forge-hero{isolation:isolate;background:linear-gradient(180deg,#140e0c 0%,#1d100c 34%,var(--bg) 78%)!important}
.tba-forge-hero::before{
  content:"";position:absolute;left:0;right:0;top:0;height:820px;z-index:-1;pointer-events:none;
  background-image:linear-gradient(180deg,#140e0c 3%,#140e0cec 25%,#170e0bd9 55%,#170e0b94 80%,var(--bg) 100%);
  background-position:center;background-size:100% 100%;background-repeat:no-repeat;
  image-rendering:pixelated;
}
.tba-forge-hero>div[style*="var(--night)"]{display:none!important}
.tba-forge-hero h1{color:#f5ead8;text-shadow:0 3px 20px #0005}
.tba-forge-hero h1>span:last-child{color:#ffb448!important;text-shadow:0 3px 0 #6b2513,0 8px 24px #0008!important}
.tba-forge-hero h1>span:last-child>span[data-anim]{background:#ffb448!important;box-shadow:none!important}
.tba-forge-hero h1+p{color:#d2c1ab!important}
.tba-forge-hero [data-reveal="fade"]{color:#bd9d7b!important}
.tba-forge-hero [data-reveal="up"]>span[style*="border-radius:999px"],
.tba-forge-hero [data-reveal="up"]>a[style*="border-radius:999px"]{
  border-radius:3px!important;background:#251914!important;border-color:#644027!important;color:#e6c599!important;
}
.tba-forge-hero [data-reveal="up"]>span[style*="border-radius:999px"]>span:first-child{background:#ed8a2e!important}
.tba-forge-hero>div>button[data-reveal]{background:#171310!important;border-color:#624831!important;border-radius:3px!important;color:#dac3a4!important}
.tba-forge-hero>div>button[data-reveal]>span:last-child{background:#3e251b!important;color:#f4d4a5!important;border-radius:2px!important}
html[data-visual="forge"] .tba-forge-secondary{background:#211c17!important;border-color:#6d5037!important;border-radius:3px!important;box-shadow:inset 0 1px #826b50,0 5px 14px #0005!important;color:#f3d7af!important}

html[data-visual="forge"] .tba-forge-action{
  background:linear-gradient(180deg,#a8331c 0%,#7a1d15 55%,#57120d 100%)!important;
  color:#ffe3a7!important;border:1px solid #c18b42!important;border-radius:3px!important;
  box-shadow:inset 0 1px #ea9d4e,inset 0 -2px #3a0a06,0 5px 16px #0005!important;
}
html[data-visual="forge"] .tba-forge-action:hover{background:linear-gradient(180deg,#bd4323,#862319)!important;color:#fff0cd!important;box-shadow:inset 0 1px #ffc17b,0 7px 18px #0007!important}
html[data-visual="forge"] .tba-forge-action:active{box-shadow:inset 0 2px 5px #0008!important}

.tba-ambient-embers{position:absolute;inset:0 0 auto;height:900px;overflow:hidden;pointer-events:none;z-index:0}
.tba-ambient-embers i{position:absolute;bottom:10%;left:9%;width:3px;height:3px;background:#ed8b36;opacity:0;animation:tba-ember-rise 13s linear infinite;box-shadow:0 1px 4px #da4b20}
.tba-ambient-embers i:nth-child(2){left:23%;animation-delay:-5s;width:2px;height:2px}
.tba-ambient-embers i:nth-child(3){left:84%;animation-delay:-3s;animation-duration:16s}
.tba-ambient-embers i:nth-child(4){left:71%;animation-delay:-9s;width:2px;height:2px}
.tba-ambient-embers i:nth-child(5){left:4%;animation-delay:-11s;animation-duration:17s}
.tba-ambient-embers i:nth-child(6){left:95%;animation-delay:-7s;width:2px;height:2px}
@keyframes tba-ember-rise{0%{opacity:0;transform:translate(0,0)}15%{opacity:.6}80%{opacity:.3}100%{opacity:0;transform:translate(36px,-530px)}}

.tba-hero-showcase{border-radius:5px;border:3px solid #51483a;box-shadow:inset 0 1px #8b7859,0 32px 80px -18px #000a;outline:1px solid #93704b;outline-offset:3px;background:#171513}
html[data-visual="forge"] [data-hb]>section{border-color:var(--line)}
html[data-visual="forge"] #recursos,html[data-visual="forge"] #casos{border-top:1px solid #493426;border-bottom:1px solid #493426}
html[data-visual="forge"] #world>div>div:nth-child(2)>div,
html[data-visual="forge"] #world>div>div:nth-child(3),
html[data-visual="forge"] #casos [data-reveal]{border-radius:5px!important;border-color:#58432e!important}
html[data-visual="forge"] #world>div>div:nth-child(2)>div>span:first-child{border-radius:2px!important;border:1px solid #725336;background:#30231a!important}
html[data-visual="forge"] #faq button>span:last-child{border-radius:2px!important;border-color:#8e6c42!important}
html[data-visual="forge"] #comecar>div{border-radius:6px!important;border:1px solid #6e4b2d;background:linear-gradient(180deg,#171311,#32170f 65%,#130e0b)!important}
html[data-visual="forge"] #comecar [data-anim="hbBob 4s ease-in-out infinite"]{border-radius:3px!important;border:3px solid #84613e!important;background:#1a1714;box-shadow:inset 0 0 0 2px #30291e,0 10px 28px #0008!important}
html[data-visual="forge"] [data-hb]>footer{border-top:1px solid #463327}

@media(max-width:639px){
  .tba-forge-hero::before{height:850px;background-size:100% 100%,auto 230px}
  .tba-forge-hero h1{font-size:clamp(38px,9.7vw,60px)!important}
  .tba-ambient-embers{height:820px}
  .tba-hero-showcase{border-width:2px;outline-offset:2px}
}
@media(prefers-reduced-motion:reduce){.tba-ambient-embers i{animation:none;opacity:.22}.tba-forge-action{transition:none!important}}

/* Current Clone 25/10: original artwork and the native 318 × 468 game panel. */
.tba-original-ambient{position:absolute;left:0;right:0;bottom:60px;height:260px;opacity:.65;mask-image:linear-gradient(180deg,transparent,#000 40%,#000 83%,transparent)}
.tba-original-ambient>x-import,.tba-forge-landscape{display:block;position:relative;width:100%;height:100%;overflow:hidden}
.tba-original-desktop .tba-mobile-approval{display:flex;align-items:center;justify-content:space-between;gap:10px;flex:none;padding:7px 14px;background:#302219;border-top:1px solid #79532b;font-size:10px;color:#e2c295}
.tba-original-desktop .tba-mobile-approval button{border:1px solid #ad7734;border-radius:0;background:#7a2118;color:#ffe5ac;padding:5px 10px;font-size:11px;min-height:28px}
.tba-original-desktop .tba-mobile-approval button:disabled{background:#34432e;border-color:#718450;color:#cfe0a3}
.tba-original-desktop .tba-desktop-workspace>.tba-original-control{align-self:start;justify-self:end}
.tba-original-desktop .tba-mobile-hero-panel{display:flex;justify-content:center;min-height:100%;padding:10px 0 4px}
.tba-scene .tba-zone-image{background-image:none!important}
.tba-scene .tba-zone-image .tba-original-landscape{width:100%;height:100%}
@container(min-width:1000px){
  .tba-scene .tba-original-desktop .tba-desktop-workspace{grid-template-columns:minmax(0,1fr) 318px;gap:28px;padding:27px 38px 0}
  .tba-scene .tba-original-desktop .tba-desktop-adventure{height:24%;min-height:172px}
}
@container(min-width:651px) and (max-width:999px){
  .tba-scene .tba-original-desktop .tba-desktop-workspace{grid-template-columns:minmax(0,1fr) 250px;gap:16px;padding:16px 20px 0}
  .tba-original-desktop .tba-desktop-workspace>.tba-original-control{width:250px;align-self:center}
}
@container(min-width:421px) and (max-width:650px){
  .tba-scene .tba-original-desktop .tba-desktop-workspace{grid-template-columns:minmax(0,1fr) 195px;gap:12px}
  .tba-original-desktop .tba-desktop-workspace>.tba-original-control{width:195px;align-self:center}
}
@container(max-width:420px){
  .tba-original-desktop .tba-desktop-workspace>.tba-original-control{display:none}
  .tba-original-desktop .tba-mobile-hero-panel>.tba-original-control{width:min(100%,318px);min-height:0;align-self:start}
  .tba-scene .tba-show-original-hero .tba-editor{display:none}
  .tba-scene .tba-show-original-hero .tba-desktop-adventure{height:112px;min-height:112px}
}
@media(max-width:639px){
  .tba-original-ambient{bottom:30px;height:180px}
  .tba-hero-showcase{width:100%;max-width:100%}
  .tba-hero-showcase:has(.tba-show-original-hero){min-height:800px}
}