/* Estilos limitados à atividade. Cabeçalho/rodapé são globais. */
.ft-missao-isomeria *{
  box-sizing:border-box;
}
.ft-missao-isomeria{
  --navy:#123B5D;
  --navy-2:#0d2d47;
  --aqua:#41C7B5;
  --aqua-dark:#249b8d;
  --bg:#eef7f8;
  --card:#ffffff;
  --text:#173142;
  --muted:#6a7f8e;
  --line:#d9e9eb;
  --gold:#e7b84b;
  --danger:#c74f58;
  --success:#2c9b77;
  --shadow:0 18px 45px rgba(18,59,93,.12);
}
.ft-missao-isomeria{
  scroll-behavior:smooth;
}
.ft-missao-isomeria{
  margin:0;
  min-height:100vh;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 15% 10%, rgba(65,199,181,.16), transparent 27%),
    radial-gradient(circle at 100% 80%, rgba(18,59,93,.11), transparent 30%),
    var(--bg);
}
.ft-missao-isomeria button,.ft-missao-isomeria input,.ft-missao-isomeria select{
  font:inherit;
}
.ft-missao-isomeria button{
  cursor:pointer;
}
.ft-missao-isomeria .chem-bg{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
}
.ft-missao-isomeria .bubble{
  position:absolute;
  display:block;
  border:2px solid rgba(65,199,181,.16);
  border-radius:50%;
  animation:float 7s ease-in-out infinite;
}
.ft-missao-isomeria .bubble::before,.ft-missao-isomeria .bubble::after{
  content:"";
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(18,59,93,.11);
}
.ft-missao-isomeria .bubble::before{left:-28px;top:50%}
.ft-missao-isomeria .bubble::after{right:-28px;top:15%}
.ft-missao-isomeria .b1{width:64px;height:64px;left:5%;top:18%}
.ft-missao-isomeria .b2{width:92px;height:92px;right:5%;top:10%;animation-delay:1s}
.ft-missao-isomeria .b3{width:54px;height:54px;right:11%;bottom:16%;animation-delay:2s}
.ft-missao-isomeria .b4{width:74px;height:74px;left:8%;bottom:8%;animation-delay:3s}
@keyframes float{
  0%,100%{transform:translateY(0) rotate(0deg)}
  50%{transform:translateY(-16px) rotate(5deg)}
}
.ft-missao-isomeria .app-shell{
  width:min(100%, 520px);
  min-height:100vh;
  margin:0 auto;
  padding:18px 16px 30px;
  position:relative;
  z-index:1;
}
.ft-missao-isomeria .topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px;
  padding:4px 2px;
}
.ft-missao-isomeria .topbar h1{
  margin:4px 0 0;
  color:var(--navy);
  font-size:1.45rem;
  letter-spacing:-.02em;
}
.ft-missao-isomeria .eyebrow{
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.13em;
  color:var(--aqua-dark);
}
.ft-missao-isomeria .lab-badge{
  width:48px;
  height:48px;
  display:grid;
  place-items:center;
  background:var(--navy);
  color:white;
  border-radius:16px;
  font-size:1.55rem;
  box-shadow:0 12px 22px rgba(18,59,93,.18);
}
.ft-missao-isomeria .screen{display:none}
.ft-missao-isomeria .screen.active{display:block}
.ft-missao-isomeria .hero-card,.ft-missao-isomeria .question-card,.ft-missao-isomeria .map-card,.ft-missao-isomeria .result-card{
  background:rgba(255,255,255,.94);
  border:1px solid rgba(217,233,235,.9);
  box-shadow:var(--shadow);
  border-radius:28px;
  padding:24px 20px;
  backdrop-filter:blur(10px);
}
.ft-missao-isomeria .hero-card{text-align:center}
.ft-missao-isomeria .hero-icon{
  width:82px;
  height:82px;
  border-radius:26px;
  margin:0 auto 14px;
  display:grid;
  place-items:center;
  font-size:2.45rem;
  background:linear-gradient(145deg, rgba(65,199,181,.22), rgba(18,59,93,.1));
}
.ft-missao-isomeria .mission-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 11px;
  border-radius:999px;
  background:rgba(65,199,181,.13);
  color:var(--aqua-dark);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.09em;
}
.ft-missao-isomeria .hero-card h2,.ft-missao-isomeria .map-card h2,.ft-missao-isomeria .result-card h2{
  color:var(--navy);
  font-size:1.8rem;
  margin:12px 0 10px;
  letter-spacing:-.03em;
}
.ft-missao-isomeria .hero-text{
  color:var(--muted);
  line-height:1.55;
  margin:0 auto 22px;
}
.ft-missao-isomeria label{
  display:block;
  text-align:left;
  color:var(--navy);
  font-weight:800;
  font-size:.88rem;
  margin:14px 0 7px;
}
.ft-missao-isomeria input,.ft-missao-isomeria select{
  width:100%;
  border:1.5px solid var(--line);
  border-radius:15px;
  padding:14px 15px;
  color:var(--text);
  background:#fbfefe;
  outline:none;
  transition:.2s ease;
}
.ft-missao-isomeria input:focus,.ft-missao-isomeria select:focus{
  border-color:var(--aqua);
  box-shadow:0 0 0 4px rgba(65,199,181,.12);
}
.ft-missao-isomeria .primary-btn{
  width:100%;
  border:0;
  border-radius:16px;
  padding:15px 18px;
  background:linear-gradient(135deg,var(--navy),#1d587e);
  color:#fff;
  font-weight:900;
  letter-spacing:.025em;
  margin-top:18px;
  box-shadow:0 12px 22px rgba(18,59,93,.19);
  transition:.2s ease;
}
.ft-missao-isomeria .primary-btn:active{transform:scale(.985)}
.ft-missao-isomeria .ghost-btn{
  width:100%;
  border:1.5px solid rgba(18,59,93,.14);
  background:rgba(255,255,255,.72);
  color:var(--navy);
  border-radius:15px;
  padding:13px;
  font-weight:850;
  margin-top:12px;
}
.ft-missao-isomeria .error-msg{
  min-height:20px;
  color:var(--danger);
  font-size:.84rem;
  margin:8px 0 0;
}
.ft-missao-isomeria .progress-wrap{
  background:rgba(255,255,255,.8);
  border:1px solid var(--line);
  border-radius:18px;
  padding:12px 14px;
  margin-bottom:12px;
}
.ft-missao-isomeria .progress-top{
  display:flex;
  justify-content:space-between;
  gap:12px;
  color:var(--navy);
  font-size:.78rem;
  font-weight:900;
  margin-bottom:8px;
}
.ft-missao-isomeria .progress-track{
  height:9px;
  border-radius:999px;
  background:#e5eff1;
  overflow:hidden;
}
.ft-missao-isomeria .progress-bar{
  height:100%;
  width:5%;
  background:linear-gradient(90deg,var(--aqua),#6ed8ca);
  border-radius:999px;
  transition:width .35s ease;
}
.ft-missao-isomeria .question-number{
  display:inline-block;
  color:var(--aqua-dark);
  background:rgba(65,199,181,.12);
  padding:6px 10px;
  border-radius:999px;
  font-size:.75rem;
  font-weight:900;
  letter-spacing:.08em;
}
.ft-missao-isomeria .question-card h2{
  margin:12px 0;
  color:var(--navy);
  font-size:1.55rem;
  line-height:1.18;
}
.ft-missao-isomeria .question-body{
  color:var(--muted);
  line-height:1.55;
}
.ft-missao-isomeria .molecule{
  margin:14px 0;
  padding:16px 12px;
  border:1px solid var(--line);
  border-radius:18px;
  background:linear-gradient(180deg,#fbfefe,#f4fbfb);
  color:var(--navy);
  text-align:center;
  font-size:1.08rem;
  font-weight:900;
  letter-spacing:.03em;
  white-space:pre-line;
}
.ft-missao-isomeria .dual-molecules{
  display:grid;
  gap:10px;
  margin:12px 0;
}
.ft-missao-isomeria .molecule small{
  display:block;
  color:var(--aqua-dark);
  font-size:.7rem;
  letter-spacing:.1em;
  margin-bottom:8px;
}
.ft-missao-isomeria .answer-area{
  display:grid;
  gap:10px;
  margin-top:16px;
}
.ft-missao-isomeria .answer-btn{
  border:1.5px solid var(--line);
  background:#fff;
  color:var(--text);
  border-radius:17px;
  padding:14px 15px;
  text-align:left;
  font-weight:800;
  line-height:1.35;
  min-height:54px;
  transition:.18s ease;
}
.ft-missao-isomeria .answer-btn:hover{
  border-color:#a9dcd5;
  transform:translateY(-1px);
}
.ft-missao-isomeria .answer-btn.correct{
  border-color:rgba(44,155,119,.6);
  background:rgba(44,155,119,.1);
  color:#17694e;
}
.ft-missao-isomeria .answer-btn.wrong{
  border-color:rgba(199,79,88,.55);
  background:rgba(199,79,88,.08);
  color:#95353d;
}
.ft-missao-isomeria .answer-btn:disabled{
  cursor:default;
}
.ft-missao-isomeria .feedback{
  margin-top:14px;
  padding:14px 15px;
  border-radius:17px;
  line-height:1.45;
  font-size:.91rem;
}
.ft-missao-isomeria .feedback.success{
  background:rgba(44,155,119,.1);
  border:1px solid rgba(44,155,119,.22);
  color:#17694e;
}
.ft-missao-isomeria .feedback.hint{
  background:rgba(231,184,75,.13);
  border:1px solid rgba(231,184,75,.28);
  color:#72530c;
}
.ft-missao-isomeria .hidden{display:none!important}
.ft-missao-isomeria .map-card{
  text-align:center;
}
.ft-missao-isomeria .map-flow{
  margin-top:18px;
}
.ft-missao-isomeria .map-node{
  padding:13px;
  border-radius:16px;
  border:1px solid var(--line);
  background:#f9fcfc;
  font-weight:800;
}
.ft-missao-isomeria .map-node.strong{
  background:var(--navy);
  color:white;
}
.ft-missao-isomeria .map-node small{
  font-weight:600;
  opacity:.8;
}
.ft-missao-isomeria .map-branches{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  margin:10px 0 14px;
}
.ft-missao-isomeria .map-branches .yes{
  border-color:rgba(65,199,181,.42);
  background:rgba(65,199,181,.1);
}
.ft-missao-isomeria .map-list{
  display:grid;
  gap:9px;
  text-align:left;
}
.ft-missao-isomeria .map-list>div{
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:15px;
  background:#fff;
}
.ft-missao-isomeria .map-list b,.ft-missao-isomeria .map-list span{
  display:block;
}
.ft-missao-isomeria .map-list b{color:var(--navy);font-size:.88rem}
.ft-missao-isomeria .map-list span{color:var(--aqua-dark);margin-top:4px;font-size:.83rem;font-weight:800}
.ft-missao-isomeria .result-card{
  text-align:center;
}
.ft-missao-isomeria .result-icon{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:50%;
  margin:0 auto 14px;
  background:linear-gradient(145deg,var(--aqua),#7bdcd0);
  color:white;
  font-size:2rem;
  font-weight:900;
  box-shadow:0 15px 30px rgba(65,199,181,.25);
}
.ft-missao-isomeria .result-sub{
  color:var(--muted);
  margin-top:-3px;
}
.ft-missao-isomeria .score-ring{
  width:144px;
  height:144px;
  margin:22px auto;
  border-radius:50%;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:13px solid rgba(65,199,181,.22);
  outline:1px solid rgba(18,59,93,.08);
  background:#fff;
}
.ft-missao-isomeria .score-ring strong{
  font-size:2rem;
  color:var(--navy);
}
.ft-missao-isomeria .score-ring span{
  color:var(--muted);
  font-size:.82rem;
  font-weight:800;
}
.ft-missao-isomeria .skill-summary{
  display:grid;
  gap:8px;
  text-align:left;
  margin:18px 0;
}
.ft-missao-isomeria .skill-item{
  padding:12px 13px;
  border:1px solid var(--line);
  border-radius:14px;
  background:#fbfefe;
  font-size:.88rem;
  font-weight:750;
}
.ft-missao-isomeria .skill-item.good{color:#17694e}
.ft-missao-isomeria .skill-item.review{color:#875f09}
.ft-missao-isomeria .definition-box{
  text-align:left;
  border-radius:17px;
  padding:14px 15px;
  background:rgba(18,59,93,.06);
  color:var(--navy);
}
.ft-missao-isomeria .definition-box p{
  margin:5px 0 0;
  line-height:1.5;
}
.ft-missao-isomeria footer{
  text-align:center;
  color:#76909d;
  font-size:.75rem;
  margin-top:18px;
}
@media (min-width:600px){.ft-missao-isomeria .app-shell{padding-top:28px}

}


.ft-missao-isomeria{position:relative;isolation:isolate;box-sizing:border-box;min-width:0;}

@media(prefers-reduced-motion:reduce){.ft-missao-isomeria *{animation-duration:0.01ms!important;transition-duration:0.01ms!important;}}