/* PLABS_KIDS_ANIM_MAP_LINGO_V3 — a prueba de caché: theme-anim + #app.theme-anim-map + pl-kids */
/* No toca world cards del selector de mundos. */

/* Fondo del mapa */
body.pl-kids[data-world="anim"] #app,
body.theme-anim #app,
html.theme-anim body #app,
body[data-world="anim"] #app,
#app.theme-anim-map {
  --lingo-ink: #2a1f45;
  --lingo-path: #fb923c;
  --lingo-path-deep: #c2410c;
  font-family: Outfit, Fredoka, Nunito, system-ui, sans-serif;
  background-color: #ffffff !important;
  background-image: none !important;
  min-height: 100vh;
  max-width: none !important;
}

body.pl-kids[data-world="anim"] #starfield,
body.theme-anim #starfield,
html.theme-anim #starfield,
body[data-world="anim"] #starfield {
  display: none !important;
}

body.pl-kids[data-world="anim"] .hud,
body.theme-anim .hud,
html.theme-anim body .hud,
body[data-world="anim"] .hud,
#app.theme-anim-map .hud {
  background: #ffffff !important;
  border-bottom: 3px solid #fff;
  box-shadow: 0 8px 24px rgba(42, 31, 69, 0.12);
  color: #2a1f45 !important;
}
body.pl-kids[data-world="anim"] .hud__name,
body.theme-anim .hud__name,
#app.theme-anim-map .hud__name { color: #2a1f45 !important; font-weight: 800; }
body.pl-kids[data-world="anim"] .stat,
body.pl-kids[data-world="anim"] .lang,
body.pl-kids[data-world="anim"] .hud__back,
body.theme-anim .stat,
body.theme-anim .lang,
body.theme-anim .hud__back,
#app.theme-anim-map .stat,
#app.theme-anim-map .lang,
#app.theme-anim-map .hud__back {
  background: #fff7ed !important;
  border: 2px solid #fdba74 !important;
  color: #2a1f45 !important;
  font-weight: 800;
}

/* ===== MAP FULL BLEED — mundoanimacion repeat-y ===== */
body[data-world="anim"] #mapwrap.mapwrap,
body[data-world="anim"] .mapwrap.mapwrap--anim,
body.pl-kids[data-world="anim"] .mapwrap--lingo,
body.pl-kids[data-world="anim"] .mapwrap--anim,
.mapwrap--anim {
  position: relative !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 8px 0 120px !important;
  min-height: calc(100vh - 64px) !important;
  background-color: #ffffff !important;
  background-image: url("../assets/animlab/map-bg-ui.png") !important;
  background-size: 100% auto !important;
  background-position: center top !important;
  background-repeat: repeat-y !important;
}

body[data-world="anim"] .mapwrap--lingo::before,
body.pl-kids[data-world="anim"] .mapwrap--lingo::before,
.mapwrap--anim::before {
  display: none !important;
}

.mapwrap--anim .mappath {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  pointer-events: none !important;
  opacity: 0.72;
}

.mapwrap--anim .mappath .lingo-path-bg {
  stroke: rgba(255, 255, 255, 0.95);
  stroke-width: 16;
  stroke-linecap: round;
  fill: none;
}

.mapwrap--anim .mappath .lingo-path-fg {
  stroke: #fb7185;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-dasharray: 10 12;
  fill: none;
  filter: drop-shadow(0 1px 2px rgba(225, 29, 72, 0.25));
}

.mapwrap--anim .map {
  position: relative !important;
  z-index: 4 !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: min(100%, 300px);
  margin: 0 auto;
  padding: 6px 8px 40px;
  box-sizing: border-box;
}

.mapwrap--anim .node,
.mapwrap--anim .unit-banner--lingo,
.mapwrap--anim .map-lingo-hero {
  position: relative;
  z-index: 5;
  transform: none !important;
}

.mapwrap--anim .map-lingo-hero--anim,
.mapwrap--anim .map-lingo-hero {
  display: flex !important;
  align-items: center;
  gap: 10px;
  width: 100%;
  margin: 4px 0 12px !important;
  padding: 8px 10px !important;
  background: rgba(255, 255, 255, 0.94) !important;
  border: 2px solid #fdba74 !important;
  border-radius: 16px !important;
  box-shadow: 0 8px 20px rgba(234, 88, 12, 0.12) !important;
  backdrop-filter: blur(6px);
}

@media (min-width: 900px) {
  .mapwrap--anim {
    background-size: 100% auto !important;
    background-repeat: repeat-y !important;
  }
  .mapwrap--anim .map { width: min(100%, 320px); }
}

@media (max-width: 560px) {
  .mapwrap--anim { padding: 4px 0 100px !important; }
  .mapwrap--anim .map { width: min(100%, 280px); }
}

body.pl-kids[data-world="anim"] .mapwrap,
body.theme-anim .mapwrap,
#app.theme-anim-map .mapwrap,
body.pl-kids[data-world="anim"] .mapwrap--lingo,
.mapwrap--anim {
  max-width: none !important;
  padding: 8px 0 120px !important;
  position: relative;
}

/* Path SVG must stay ABSOLUTE behind nodes (never position:relative) */
body.pl-kids[data-world="anim"] .mappath,
body.theme-anim .mappath,
html.theme-anim body .mappath,
body[data-world="anim"] .mappath,
#app.theme-anim-map .mappath,
.mapwrap--lingo .mappath {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
  pointer-events: none !important;
}
body.pl-kids[data-world="anim"] .map,
body.theme-anim .map,
html.theme-anim body .map,
body[data-world="anim"] .map,
#app.theme-anim-map .map,
.mapwrap--lingo .map {
  position: relative !important;
  z-index: 3 !important;
}
body.pl-kids[data-world="anim"] .node,
body.theme-anim .node,
#app.theme-anim-map .node,
.mapwrap--lingo .node {
  position: relative;
  z-index: 4;
}
body.pl-kids[data-world="anim"] .unit-banner--lingo,
body.theme-anim .unit-banner--lingo,
#app.theme-anim-map .unit-banner--lingo,
.map-lingo-hero {
  position: relative;
  z-index: 4;
}

body.pl-kids[data-world="anim"] .mappath .lingo-path-bg,
body.theme-anim .mappath .lingo-path-bg,
#app.theme-anim-map .mappath .lingo-path-bg,
.mappath .lingo-path-bg {
  stroke: #fff;
  stroke-width: 22;
  stroke-linecap: round;
  fill: none;
  opacity: 0.95;
}
body.pl-kids[data-world="anim"] .mappath .lingo-path-fg,
body.theme-anim .mappath .lingo-path-fg,
#app.theme-anim-map .mappath .lingo-path-fg,
.mappath .lingo-path-fg {
  stroke: #fb7185;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-dasharray: 18 14;
  fill: none;
}

/* Unit chapters */
body.pl-kids[data-world="anim"] .unit-banner,
body.pl-kids[data-world="anim"] .unit-banner--lingo,
body.theme-anim .unit-banner,
body.theme-anim .unit-banner--lingo,
#app.theme-anim-map .unit-banner,
.unit-banner--lingo {
  display: flex !important;
  align-items: center;
  gap: 14px;
  text-align: left;
  margin: 28px 8px 14px;
  padding: 14px 16px;
  border-radius: 22px;
  border: 4px solid #fff !important;
  color: #fff !important;
  font-family: Fredoka, Nunito, sans-serif;
  box-shadow: 0 8px 0 rgba(42, 31, 69, 0.18), 0 16px 32px rgba(42, 31, 69, 0.12);
  background: linear-gradient(135deg, #f472b6, #e11d48) !important;
}
body.pl-kids[data-world="anim"] .unit-banner.u2,
body.theme-anim .unit-banner.u2,
#app.theme-anim-map .unit-banner.u2 { background: linear-gradient(135deg, #38bdf8, #2563eb) !important; }
body.pl-kids[data-world="anim"] .unit-banner.u3,
body.theme-anim .unit-banner.u3,
#app.theme-anim-map .unit-banner.u3 { background: linear-gradient(135deg, #a78bfa, #7c3aed) !important; }
body.pl-kids[data-world="anim"] .unit-banner.u4,
body.theme-anim .unit-banner.u4,
#app.theme-anim-map .unit-banner.u4 { background: linear-gradient(135deg, #fb923c, #ea580c) !important; }
body.pl-kids[data-world="anim"] .unit-banner.u5,
body.theme-anim .unit-banner.u5,
#app.theme-anim-map .unit-banner.u5 { background: linear-gradient(135deg, #4ade80, #16a34a) !important; }
body.pl-kids[data-world="anim"] .unit-banner.u6,
body.theme-anim .unit-banner.u6,
#app.theme-anim-map .unit-banner.u6 { background: linear-gradient(135deg, #fbbf24, #d97706) !important; }
body.pl-kids[data-world="anim"] .unit-banner.u7,
body.theme-anim .unit-banner.u7,
#app.theme-anim-map .unit-banner.u7 { background: linear-gradient(135deg, #22d3ee, #0891b2) !important; }
body.pl-kids[data-world="anim"] .unit-banner.u8,
body.theme-anim .unit-banner.u8,
#app.theme-anim-map .unit-banner.u8 { background: linear-gradient(135deg, #e879f9, #c026d3) !important; }
body.pl-kids[data-world="anim"] .unit-banner.u9,
body.theme-anim .unit-banner.u9,
#app.theme-anim-map .unit-banner.u9 { background: linear-gradient(135deg, #67e8f9, #0ea5e9) !important; }

.unit-banner__emoji {
  flex: 0 0 56px;
  width: 56px;
  height: 56px;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.95);
  display: grid;
  place-items: center;
  font-size: 30px;
  box-shadow: 0 4px 0 rgba(42, 31, 69, 0.15);
}
.unit-banner__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.unit-banner__kicker {
  font-size: 11px; font-weight: 900; letter-spacing: 0.06em;
  text-transform: uppercase; opacity: 0.9; color: #fff;
}
.unit-banner__title {
  font-size: 17px; font-weight: 700; line-height: 1.2;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.12); color: #fff;
}

/* Candy nodes */
body.pl-kids[data-world="anim"] .node,
body.theme-anim .node,
#app.theme-anim-map .node { margin: 26px 0; }

body.pl-kids[data-world="anim"] .node__btn,
body.theme-anim .node__btn,
#app.theme-anim-map .node__btn,
.node--lingo .node__btn {
  width: 92px !important;
  height: 92px !important;
  border-radius: 50% !important;
  font-size: 40px !important;
  border: 5px solid #fff !important;
  background: linear-gradient(180deg, #fb7185, #e11d48) !important;
  box-shadow:
    0 10px 0 #9f1239,
    0 14px 28px rgba(225, 29, 72, 0.35),
    inset 0 3px 0 rgba(255, 255, 255, 0.35) !important;
  filter: none !important;
  color: #fff !important;
}
.node__ico { display: grid; place-items: center; line-height: 1; filter: drop-shadow(0 2px 0 rgba(0,0,0,.15)); }

body.pl-kids[data-world="anim"] .node--eng-animlab .node__btn,
body.theme-anim .node--eng-animlab .node__btn,
.node--eng-animlab.node--lingo .node__btn {
  background: linear-gradient(180deg, #fb7185, #db2777) !important;
  box-shadow: 0 10px 0 #9d174d, 0 14px 28px rgba(219,39,119,.35), inset 0 3px 0 rgba(255,255,255,.35) !important;
}
body.pl-kids[data-world="anim"] .node--eng-blendlab .node__btn,
.node--eng-blendlab.node--lingo .node__btn {
  background: linear-gradient(180deg, #fdba74, #ea580c) !important;
  box-shadow: 0 10px 0 #c2410c, 0 14px 28px rgba(234,88,12,.35), inset 0 3px 0 rgba(255,255,255,.35) !important;
}
body.pl-kids[data-world="anim"] .node--eng-scratchlab .node__btn,
.node--eng-scratchlab.node--lingo .node__btn {
  background: linear-gradient(180deg, #4ade80, #16a34a) !important;
  box-shadow: 0 10px 0 #166534, 0 14px 28px rgba(22,163,74,.35), inset 0 3px 0 rgba(255,255,255,.35) !important;
}
body.pl-kids[data-world="anim"] .node--eng-kritalab .node__btn,
.node--eng-kritalab.node--lingo .node__btn {
  background: linear-gradient(180deg, #fbbf24, #d97706) !important;
  box-shadow: 0 10px 0 #b45309, 0 14px 28px rgba(217,119,6,.35), inset 0 3px 0 rgba(255,255,255,.35) !important;
}
body.pl-kids[data-world="anim"] .node--eng-stopmotion .node__btn,
.node--eng-stopmotion.node--lingo .node__btn {
  background: linear-gradient(180deg, #22d3ee, #0891b2) !important;
  box-shadow: 0 10px 0 #0e7490, 0 14px 28px rgba(8,145,178,.35), inset 0 3px 0 rgba(255,255,255,.35) !important;
}
body.pl-kids[data-world="anim"] .node--eng-unitylab .node__btn,
.node--eng-unitylab.node--lingo .node__btn {
  background: linear-gradient(180deg, #67e8f9, #0ea5e9) !important;
  box-shadow: 0 10px 0 #0369a1, 0 14px 28px rgba(14,165,233,.35), inset 0 3px 0 rgba(255,255,255,.35) !important;
}

body.pl-kids[data-world="anim"] .node--done .node__btn,
body.theme-anim .node--done .node__btn,
.node--lingo.node--done .node__btn {
  background: linear-gradient(180deg, #86efac, #22c55e) !important;
  box-shadow: 0 10px 0 #15803d, 0 14px 28px rgba(34,197,94,.35), inset 0 3px 0 rgba(255,255,255,.4) !important;
}
body.pl-kids[data-world="anim"] .node--active .node__btn,
body.theme-anim .node--active .node__btn,
.node--lingo.node--active .node__btn {
  background: linear-gradient(180deg, #fde68a, #f59e0b) !important;
  box-shadow: 0 10px 0 #b45309, 0 14px 28px rgba(245,158,11,.45), inset 0 3px 0 rgba(255,255,255,.5) !important;
  transform: scale(1.06);
}
body.pl-kids[data-world="anim"] .node--active .node__btn::after,
.node--lingo.node--active .node__btn::after {
  border-color: #fbbf24; inset: -12px; border-width: 4px;
}
body.pl-kids[data-world="anim"] .node--active::before,
body.theme-anim .node--active::before,
.node--lingo.node--active::before {
  content: "¡JUEGA!" !important;
  background: #e11d48 !important;
  color: #fff !important;
  border: 3px solid #fff;
  border-radius: 999px;
  font-size: 12px;
  letter-spacing: 0.04em;
  padding: 4px 12px;
  box-shadow: 0 4px 0 rgba(42, 31, 69, 0.2);
  top: -28px;
}
body.pl-kids[data-world="anim"] .node--boss .node__btn,
.node--lingo.node--boss .node__btn {
  width: 108px !important; height: 108px !important; font-size: 48px !important;
  background: linear-gradient(180deg, #f472b6, #be123c) !important;
  box-shadow: 0 12px 0 #9f1239, 0 18px 36px rgba(190,18,60,.4), inset 0 3px 0 rgba(255,255,255,.35) !important;
  border-width: 6px !important;
}
body.pl-kids[data-world="anim"] .node--locked .node__btn,
.node--lingo.node--locked .node__btn {
  background: linear-gradient(180deg, #e2e8f0, #94a3b8) !important;
  box-shadow: 0 10px 0 #64748b, inset 0 3px 0 rgba(255,255,255,.4) !important;
  filter: none !important; opacity: 0.92;
}
body.pl-kids[data-world="anim"] .node--locked .node__btn::before,
.node--lingo.node--locked .node__btn::before {
  content: "🔒"; font-size: 28px; z-index: 2;
}
body.pl-kids[data-world="anim"] .node--premium .node__btn,
.node--lingo.node--premium .node__btn { border-color: #fde68a !important; }
body.pl-kids[data-world="anim"] .node--premium .node__btn::before,
.node--lingo.node--premium .node__btn::before {
  content: "👑"; top: -8px; right: -8px; font-size: 24px;
  filter: drop-shadow(0 2px 0 rgba(0,0,0,.2));
}

/* Labels */
body.pl-kids[data-world="anim"] .node__label,
body.theme-anim .node__label,
#app.theme-anim-map .node__label,
.node--lingo .node__label {
  margin-top: 12px; max-width: 160px; color: transparent; font-size: 0;
}
body.pl-kids[data-world="anim"] .node__labelpill,
body.theme-anim .node__labelpill,
#app.theme-anim-map .node__labelpill,
.node__labelpill {
  display: inline-block !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.25;
  color: #2a1f45 !important;
  background: #fff !important;
  border: 3px solid #fff !important;
  border-radius: 14px;
  padding: 8px 12px;
  box-shadow: 0 6px 0 rgba(42, 31, 69, 0.12), 0 10px 20px rgba(42, 31, 69, 0.1);
}
body.pl-kids[data-world="anim"] .node--done .node__labelpill,
.node--lingo.node--done .node__labelpill {
  color: #14532d !important; background: #ecfdf5 !important; box-shadow: 0 6px 0 #86efac;
}
body.pl-kids[data-world="anim"] .node--active .node__labelpill,
.node--lingo.node--active .node__labelpill {
  color: #92400e !important; background: #fffbeb !important; box-shadow: 0 6px 0 #fbbf24;
}
body.pl-kids[data-world="anim"] .node--locked .node__labelpill,
.node--lingo.node--locked .node__labelpill {
  color: #64748b !important; background: #f1f5f9 !important; box-shadow: 0 6px 0 #cbd5e1;
}

.map-lingo-hero {
  position: relative; z-index: 3;
  display: flex; align-items: center; gap: 12px;
  margin: 8px 12px 4px; padding: 12px 14px;
  background: #fff; border: 4px solid #fff; border-radius: 22px;
  box-shadow: 0 8px 0 rgba(42, 31, 69, 0.12), 0 16px 32px rgba(42, 31, 69, 0.1);
}
.map-lingo-hero__mascot {
  width: 64px; height: 64px; object-fit: contain; flex-shrink: 0;
  filter: drop-shadow(0 6px 0 rgba(225, 29, 72, 0.2));
  animation: lingoBounce 2.4s ease-in-out infinite;
}
.map-lingo-hero__bubble {
  flex: 1; font-family: Fredoka, Nunito, sans-serif; font-weight: 700;
  font-size: 15px; line-height: 1.3; color: #2a1f45;
}
.map-lingo-hero__bubble small {
  display: block; margin-top: 4px; font-family: Nunito, sans-serif;
  font-weight: 700; font-size: 12px; color: #6b5f86;
}
@keyframes lingoBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-6px); }
}

html.pl-mobile body.pl-kids[data-world="anim"] .hud,
html.pl-mobile body.theme-anim .hud,
html.pl-mobile #app.theme-anim-map .hud { background: #fff !important; }

@media (prefers-reduced-motion: reduce) {
  .map-lingo-hero__mascot { animation: none; }
}


/* PLABS_ANIM_MAP_LINGO_V3b — click only (no drag) + press feel */
.mapwrap--lingo .node,
.mapwrap--lingo .node__btn {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  touch-action: manipulation;
  cursor: pointer;
}
.mapwrap--lingo .node__btn:active {
  transform: translateY(4px) scale(0.96) !important;
  box-shadow: 0 4px 0 rgba(42, 31, 69, 0.25), inset 0 2px 0 rgba(255,255,255,.35) !important;
}
.mapwrap--lingo .node__labelpill {
  pointer-events: none;
}

/* Lesson modal Animación */
#lessonModal.lesson--lingo .learn-step--coach {
  background: linear-gradient(135deg, #fff7ed, #ecfeff) !important;
  border: 2px solid #fdba74 !important;
  color: #2a1f45 !important;
  font-weight: 800;
}
#lessonModal.lesson--lingo .lesson__title {
  color: #2a1f45 !important;
}
#lessonModal.lesson--lingo .lesson__goal {
  color: #6b5f86 !important;
}

/* PLABS_ANIMLAB_LIGHT_V1 — AnimLab claro dentro del shell Lingo (mundo anim) */
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab,
body.theme-anim #lessonModal.lesson--lingo .animlab,
#lessonModal.lesson--lingo .animlab {
  --an-accent: #f97316;
  --an-accent2: #fb923c;
  --an-glow: rgba(249, 115, 22, 0.28);
  color: #2a1f45 !important;
  background:
    radial-gradient(900px 420px at 10% -5%, rgba(125, 211, 252, 0.55), transparent 55%),
    radial-gradient(700px 380px at 100% 0%, rgba(253, 186, 116, 0.45), transparent 50%),
    linear-gradient(180deg, #fff7ed 0%, #ecfeff 48%, #fef3c7 100%) !important;
  border: 4px solid #fff !important;
  box-shadow: 0 12px 0 rgba(42, 31, 69, 0.1), 0 24px 40px rgba(42, 31, 69, 0.12) !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__title,
#lessonModal.lesson--lingo .animlab__title {
  color: #2a1f45 !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__sub,
#lessonModal.lesson--lingo .animlab__sub {
  color: #6b5f86 !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__brand,
#lessonModal.lesson--lingo .animlab__brand {
  color: #ea580c !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__progress,
#lessonModal.lesson--lingo .animlab__progress {
  background: #fff !important;
  border: 2px solid #fdba74 !important;
  color: #2a1f45 !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__prog-num,
#lessonModal.lesson--lingo .animlab__prog-num {
  color: #2a1f45 !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__stage-card,
#lessonModal.lesson--lingo .animlab__stage-card {
  background: linear-gradient(180deg, #ffffff, #fff7ed) !important;
  border: 3px solid #fff !important;
  box-shadow: 0 10px 0 rgba(42, 31, 69, 0.1) !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__toolbar,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__toolbar--sub,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__timeline,
#lessonModal.lesson--lingo .animlab__toolbar,
#lessonModal.lesson--lingo .animlab__toolbar--sub,
#lessonModal.lesson--lingo .animlab__timeline {
  background: rgba(255, 247, 237, 0.95) !important;
  border-color: rgba(251, 146, 60, 0.35) !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__tool,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__btn,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__chip,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__thumb,
#lessonModal.lesson--lingo .animlab__tool,
#lessonModal.lesson--lingo .animlab__btn,
#lessonModal.lesson--lingo .animlab__chip,
#lessonModal.lesson--lingo .animlab__thumb {
  background: #fff !important;
  color: #2a1f45 !important;
  border: 2px solid #fdba74 !important;
  box-shadow: 0 3px 0 rgba(194, 65, 12, 0.2);
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__tool.is-on,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__btn.is-on,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__chip.is-on,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__thumb.is-active,
#lessonModal.lesson--lingo .animlab__tool.is-on,
#lessonModal.lesson--lingo .animlab__btn.is-on,
#lessonModal.lesson--lingo .animlab__chip.is-on,
#lessonModal.lesson--lingo .animlab__thumb.is-active {
  background: #ffedd5 !important;
  border-color: #f97316 !important;
  box-shadow: 0 0 0 2px rgba(249, 115, 22, 0.25) !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__btn--play,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__btn--tween,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__btn--accent,
#lessonModal.lesson--lingo .animlab__btn--play,
#lessonModal.lesson--lingo .animlab__btn--tween,
#lessonModal.lesson--lingo .animlab__btn--accent {
  background: linear-gradient(180deg, #fb923c, #ea580c) !important;
  color: #fff !important;
  border: none !important;
  box-shadow: 0 5px 0 #c2410c !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__fps,
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__lab,
#lessonModal.lesson--lingo .animlab__fps,
#lessonModal.lesson--lingo .animlab__lab {
  color: #6b5f86 !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__viewport,
#lessonModal.lesson--lingo .animlab__viewport {
  background: #fffbeb !important;
  border-top: 2px solid #fde68a;
  border-bottom: 2px solid #fde68a;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__panel,
#lessonModal.lesson--lingo .animlab__panel {
  background: #fff !important;
  border: 3px solid #fff !important;
  box-shadow: 0 8px 0 rgba(42, 31, 69, 0.08) !important;
  color: #2a1f45 !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__block h3,
#lessonModal.lesson--lingo .animlab__block h3 {
  color: #ea580c !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__mission,
#lessonModal.lesson--lingo .animlab__mission {
  background: #fff7ed !important;
  border: 2px solid #fdba74 !important;
  color: #2a1f45 !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__toast,
#lessonModal.lesson--lingo .animlab__toast {
  background: #fff !important;
  color: #2a1f45 !important;
  border: 2px solid #fdba74 !important;
}
body.pl-kids[data-world="anim"] #lessonModal.lesson--lingo .animlab__toast--ok,
#lessonModal.lesson--lingo .animlab__toast--ok {
  border-color: #86efac !important;
  color: #166534 !important;
}

/* PLABS_UNITYLAB_FULLPLAY_V1 — zona de juego grande (personaje JS) */
body.pl-kids[data-world="anim"] .studio.studio--gamedev:has(.unitylab) #gameHolder.studio__canvas,
body.pl-kids[data-world="anim"] #gameHolder.studio__canvas:has(.unitylab),
#lessonModal.lesson--lingo #gameHolder:has(.unitylab) {
  min-height: min(68vh, 640px) !important;
  height: min(68vh, 640px) !important;
  aspect-ratio: auto !important;
}
body.pl-kids[data-world="anim"] .studio.studio--gamedev:has(.unitylab) .studio__objective,
body.pl-kids[data-world="anim"] .studio.studio--gamedev:has(.unitylab) .studio__actions,
body.pl-kids[data-world="anim"] .studio.studio--gamedev:has(.unitylab) .studio__msg,
body.pl-kids[data-world="anim"] .studio.studio--gamedev:has(.unitylab) .codepeek,
body.pl-kids[data-world="anim"] .studio.studio--gamedev:has(.unitylab) #codePeekToggle {
  display: none !important;
}
body.pl-kids[data-world="anim"] .unitylab {
  min-height: min(68vh, 640px) !important;
  height: 100% !important;
}
@media (max-width: 960px) {
  body.pl-kids[data-world="anim"] .studio.studio--gamedev:has(.unitylab) #gameHolder.studio__canvas,
  #lessonModal.lesson--lingo #gameHolder:has(.unitylab) {
    min-height: min(62vh, 560px) !important;
    height: min(62vh, 560px) !important;
  }
}

/* PLABS_UNITYLAB_FULLPLAY_V1b — class hook (sin :has) */
.studio.studio--unitylab #gameHolder.studio__canvas,
.studio.studio--unitylab .studio__canvas {
  min-height: min(68vh, 640px) !important;
  height: min(68vh, 640px) !important;
  aspect-ratio: auto !important;
}
.studio.studio--unitylab .studio__objective,
.studio.studio--unitylab .studio__actions,
.studio.studio--unitylab .studio__msg,
.studio.studio--unitylab .codepeek,
.studio.studio--unitylab #codePeekToggle,
.studio.studio--unitylab #runBtn,
.studio.studio--unitylab #resetBtn {
  display: none !important;
}
.studio.studio--unitylab .unitylab {
  min-height: 100% !important;
  height: 100% !important;
}
@media (max-width: 960px) {
  .studio.studio--unitylab #gameHolder.studio__canvas {
    min-height: min(62vh, 560px) !important;
    height: min(62vh, 560px) !important;
  }
}


/* ===== ANIM_ORANGE_CLAUDE_V1 — unified orange chrome (buttons/type only) ===== */
body.pl-kids[data-world="anim"] #lessonModal .ltab,
body.pl-kids[data-world="anim"] #lessonModal .plux-dock__nav button {
  background: #fff7ed !important;
  border: 1px solid #fdba74 !important;
  color: #9a3412 !important;
  font-weight: 800 !important;
}
body.pl-kids[data-world="anim"] #lessonModal .ltab.is-active,
body.pl-kids[data-world="anim"] #lessonModal .plux-dock__nav button.is-active {
  background: linear-gradient(180deg, #fb923c, #ea580c) !important;
  border-color: transparent !important;
  color: #fff7ed !important;
}
body.pl-kids[data-world="anim"] #lessonModal .lesson__title,
body.pl-kids[data-world="anim"] #lessonModal .animlab__block h3,
body.pl-kids[data-world="anim"] #lessonModal .animlab__panel-head,
body.pl-kids[data-world="anim"] #lessonModal .animlab__note,
body.pl-kids[data-world="anim"] #lessonModal .animlab__lab {
  color: #fdba74 !important;
}
body.pl-kids[data-world="anim"] #lessonModal .animlab__mission {
  background: rgba(255, 247, 237, 0.06) !important;
  border: 1px solid rgba(251, 146, 60, 0.28) !important;
  color: #ffedd5 !important;
}
body.pl-kids[data-world="anim"] #lessonModal .animlab__mission.is-done {
  border-color: rgba(34, 197, 94, 0.45) !important;
  background: rgba(34, 197, 94, 0.12) !important;
}
body.pl-kids[data-world="anim"] #lessonModal .animlab__tool,
body.pl-kids[data-world="anim"] #lessonModal .animlab__btn,
body.pl-kids[data-world="anim"] #lessonModal .animlab__chip {
  border-color: rgba(251, 146, 60, 0.35) !important;
  color: #ffedd5 !important;
  background: rgba(255, 247, 237, 0.06) !important;
}
body.pl-kids[data-world="anim"] #lessonModal .animlab__tool.is-on,
body.pl-kids[data-world="anim"] #lessonModal .animlab__chip.is-on {
  background: rgba(234, 88, 12, 0.3) !important;
  border-color: #ea580c !important;
}
body.pl-kids[data-world="anim"] #lessonModal .animlab__btn--play,
body.pl-kids[data-world="anim"] #lessonModal .animlab__btn--accent,
body.pl-kids[data-world="anim"] #lessonModal .animlab__btn--tween,
body.pl-kids[data-world="anim"] #lessonModal .animlab__btn--addframe {
  background: linear-gradient(180deg, #fb923c, #ea580c) !important;
  color: #fff7ed !important;
  border: 0 !important;
  box-shadow: 0 3px 0 #9a3412 !important;
}
body.pl-kids[data-world="anim"] #lessonModal .animlab__panel,
body.pl-kids[data-world="anim"] #lessonModal .animlab__block {
  background: rgba(28, 20, 16, 0.92) !important;
  border-color: rgba(251, 146, 60, 0.22) !important;
}
body.pl-kids[data-world="anim"] #lessonModal .animlab__prog-num {
  color: #fb923c !important;
}
body.pl-kids[data-world="anim"] #lessonModal .unitylab__card {
  background: linear-gradient(160deg, #fff7ed 0%, #fed7aa 55%, #fb923c 100%) !important;
  color: #1c1917 !important;
  box-shadow: 0 5px 0 #c2410c !important;
}
body.pl-kids[data-world="anim"] #lessonModal .plux-story__cta {
  background: linear-gradient(180deg, #fb923c, #ea580c) !important;
  box-shadow: 0 6px 0 #9a3412 !important;
}