:root{
  --bg:#040A1A;
  --panel:rgba(255,255,255,.68);
  --panel2:rgba(255,255,255,.58);
  --border:rgba(255,255,255,.52);
  --border2:rgba(255,255,255,.40);
  --text:#0f172a;
  --muted:#334155;
  --muted2:#5b7086;
  --accent:#0b6aa9;
}

html{
  min-height:100%;
}

body{
  margin:0;
  min-height:100vh;
  background-color:var(--bg);
  color:var(--text);
  font-family:system-ui,-apple-system,"Segoe UI",sans-serif;
  display:flex;
  flex-direction:column;
}

#history-bg{
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-color:var(--bg);
  background-image:radial-gradient(circle at 50% 38%, rgba(21,48,98,.34) 0%, rgba(15,38,86,.26) 28%, rgba(12,31,72,.18) 52%, rgba(7,19,49,.10) 74%, rgba(2,3,7,0) 100%);
  background-position:center center;
  background-size:cover;
  background-repeat:no-repeat;
}

body > *:not(#history-bg):not(script){
  position:relative;
  z-index:1;
}

.topbar{
  background:linear-gradient(90deg, rgba(16,42,84,.94), rgba(32,76,140,.90));
  border-bottom:1px solid rgba(173,216,255,.24);
  padding:10px 16px;
  text-align:center;
  font-size:12px;
  color:rgba(239,248,255,.96);
  letter-spacing:.10em;
  text-transform:none;
  box-shadow:0 10px 22px rgba(15,23,42,.18);
}

header{
  background:transparent;
  padding:16px 24px 10px;
  border-bottom:0;
  text-align:left;
  display:flex;
  flex-direction:column;
  gap:0;
  box-shadow:none;
}

.latin-name{
  margin:0;
  color:var(--muted2);
  font-size:clamp(15px,1.8vw,18px);
  line-height:1.35;
  max-width:70ch;
}

.header-lang-picker{
  justify-content:flex-start;
  width:100%;
  max-width:100%;
  margin:0;
  padding:0 0 10px;
  border-bottom:1px solid rgba(255,255,255,.34);
  scroll-padding-inline:0;
}

.header-audio-trigger,
.canvas-quick-trigger{
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  width:48px;
  height:48px;
  border-radius:999px;
  border:1px solid rgba(230,196,108,.88);
  background:radial-gradient(circle at 30% 30%, rgba(133,76,186,.98), rgba(83,43,131,.98) 58%, rgba(38,24,78,.98) 100%);
  color:#f6e7b0;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 10px 24px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(230,196,108,.10);
  cursor:pointer;
  transition:transform .08s ease, border-color .14s ease, box-shadow .14s ease, opacity .14s ease;
  flex:0 0 auto;
}

.header-audio-trigger:hover,
.canvas-quick-trigger:hover{
  border-color:rgba(255,255,255,.78);
  box-shadow:0 12px 28px rgba(15,23,42,.12), inset 0 1px 0 rgba(255,255,255,.46);
}

.header-audio-trigger:active,
.canvas-quick-trigger:active{
  transform:scale(.98);
}

.header-audio-trigger:focus-visible,
.canvas-quick-trigger:focus-visible{
  outline:2px solid rgba(11,106,169,.26);
  outline-offset:3px;
}

.header-audio-trigger.is-disabled,
.canvas-quick-trigger.is-disabled{
  opacity:.52;
  cursor:not-allowed;
  box-shadow:none;
}

.header-audio-trigger.is-playing,
.canvas-quick-trigger.is-armed{
  border-color:rgba(255,255,255,.84);
  box-shadow:0 0 0 1px rgba(255,255,255,.24), 0 10px 24px rgba(15,23,42,.12);
}

.trigger-icon{
  font-size:18px;
  line-height:1;
}

main{
  flex:1 0 auto;
  width:100%;
  max-width:900px;
  margin:32px auto;
  padding:0 16px 48px;
  box-sizing:border-box;
}

.card{
  background:rgba(255,255,255,.36);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  border-radius:12px;
  padding:28px;
  border:1px solid rgba(255,255,255,.46);
  margin-bottom:24px;
  box-shadow:0 14px 34px rgba(15,23,42,.10);
}

.card h2{
  margin-top:0;
  margin-bottom:12px;
  font-size:clamp(20px,2.2vw,22px);
  line-height:1.28;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.card p{
  margin-top:0;
  line-height:1.6;
  color:var(--muted);
}

#animal-tip #label-askai-tip-text,
#animal-local-story #label-localstory-text,
#animal-news #label-news-text,
#local-story,
#news-list .news-text{
  color:var(--text);
}

footer{
  flex-shrink:0;
  text-align:center;
  padding:16px;
  font-size:12px;
  color:rgba(239,248,255,.96);
  border-top:1px solid rgba(173,216,255,.20);
  background:linear-gradient(90deg, rgba(16,42,84,.94), rgba(32,76,140,.90));
}

a{
  color:var(--accent);
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0, 0, 0, 0);
  white-space:nowrap;
  border:0;
}

[hidden]{
  display:none !important;
}

body.audit-visible #local-story[hidden],
body.audit-visible #news-list[hidden]{
  display:block !important;
}

body.audit-visible .intro-block,
body.audit-visible #animal-anchor,
body.audit-visible #animal-tip,
body.audit-visible #animal-local-story,
body.audit-visible #animal-news{
  display:block !important;
}

body.audit-visible #animal-anchor[hidden],
body.audit-visible #animal-tip[hidden],
body.audit-visible #animal-local-story[hidden],
body.audit-visible #animal-news[hidden],
body.audit-visible .latin-name[hidden],
body.audit-visible #keeper-diary-link[hidden],
body.audit-visible #park-info-link[hidden]{
  display:block !important;
}

body.audit-visible #keeper-diary-link[hidden],
body.audit-visible #park-info-link[hidden]{
  display:inline-flex !important;
}

body.audit-visible .intro-block{
  display:flex !important;
  border-style:dashed;
  border-color:rgba(147,197,253,.28);
}

body.audit-visible .intro-copy{
  min-height:84px;
  padding:10px 12px;
  border:1px dashed rgba(147,197,253,.28);
  border-radius:12px;
  background:rgba(255,255,255,.02);
}

body.audit-visible #h-animal-name:empty::before{
  content:"Pont neve";
  display:block;
  color:rgba(245,245,245,.72);
}

body.audit-visible #h-animal-latin:empty::before{
  content:"Másodlagos név / tudományos név";
  display:block;
  color:rgba(156,163,175,.78);
}


.intro-block{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
  padding:18px 24px 16px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.03));
  box-shadow:0 8px 18px rgba(15,23,42,.03);
}

.intro-copy{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  flex:1 1 auto;
}

.intro-title{
  margin:0;
  min-width:0;
  font-size:clamp(32px,4.8vw,46px);
  line-height:1.05;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.intro-subtitle{
  display:block;
  margin:0;
  max-width:70ch;
}

.intro-actions{
  display:flex;
  align-items:flex-start;
  justify-content:flex-end;
  gap:12px;
  flex:0 0 auto;
  margin-left:auto;
}

.canvas-shell{
  margin-bottom:24px;
  border:1px solid var(--border);
  border-radius:18px;
  background:linear-gradient(180deg, rgba(255,255,255,.58), rgba(255,255,255,.48));
  box-shadow:0 14px 34px rgba(15,23,42,.10);
  overflow:hidden;
}

.canvas-head{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 12px;
}

.canvas-head--primary{
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding:18px 24px 16px;
}

.canvas-point-block{
  display:flex;
  flex-direction:column;
  gap:6px;
  min-width:0;
  flex:1 1 auto;
}

.canvas-point-title{
  margin:0;
  min-width:0;
  font-size:clamp(32px,4.8vw,46px);
  line-height:1.05;
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
  word-break:break-word;
}

.canvas-point-subtitle{
  display:block;
  margin:0;
  max-width:70ch;
}

.canvas-head-actions{
  display:flex;
  align-items:center;
  gap:12px;
  flex:0 0 auto;
}

.canvas-toggle{
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  min-height:62px;
  padding:8px 10px;
  border:0;
  background:transparent;
  color:var(--text);
  cursor:pointer;
  text-align:left;
}

.canvas-toggle:focus-visible{
  outline:2px solid rgba(147,197,253,.48);
  outline-offset:2px;
  border-radius:12px;
}

.canvas-toggle--icon{
  width:48px;
  min-width:48px;
  min-height:48px;
  height:48px;
  padding:0;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(230,196,108,.88);
  background:radial-gradient(circle at 30% 30%, rgba(133,76,186,.98), rgba(83,43,131,.98) 58%, rgba(38,24,78,.98) 100%);
  color:#f6e7b0;
  box-shadow:0 10px 24px rgba(15,23,42,.22), inset 0 1px 0 rgba(255,255,255,.14), 0 0 0 1px rgba(230,196,108,.10);
  flex:0 0 auto;
}

.canvas-toggle--icon:hover{
  border-color:rgba(245,209,122,.96);
  box-shadow:0 12px 28px rgba(15,23,42,.24), 0 0 18px rgba(230,196,108,.16);
}

.canvas-toggle--icon .canvas-chevron{
  margin-right:0;
}

.canvas-chevron{
  width:12px;
  height:12px;
  border-right:2px solid rgba(246,231,176,.96);
  border-bottom:2px solid rgba(246,231,176,.96);
  transform:rotate(45deg);
  transition:transform .18s ease;
  margin-right:4px;
  flex:0 0 auto;
}

.canvas-shell.is-open .canvas-chevron{
  transform:rotate(-135deg);
}

.canvas-body{
  padding:0 14px 14px;
  border-top:1px solid rgba(255,255,255,.06);
}

.canvas-body > .card:first-child{
  margin-top:14px;
}

.canvas-body > .card:last-child{
  margin-bottom:0;
}

.narrator-helper{
  margin:14px 0 8px;
  color:var(--muted2);
  font-size:13px;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.narrator-selected{
  margin:0 0 14px;
  color:#0f172a;
  font-size:14px;
}

.ai-btn.is-selected{
  border-color:rgba(255,255,255,.86);
  box-shadow:0 10px 24px rgba(15,23,42,.12), 0 0 0 1px rgba(255,255,255,.24);
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(255,255,255,.72));
}

.ai-btn.is-selected .ai-ico{
  border-color:rgba(255,255,255,.94);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.92));
}

.ai-layer{
  position:absolute;
  left:-9999px;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
  white-space:pre-line;
}

.media-slot{
  border-radius:12px;
  border:1px solid var(--border);
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  overflow:hidden;
}

.media-16x9{
  aspect-ratio:16/9;
  display:block;
  position:relative;
}

.media-16x9 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

#animal-anchor.card{
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  margin-bottom:24px;
}

#animal-anchor .media-slot,
#animal-anchor .media-16x9{
  border-radius:12px;
}

#animal-anchor .media-slot{
  border:0;
}

.news-item{
  padding:12px 14px;
  border:1px solid var(--border);
  border-radius:12px;
  background:rgba(255,255,255,.02);
  margin-top:10px;
}

.news-date{
  font-size:12px;
  color:var(--muted2);
  letter-spacing:.08em;
  text-transform:uppercase;
  margin:0 0 6px;
}

.news-text{
  margin:0;
  color:var(--muted);
  line-height:1.55;
}

.ai-launcher{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:14px;
  margin-top:14px;
}

.ai-btn{
  --brand: rgba(147,197,253,.75);
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:14px;
  width:100%;
  min-height:84px;
  border:1px solid rgba(255,255,255,.28);
  background:linear-gradient(180deg, rgba(255,255,255,.26), rgba(255,255,255,.18));
  border-radius:16px;
  padding:14px 18px;
  color:var(--text);
  cursor:pointer;
  user-select:none;
  box-shadow:0 12px 28px rgba(15,23,42,.08);
  transition:transform .08s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease;
  text-align:left;
}

.ai-btn:hover{
  border-color:rgba(255,255,255,.46);
  background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.24));
}

.ai-btn:hover .ai-ico{
  border-color:rgba(255,255,255,.84);
}

.ai-btn:active{
  transform:scale(.985);
}

.ai-btn:focus-visible{
  outline:2px solid rgba(147,197,253,.55);
  outline-offset:3px;
}

.ai-ico{
  width:46px;
  height:46px;
  border-radius:14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.76);
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,255,255,.86));
  box-shadow:0 8px 18px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.55);
  flex:0 0 auto;
}

.ai-logo{
  width:26px;
  height:26px;
  display:block;
  object-fit:contain;
  filter:drop-shadow(0 6px 14px rgba(0,0,0,.20));
}

.ai-fallback{
  display:none;
  width:26px;
  height:26px;
  place-items:center;
  font-weight:850;
  font-size:16px;
  color:rgba(15,23,42,.92);
  letter-spacing:.02em;
}

.ai-label{
  font-size:15px;
  font-weight:650;
  letter-spacing:.01em;
  line-height:1.2;
  text-align:left;
}

.toast{
  position:fixed;
  left:50%;
  bottom:18px;
  transform:translateX(-50%) translateY(8px);
  background:rgba(255,255,255,.72);
  border:1px solid rgba(255,255,255,.42);
  color:var(--text);
  padding:10px 12px;
  border-radius:999px;
  font-size:13px;
  letter-spacing:.01em;
  opacity:0;
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
  z-index:9999;
  box-shadow:0 14px 34px rgba(15,23,42,.12);
  max-width:min(92vw, 720px);
  text-align:center;
}

.toast.show{
  opacity:1;
  transform:translateX(-50%) translateY(-4px);
}

.legal-strip{
  display:block;
  width:fit-content;
  max-width:calc(100% - 32px);
  margin:20px auto 16px;
  padding:9px 18px;
  border:1px solid rgba(173,216,255,.12);
  border-radius:999px;
  background:linear-gradient(90deg, rgba(16,42,84,.74), rgba(32,76,140,.70));
  color:rgba(239,248,255,.92);
  font-size:12px;
  line-height:1.45;
  text-align:center;
  box-sizing:border-box;
  box-shadow:0 10px 24px rgba(15,23,42,.10);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}

.legal-strip strong{
  color:#ffffff;
}

.lang-picker{
  display:flex;
  flex-wrap:nowrap;
  gap:10px;
  margin-top:14px;
  overflow-x:auto;
  overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-behavior:smooth;
  scroll-padding-inline:12px;
  padding:0 12px 8px;
  box-sizing:border-box;
}

.lang-picker::-webkit-scrollbar{
  height:8px;
}

.lang-picker::-webkit-scrollbar-thumb{
  background:rgba(255,255,255,.14);
  border-radius:999px;
}

.lang-flag{
  appearance:none;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.14);
  padding:8px;
  border-radius:999px;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  flex:0 0 auto;
  width:58px;
  height:58px;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:none;
}

.lang-flag:hover{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.14);
}

.lang-flag.is-active{
  background:rgba(255,255,255,.20);
  border-color:rgba(255,255,255,.18);
}

.flag-img{
  width:30px;
  height:30px;
  display:block;
  object-fit:contain;
  border-radius:50%;
  pointer-events:none;
}

.askai-head{
  position:relative;
  margin-bottom:14px;
}

.askai-head h2{
  margin:0 0 8px;
  overflow-wrap:anywhere;
  word-break:break-word;
}

#animal-tip #label-askai-tip-text{
  margin:0;
  color:var(--text);
  font-size:14px;
  line-height:1.65;
}

.info-trigger{
  appearance:none;
  width:32px;
  height:32px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  font-size:15px;
  font-weight:800;
  color:#f6e7b0;
  border:1px solid rgba(230,196,108,.88);
  background:radial-gradient(circle at 30% 30%, rgba(133,76,186,.98), rgba(83,43,131,.98) 58%, rgba(38,24,78,.98) 100%);
  box-shadow:0 8px 18px rgba(15,23,42,.20), inset 0 1px 0 rgba(255,255,255,.14);
  transition:transform .08s ease, border-color .14s ease, box-shadow .14s ease;
  flex:0 0 auto;
}

.info-trigger:hover{
  border-color:rgba(245,209,122,.96);
  box-shadow:0 10px 22px rgba(15,23,42,.24), 0 0 16px rgba(230,196,108,.14);
}

.info-trigger:active{
  transform:scale(.98);
}

.info-trigger:focus-visible{
  outline:2px solid rgba(11,106,169,.26);
  outline-offset:3px;
}

.info-bubble{
  position:relative;
  margin-top:12px;
  padding:14px 16px;
  border-radius:14px;
  border:1px solid rgba(212,166,74,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.66));
  color:var(--muted);
  box-shadow:0 14px 34px rgba(15,23,42,.10);
  max-width:760px;
  overflow:hidden;
}

.info-bubble::after{
  content:"i";
  position:absolute;
  right:12px;
  bottom:-14px;
  font-size:72px;
  line-height:1;
  font-weight:900;
  color:rgba(212,166,74,.06);
  pointer-events:none;
}

.info-bubble strong{
  display:block;
  color:var(--text);
  margin-bottom:6px;
}

.info-bubble p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  line-height:1.55;
}

.map-open-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  max-width:max-content;
  min-height:34px;
  padding:7px 11px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.38);
  color:var(--text);
  text-decoration:none;
  font-size:13px;
  line-height:1;
  transition:transform .08s ease, border-color .14s ease, background .14s ease;
}

.map-open-btn:hover{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.18);
  text-decoration:none;
}

.map-open-btn:active{
  transform:scale(.985);
}

.leaving{
  position:fixed;
  inset:0;
  background:#0b0c10;
  color:#f5f5f5;
  display:none;
  align-items:center;
  justify-content:center;
  z-index:10000;
  text-align:center;
  padding:28px;
}

.leaving.show{
  display:flex;
}

.leaving .box{
  max-width:560px;
  border:1px solid rgba(255,255,255,.42);
  background:rgba(2,6,23,.88);
  border-radius:16px;
  padding:18px 16px;
  box-shadow:0 14px 34px rgba(15,23,42,.12);
}

.leaving .small{
  color:#9ca3af;
  font-size:13px;
  line-height:1.45;
  margin-top:10px;
}

.leaving .actions{
  display:flex;
  gap:10px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:12px;
}

.leaving .btnlink{
  display:inline-block;
  padding:10px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.66);
  color:var(--text);
  text-decoration:none;
  font-size:13px;
}

@media (max-width:720px){
  header{
    padding:12px 12px 8px;
  }

  .canvas-head--primary{
    padding:16px 16px 14px;
    align-items:flex-start;
  }

  .canvas-head-actions{
    gap:10px;
    align-self:flex-start;
  }

  .header-audio-trigger,
  .canvas-quick-trigger{
    width:44px;
    height:44px;
  }

  .canvas-toggle--icon{
    width:44px;
    min-width:44px;
    min-height:44px;
    height:44px;
  }

  main{
    margin:24px auto;
    padding:0 12px 40px;
  }

  .intro-block{
    flex-direction:row;
    align-items:flex-start;
    gap:12px;
    margin-bottom:18px;
    padding:18px;
    border-radius:16px;
  }

  .intro-copy{
    flex:1 1 auto;
    min-width:0;
  }

  .intro-actions{
    gap:10px;
    margin-left:auto;
    justify-content:flex-end;
    align-self:flex-start;
  }

  .card{
    padding:18px;
    margin-bottom:18px;
  }

  .canvas-shell{
    margin-bottom:18px;
    border-radius:16px;
  }

  .canvas-head{
    padding:8px 10px;
  }

  .canvas-head--split{
    padding:12px 16px;
  }

  .canvas-body{
    padding:0 10px 10px;
  }

  .lang-picker{
    gap:12px;
    padding:0 4px;
  }

  .lang-flag{
    width:64px;
    height:64px;
    padding:10px;
  }

  .flag-img{
    width:32px;
    height:32px;
  }

  .ai-launcher{
    grid-template-columns:1fr;
  }

  .ai-btn{
    min-height:74px;
    padding:12px 14px;
  }
}

#animal-local-story .map-open-btn,
#animal-news .map-open-btn{
  margin-top:10px;
  min-height:26px;
  padding:4px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  font-size:12px;
  line-height:1.1;
}

#live-stream-gate{
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.22), rgba(255,255,255,.14));
  backdrop-filter:blur(6px);
  -webkit-backdrop-filter:blur(6px);
  border:1px solid rgba(255,255,255,.50);
  box-shadow:0 12px 28px rgba(15,23,42,.08);
}

#live-stream-gate #label-live-share-subtitle{
  margin-bottom:16px;
}

.live-gate-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(180px, 1fr));
  gap:12px;
}

.live-gate-link{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:58px;
  padding:12px 14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.42);
  background:linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,.44));
  color:var(--text);
  text-decoration:none;
  box-shadow:0 16px 40px rgba(0,0,0,.28);
  transition:transform .08s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.live-gate-link:hover{
  text-decoration:none;
  border-color:rgba(255,255,255,.48);
  background:linear-gradient(180deg, rgba(255,255,255,.34), rgba(255,255,255,.24));
}

.live-gate-link:active{
  transform:scale(.985);
}

.live-gate-link:focus-visible{
  outline:2px solid rgba(147,197,253,.48);
  outline-offset:3px;
}

.live-gate-icon-wrap{
  width:42px;
  height:42px;
  border-radius:12px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border:1px solid rgba(15,23,42,.22);
  background:linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,255,255,.78));
  box-shadow:0 10px 26px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.55);
}

.live-gate-icon{
  width:24px;
  height:24px;
  display:block;
  object-fit:contain;
}

.live-gate-label{
  font-size:15px;
  font-weight:650;
  line-height:1.2;
  letter-spacing:.01em;
  color:var(--text);
}

#label-live-share-subtitle:empty{
  display:none;
}

header,
.topbar,
footer{
  width:100%;
  box-sizing:border-box;
}

@media (max-width:720px){
  .topbar{
    width:100%;
    margin:0;
  }

  header{
    width:100%;
    margin:0;
    padding:12px 0 8px;
  }

  .header-lang-picker{
    width:calc(100vw - 24px);
    max-width:calc(100vw - 24px);
    margin:0 auto;
    padding:10px 12px;
    box-sizing:border-box;
    overflow-x:auto;
    overflow-y:hidden;
    border-radius:999px;
  }

  .lang-picker{
    width:100%;
    max-width:100%;
    box-sizing:border-box;
    padding:0;
    gap:10px;
    flex-wrap:nowrap;
  }

  .lang-flag{
    flex:0 0 auto;
  }
}

@media (max-width:720px){
  .legal-strip{
    max-width:calc(100% - 24px);
    margin:18px auto 14px;
    padding:8px 14px;
    font-size:11px;
  }
}

/* AI BLACK TEXT + TRANSPARENT LAYER TUNE */
#animal-tip{
  background:rgba(255,255,255,.06);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 6px 16px rgba(15,23,42,.03);
}

#animal-tip h2,
#animal-tip #label-askai-tip-text,
#animal-tip .narrator-helper,
#animal-tip .ai-label{
  color:#0a0a0a;
}

#animal-tip .ai-launcher{
  background:transparent;
}

#animal-tip .ai-btn{
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  color:#0a0a0a;
  box-shadow:0 4px 12px rgba(15,23,42,.04);
}

#animal-tip .ai-btn:hover{
  border-color:rgba(255,255,255,.24);
  background:rgba(255,255,255,.09);
  box-shadow:0 6px 14px rgba(15,23,42,.05);
}

#animal-tip .ai-ico{
  border-color:rgba(255,255,255,.26);
  background:rgba(255,255,255,.18);
  box-shadow:0 4px 10px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.18);
}

#animal-tip .ai-btn:hover .ai-ico{
  border-color:rgba(255,255,255,.30);
}

#animal-tip .ai-btn.is-selected{
  border-color:rgba(255,255,255,.22);
  box-shadow:0 5px 12px rgba(15,23,42,.04);
  background:rgba(255,255,255,.08);
}

#animal-tip .ai-btn.is-selected .ai-ico{
  border-color:rgba(255,255,255,.30);
  background:rgba(255,255,255,.20);
  box-shadow:0 4px 10px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.20);
}
/* END AI BLACK TEXT + TRANSPARENT LAYER TUNE */

/* FINAL OVERRIDE — colorless surfaces, true black text */

:root{
  --text:#050505;
  --muted:#050505;
  --muted2:rgba(0,0,0,.52);
}

.latin-name{
  color:#050505;
}

.card,
.intro-block,
#animal-tip,
#live-stream-gate,
#animal-local-story,
#animal-news{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 6px 16px rgba(15,23,42,.03);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.lang-flag{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.12);
  box-shadow:none;
}

.lang-flag:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.14);
}

.lang-flag.is-active{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.16);
}

#h-animal-name,
.intro-title,
#animal-tip h2,
#animal-tip #label-askai-tip-text,
#animal-tip .narrator-helper,
#animal-tip .ai-label,
#live-stream-gate h2,
#live-stream-gate .live-gate-label,
#animal-local-story h2,
#animal-local-story #label-localstory-text,
#animal-news h2,
#animal-news #label-news-text,
#local-story,
#news-list .news-text{
  color:#050505;
}

#animal-tip .ai-btn{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 4px 12px rgba(15,23,42,.03);
}

#animal-tip .ai-btn:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.20);
}

#animal-tip .ai-btn.is-selected{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 5px 12px rgba(15,23,42,.03);
}

#animal-tip .ai-ico,
#animal-tip .ai-btn.is-selected .ai-ico{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 4px 10px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.16);
}

#live-stream-gate .live-gate-link{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 4px 12px rgba(15,23,42,.03);
}

#live-stream-gate .live-gate-icon-wrap{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 4px 10px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.14);
}

#animal-anchor .media-slot{
  background:transparent;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:none;
}

#animal-anchor .media-16x9{
  background:transparent;
}


/* FINAL OVERRIDE — fehér színtelen, fekete fekete */

.card,
.intro-block,
#animal-tip,
#live-stream-gate,
#animal-local-story,
#animal-news{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 6px 16px rgba(15,23,42,.03);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

#h-animal-name,
.intro-title,
#animal-tip h2,
#animal-tip #label-askai-tip-text,
#animal-tip .narrator-helper,
#animal-tip .ai-label,
#live-stream-gate h2,
#live-stream-gate .live-gate-label,
#animal-local-story h2,
#animal-local-story #label-localstory-text,
#animal-news h2,
#animal-news #label-news-text,
#local-story,
#news-list .news-text,
#keeper-diary-link,
#park-info-link{
  color:#050505;
}

.lang-flag{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.10);
  box-shadow:none;
}

.lang-flag:hover{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.14);
}

.lang-flag.is-active{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.16);
}

#animal-tip .ai-btn{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 4px 12px rgba(15,23,42,.03);
  color:#050505;
}

#animal-tip .ai-btn:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.20);
}

#animal-tip .ai-btn.is-selected{
  background:rgba(255,255,255,.07);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 5px 12px rgba(15,23,42,.03);
}

#animal-tip .ai-ico,
#animal-tip .ai-btn.is-selected .ai-ico{
  background:rgba(255,255,255,.16);
  border-color:rgba(255,255,255,.22);
  box-shadow:0 4px 10px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.16);
}

#live-stream-gate{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 6px 16px rgba(15,23,42,.03);
}

#live-stream-gate .live-gate-link{
  background:rgba(255,255,255,.05);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 4px 12px rgba(15,23,42,.03);
}

#live-stream-gate .live-gate-link:hover{
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.20);
}

#live-stream-gate .live-gate-icon-wrap{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 4px 10px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.14);
}

.map-open-btn{
  background:rgba(255,255,255,.18);
  border-color:rgba(255,255,255,.12);
  color:#050505;
}

.map-open-btn:hover{
  background:rgba(255,255,255,.22);
  border-color:rgba(255,255,255,.16);
}
/* FINAL WILD SURFACE UNIFICATION — background-forward, light, low-mass */
.card,
#animal-tip,
#live-stream-gate,
#animal-local-story,
#animal-news{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 5px 14px rgba(15,23,42,.035);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

.intro-block{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 5px 14px rgba(15,23,42,.03);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

#animal-anchor .media-slot{
  background:rgba(255,255,255,.02);
  border:1px solid rgba(255,255,255,.12);
  box-shadow:none;
}

#animal-anchor .media-16x9{
  background:transparent;
}

#h-animal-name,
.intro-title,
.card h2,
#animal-tip .ai-label,
#live-stream-gate .live-gate-label{
  color:#f7fbff;
  text-shadow:0 1px 2px rgba(0,0,0,.30);
}

.intro-subtitle,
.latin-name,
.card p,
#animal-tip #label-askai-tip-text,
#animal-tip .narrator-helper,
#animal-local-story #label-localstory-text,
#animal-news #label-news-text,
#local-story,
#news-list .news-text,
.news-date,
#keeper-diary-link,
#park-info-link{
  color:rgba(247,251,255,.94);
  text-shadow:0 1px 2px rgba(0,0,0,.26);
}

.narrator-helper{
  color:rgba(247,251,255,.86);
}

.news-date,
.intro-subtitle,
.latin-name{
  color:rgba(247,251,255,.82);
}

#animal-tip .ai-btn{
  background:rgba(255,255,255,.04);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 4px 10px rgba(15,23,42,.03);
  color:#f7fbff;
}

#animal-tip .ai-btn:hover{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 5px 12px rgba(15,23,42,.035);
}

#animal-tip .ai-btn.is-selected{
  background:rgba(255,255,255,.065);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 4px 10px rgba(15,23,42,.035);
}

#animal-tip .ai-ico{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.18);
  box-shadow:0 3px 8px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.12);
}

#animal-tip .ai-btn.is-selected .ai-ico{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.20);
  box-shadow:0 3px 8px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.14);
}

#live-stream-gate{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.13);
  box-shadow:0 5px 14px rgba(15,23,42,.03);
  backdrop-filter:blur(2px);
  -webkit-backdrop-filter:blur(2px);
}

#live-stream-gate .live-gate-link{
  background:rgba(255,255,255,.035);
  border-color:rgba(255,255,255,.13);
  box-shadow:0 4px 10px rgba(15,23,42,.03);
}

#live-stream-gate .live-gate-link:hover{
  background:rgba(255,255,255,.055);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 5px 12px rgba(15,23,42,.035);
}

#live-stream-gate .live-gate-icon-wrap{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 3px 8px rgba(15,23,42,.03), inset 0 1px 0 rgba(255,255,255,.12);
}

.news-item{
  background:rgba(255,255,255,.03);
  border-color:rgba(255,255,255,.12);
  box-shadow:none;
}

.map-open-btn{
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.16);
  color:#f7fbff;
  box-shadow:none;
}

.map-open-btn:hover{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.20);
  color:#f7fbff;
  text-decoration:none;
}


/* ULTRA-NARROW TITLE COLOR FIX */
#animal-tip h2,
#live-stream-gate h2,
#animal-local-story h2,
#animal-news h2{
  color:#f7fbff;
}

/* ULTRA-NARROW LOWER DETAIL BUTTON FIX */
#animal-local-story .map-open-btn,
#animal-news .map-open-btn{
  margin-top:10px;
  min-height:26px;
  padding:4px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.22);
  color:rgba(248,251,255,.96);
  box-shadow:0 4px 10px rgba(0,0,0,.12);
  font-size:12px;
  line-height:1.1;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}

#animal-local-story .map-open-btn:hover,
#animal-news .map-open-btn:hover{
  background:rgba(255,255,255,.12);
  border-color:rgba(255,255,255,.28);
  color:#ffffff;
  box-shadow:0 5px 12px rgba(0,0,0,.14);
  text-decoration:none;
}

#animal-local-story .map-open-btn:active,
#animal-news .map-open-btn:active{
  transform:scale(.985);
}

/* FINAL WHITE TRANSPARENT CLOSURE — paste at the absolute end of history-wstyle.css */
/* only color / surface transparency, no layout / logic changes */

.header-lang-picker{
  background:transparent !important;
  border-bottom-color:rgba(255,255,255,.08) !important;
  box-shadow:none !important;
}

.card,
.intro-block,
.canvas-shell,
#animal-tip,
#live-stream-gate,
#animal-local-story,
#animal-news,
.news-item,
.media-slot,
#animal-anchor .media-slot,
#animal-anchor .media-16x9{
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(255,255,255,.10) !important;
}

.lang-flag{
  background:transparent !important;
  border-color:rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}

.lang-flag:hover{
  background:transparent !important;
  border-color:rgba(255,255,255,.14) !important;
  box-shadow:none !important;
}

.lang-flag.is-active{
  background:transparent !important;
  border-color:rgba(255,255,255,.18) !important;
  box-shadow:none !important;
}

#animal-tip .ai-btn,
#live-stream-gate .live-gate-link,
.map-open-btn,
#animal-local-story .map-open-btn,
#animal-news .map-open-btn{
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(255,255,255,.12) !important;
}

#animal-tip .ai-btn:hover,
#live-stream-gate .live-gate-link:hover,
.map-open-btn:hover,
#animal-local-story .map-open-btn:hover,
#animal-news .map-open-btn:hover{
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(255,255,255,.16) !important;
}

#animal-tip .ai-btn.is-selected{
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(255,255,255,.18) !important;
}

#animal-tip .ai-ico,
#animal-tip .ai-btn.is-selected .ai-ico,
#live-stream-gate .live-gate-icon-wrap{
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(255,255,255,.14) !important;
}

.info-bubble,
.toast{
  background:transparent !important;
  box-shadow:none !important;
  border-color:rgba(255,255,255,.14) !important;
}

/* HERO CROP REDUCTION — only hero */
#animal-anchor .media-16x9{
  aspect-ratio: 4 / 3 !important;
}

#animal-anchor .media-16x9 img,
#animal-anchor .media-16x9 img#animal-hero{
  object-position: center center;
}
/* FINAL SAFETY OVERRIDE — topbar/footer strips stay visible */
.topbar,
#label-topbar,
footer,
#label-footer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:rgba(239,248,255,.98) !important;
  background:linear-gradient(90deg, rgba(16,42,84,.96), rgba(32,76,140,.92)) !important;
  background-color:rgba(16,42,84,.96) !important;
  background-image:linear-gradient(90deg, rgba(16,42,84,.96), rgba(32,76,140,.92)) !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  font-size:12px !important;
  line-height:1.45 !important;
  text-align:center !important;
  padding:10px 16px !important;
  box-sizing:border-box !important;
}

.topbar *,
#label-topbar *,
footer *,
#label-footer *{
  visibility:visible !important;
  opacity:1 !important;
  color:rgba(239,248,255,.98) !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}

#label-topbar:empty::before,
.topbar:empty::before{
  content:"MI-kompatibilis információs pont";
  color:rgba(239,248,255,.98) !important;
  visibility:visible !important;
  opacity:1 !important;
}

#label-footer:empty::before,
footer:empty::before{
  content:"InDiTiCa • HiStory Standard • V12.3.2.96 • 2026";
  color:rgba(239,248,255,.98) !important;
  visibility:visible !important;
  opacity:1 !important;
}

/* FINAL EDGE KILL — keep topbar/footer strips intact */
.card,
.panel,
.section,
.intro-block,
.intro-copy,
.canvas-shell,
.canvas-head,
.canvas-body,
.media-slot,
.media-16x9,
#animal-anchor,
#animal-anchor.card,
#animal-anchor .media-slot,
#animal-anchor .media-16x9,
#animal-anchor .media-16x9 .hero-placeholder,
#animal-tip,
#live-stream-gate,
#animal-local-story,
#animal-news,
.news-item,
.info-bubble,
.legal-strip{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  border-color:transparent !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.lang-flag,
.lang-flag:hover,
.lang-flag:active,
.lang-flag:focus,
.lang-flag:focus-visible,
.lang-flag.is-active,
.ai-btn,
.ai-btn:hover,
.ai-btn:active,
.ai-btn:focus,
.ai-btn:focus-visible,
.ai-btn.is-selected,
.ai-provider,
.ai-provider:hover,
.ai-provider:active,
.ai-provider:focus,
.ai-provider:focus-visible,
.ai-provider.is-selected,
[data-ai],
[data-ai]:hover,
[data-ai]:active,
[data-ai]:focus,
[data-ai]:focus-visible,
.live-link,
.live-link:hover,
.live-link:active,
.live-link:focus,
.live-link:focus-visible,
.share-link,
.share-link:hover,
.share-link:active,
.share-link:focus,
.share-link:focus-visible,
.social-link,
.social-link:hover,
.social-link:active,
.social-link:focus,
.social-link:focus-visible,
.live-gate-link,
.live-gate-link:hover,
.live-gate-link:active,
.live-gate-link:focus,
.live-gate-link:focus-visible,
.map-open-btn,
.map-open-btn:hover,
.map-open-btn:active,
.map-open-btn:focus,
.map-open-btn:focus-visible{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  border-color:transparent !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.ai-ico,
.ai-btn:hover .ai-ico,
.ai-btn.is-selected .ai-ico,
.live-gate-icon-wrap{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  border-color:transparent !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.topbar,
#label-topbar,
footer,
#label-footer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:rgba(239,248,255,.98) !important;
  background:linear-gradient(90deg, rgba(16,42,84,.96), rgba(32,76,140,.92)) !important;
  background-color:rgba(16,42,84,.96) !important;
  background-image:linear-gradient(90deg, rgba(16,42,84,.96), rgba(32,76,140,.92)) !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
}

/* TOPBAR / FOOTER TRANSPARENT TEXT ONLY OVERRIDE */
.topbar,
#label-topbar,
footer,
#label-footer{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  color:rgba(239,248,255,.98) !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
/* END TOPBAR / FOOTER TRANSPARENT TEXT ONLY OVERRIDE */

/* FINAL TOPBAR / FOOTER MODE-AWARE TEXT COLOR OVERRIDE */
.topbar,
.history-topbar,
#label-topbar,
header,
footer,
.site-footer,
#label-footer,
header *,
.topbar *,
.history-topbar *,
footer *,
.site-footer *{
  visibility:visible !important;
  opacity:1 !important;
  color:rgba(255,255,255,.92) !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.topbar,
.history-topbar,
#label-topbar,
header,
footer,
.site-footer,
#label-footer{
  display:block !important;
}
/* END FINAL TOPBAR / FOOTER MODE-AWARE TEXT COLOR OVERRIDE */

/* FINAL TOPBAR / FOOTER LINE-LOCK OVERRIDE */
.topbar,
.history-topbar,
footer,
.site-footer,
#label-topbar,
#label-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:none !important;
  min-height:34px !important;
  margin:0 !important;
  padding:10px 16px !important;
  box-sizing:border-box !important;
  line-height:1.25 !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-align:center !important;
  vertical-align:middle !important;
  visibility:visible !important;
  opacity:1 !important;
  color:rgba(255,255,255,.92) !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:none !important;
  outline:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.topbar *,
.history-topbar *,
footer *,
.site-footer *,
#label-topbar *,
#label-footer *{
  line-height:inherit !important;
  vertical-align:middle !important;
  visibility:visible !important;
  opacity:1 !important;
  color:rgba(255,255,255,.92) !important;
}
/* END FINAL TOPBAR / FOOTER LINE-LOCK OVERRIDE */


/* FINAL FRAME TEXT BASELINE SYNC — WHITE MODE */
:root{
  --history-frame-text:rgba(255,255,255,.92);
}

.topbar,
.history-topbar,
#label-topbar,
footer,
.site-footer,
#label-footer{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  height:auto !important;
  margin:0 !important;
  padding:10px 16px !important;
  box-sizing:border-box !important;
  line-height:1.25 !important;
  font-size:12px !important;
  font-weight:600 !important;
  text-align:center !important;
  vertical-align:baseline !important;
}

.topbar > *,
.history-topbar > *,
#label-topbar > *,
footer > *,
.site-footer > *,
#label-footer > *{
  height:auto !important;
  min-height:0 !important;
  margin-top:0 !important;
  margin-bottom:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
  line-height:1.25 !important;
  vertical-align:baseline !important;
}

.topbar::before,
.history-topbar::before,
#label-topbar::before,
footer::before,
.site-footer::before,
#label-footer::before{
  line-height:1.25 !important;
  vertical-align:baseline !important;
}

.topbar,
.history-topbar,
#label-topbar,
footer,
.site-footer,
#label-footer,
.topbar > *,
.history-topbar > *,
#label-topbar > *,
footer > *,
.site-footer > *,
#label-footer > *,
.topbar::before,
.history-topbar::before,
#label-topbar::before,
footer::before,
.site-footer::before,
#label-footer::before{
  color:var(--history-frame-text) !important;
}
/* END FINAL FRAME TEXT BASELINE SYNC — WHITE MODE */

/* FINAL FRAME TEXT CASE LOCK — keep original mixed-case labels */
.topbar,
.history-topbar,
#label-topbar,
footer,
.site-footer,
#label-footer,
.topbar *,
.history-topbar *,
#label-topbar *,
footer *,
.site-footer *,
#label-footer *,
.topbar::before,
.history-topbar::before,
#label-topbar::before,
footer::before,
.site-footer::before,
#label-footer::before{
  text-transform:none !important;
}
/* END FINAL FRAME TEXT CASE LOCK */

/* WILD/LIFE HERO IMAGE FIT — full object, no crop */
#animal-anchor .media-slot{
  width:100% !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#animal-anchor .media-16x9{
  aspect-ratio:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
  background:transparent !important;
}

#animal-anchor .media-16x9 img,
#animal-anchor .media-16x9 img#animal-hero,
#animal-hero{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:78vh !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
  background:transparent !important;
}

/* HiStory Standard life-aligned — EXACT Life button sizing copy */
#animal-tip.story-ask-card,
#animal-tip{
  text-align:center !important;
}

#animal-tip .history-story-launcher{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  width:100% !important;
  margin:0 auto 14px !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#animal-tip .story-ask-btn,
#animal-tip #history-story-trigger{
  appearance:none !important;
  -webkit-appearance:none !important;
  -webkit-tap-highlight-color:transparent !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:0 !important;
  margin:0 auto !important;
  padding:7px 16px !important;
  border-radius:999px !important;
  border:1px solid rgba(230,196,108,.34) !important;
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.18), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(132,82,180,.42), rgba(64,38,112,.34)) !important;
  color:var(--history-text-color, #f7fbff) !important;
  box-shadow:
    0 5px 14px rgba(18,10,42,.14),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
  text-align:center !important;
  cursor:pointer !important;
}

#animal-tip .story-ask-btn-main{
  display:inline-block !important;
  color:var(--history-text-color, #f7fbff) !important;
  font-size:clamp(15px, 1.8vw, 19px) !important;
  font-weight:700 !important;
  line-height:1.08 !important;
  letter-spacing:-.01em !important;
  text-align:center !important;
}

#animal-tip .story-ask-btn:hover,
#animal-tip #history-story-trigger:hover{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.22), rgba(255,255,255,0) 36%),
    linear-gradient(180deg, rgba(148,92,196,.48), rgba(74,44,124,.38)) !important;
  border-color:rgba(230,196,108,.46) !important;
  box-shadow:
    0 6px 16px rgba(18,10,42,.18),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

#animal-tip .story-ask-btn:active,
#animal-tip #history-story-trigger:active{
  transform:scale(.985) !important;
}

#animal-tip .story-ask-btn.is-loading,
#animal-tip #history-story-trigger.is-loading,
#animal-tip .story-ask-btn:disabled,
#animal-tip #history-story-trigger:disabled{
  opacity:.70 !important;
  cursor:wait !important;
}
/* END HiStory Standard life-aligned — EXACT Life button sizing copy */

/* LIFE V047 — Text mode lock: Betűk színe only, no background/theme switching */
body[data-text-mode="white"]{
  --history-text-color:#f7fbff;
  --history-muted-color:rgba(247,251,255,.88);
  --history-soft-text-color:rgba(247,251,255,.76);
  --history-text-shadow:0 1px 3px rgba(0,0,0,.38);
}

body[data-text-mode="black"]{
  --history-text-color:#050505;
  --history-muted-color:rgba(0,0,0,.84);
  --history-soft-text-color:rgba(0,0,0,.68);
  --history-text-shadow:0 1px 3px rgba(255,255,255,.46);
}

body[data-text-mode="white"] #h-animal-name,
body[data-text-mode="white"] .intro-title,
body[data-text-mode="white"] .intro-subtitle,
body[data-text-mode="white"] .latin-name,
body[data-text-mode="white"] .card h2,
body[data-text-mode="white"] .card p,
body[data-text-mode="white"] #label-topbar,
body[data-text-mode="white"] .topbar,
body[data-text-mode="white"] #label-footer,
body[data-text-mode="white"] footer,
body[data-text-mode="white"] #animal-tip,
body[data-text-mode="white"] #animal-tip *,
body[data-text-mode="white"] #live-stream-gate,
body[data-text-mode="white"] #live-stream-gate *,
body[data-text-mode="white"] #animal-local-story,
body[data-text-mode="white"] #animal-local-story *,
body[data-text-mode="white"] #animal-news,
body[data-text-mode="white"] #animal-news *{
  color:var(--history-text-color) !important;
  text-shadow:var(--history-text-shadow) !important;
}

body[data-text-mode="black"] #h-animal-name,
body[data-text-mode="black"] .intro-title,
body[data-text-mode="black"] .intro-subtitle,
body[data-text-mode="black"] .latin-name,
body[data-text-mode="black"] .card h2,
body[data-text-mode="black"] .card p,
body[data-text-mode="black"] #label-topbar,
body[data-text-mode="black"] .topbar,
body[data-text-mode="black"] #label-footer,
body[data-text-mode="black"] footer,
body[data-text-mode="black"] #animal-tip,
body[data-text-mode="black"] #animal-tip *,
body[data-text-mode="black"] #live-stream-gate,
body[data-text-mode="black"] #live-stream-gate *,
body[data-text-mode="black"] #animal-local-story,
body[data-text-mode="black"] #animal-local-story *,
body[data-text-mode="black"] #animal-news,
body[data-text-mode="black"] #animal-news *{
  color:var(--history-text-color) !important;
  text-shadow:var(--history-text-shadow) !important;
}

body[data-text-mode] #animal-tip .story-ask-btn,
body[data-text-mode] #animal-tip #history-story-trigger,
body[data-text-mode] #animal-tip #history-story-read-trigger{
  color:var(--history-text-color) !important;
}

body[data-text-mode] #animal-tip .story-ask-btn-main,
body[data-text-mode] #history-story-trigger .story-ask-btn-main,
body[data-text-mode] #history-story-read-trigger .story-ask-btn-main{
  color:var(--history-text-color) !important;
  text-shadow:var(--history-text-shadow) !important;
}

body[data-text-mode="black"] #animal-tip .story-ask-btn,
body[data-text-mode="black"] #animal-tip #history-story-trigger,
body[data-text-mode="black"] #animal-tip #history-story-read-trigger{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.46), rgba(255,255,255,0) 36%),
    linear-gradient(180deg, rgba(221,211,245,.62), rgba(184,170,222,.52)) !important;
  border-color:rgba(75,53,128,.38) !important;
}

body[data-text-mode="white"] #animal-tip .story-ask-btn,
body[data-text-mode="white"] #animal-tip #history-story-trigger,
body[data-text-mode="white"] #animal-tip #history-story-read-trigger{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.18), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(132,82,180,.42), rgba(64,38,112,.34)) !important;
  border-color:rgba(230,196,108,.34) !important;
}

body[data-text-mode] #history-story-output,
body[data-text-mode] .history-story-output,
body[data-text-mode] .story-response,
body[data-text-mode] #history-story-status{
  color:var(--history-text-color) !important;
  text-shadow:var(--history-text-shadow) !important;
}

body[data-text-mode] #history-bg{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}
/* END LIFE V047 — Text mode lock */

/* LIFE TEXT MODE V048 — lower editable section text + placeholders follow Betűk színe */
body[data-text-mode="white"] #animal-local-story #label-localstory-text,
body[data-text-mode="white"] #animal-local-story #label-localstory-text:hover,
body[data-text-mode="white"] #animal-local-story #label-localstory-text:active,
body[data-text-mode="white"] #animal-local-story #label-localstory-text:focus,
body[data-text-mode="white"] #animal-local-story #label-localstory-text::before,
body[data-text-mode="white"] #animal-news #label-news-text,
body[data-text-mode="white"] #animal-news #label-news-text:hover,
body[data-text-mode="white"] #animal-news #label-news-text:active,
body[data-text-mode="white"] #animal-news #label-news-text:focus,
body[data-text-mode="white"] #animal-news #label-news-text::before,
body[data-text-mode="white"] #local-story,
body[data-text-mode="white"] #news-list,
body[data-text-mode="white"] #news-list .news-text{
  color:var(--history-text-color, #f7fbff) !important;
  -webkit-text-fill-color:var(--history-text-color, #f7fbff) !important;
  text-shadow:0 1px 2px rgba(0,0,0,.26) !important;
}

body[data-text-mode="black"] #animal-local-story #label-localstory-text,
body[data-text-mode="black"] #animal-local-story #label-localstory-text:hover,
body[data-text-mode="black"] #animal-local-story #label-localstory-text:active,
body[data-text-mode="black"] #animal-local-story #label-localstory-text:focus,
body[data-text-mode="black"] #animal-local-story #label-localstory-text::before,
body[data-text-mode="black"] #animal-news #label-news-text,
body[data-text-mode="black"] #animal-news #label-news-text:hover,
body[data-text-mode="black"] #animal-news #label-news-text:active,
body[data-text-mode="black"] #animal-news #label-news-text:focus,
body[data-text-mode="black"] #animal-news #label-news-text::before,
body[data-text-mode="black"] #local-story,
body[data-text-mode="black"] #news-list,
body[data-text-mode="black"] #news-list .news-text{
  color:var(--history-text-color, #050505) !important;
  -webkit-text-fill-color:var(--history-text-color, #050505) !important;
  text-shadow:0 1px 2px rgba(255,255,255,.22) !important;
}

body[data-text-mode="white"].is-builder-mode #animal-local-story [data-builder-editor-trigger="1"][data-builder-empty="1"]::before,
body[data-text-mode="white"].is-builder-mode #animal-news [data-builder-editor-trigger="1"][data-builder-empty="1"]::before{
  color:var(--history-text-color, #f7fbff) !important;
  -webkit-text-fill-color:var(--history-text-color, #f7fbff) !important;
  opacity:.62 !important;
}

body[data-text-mode="black"].is-builder-mode #animal-local-story [data-builder-editor-trigger="1"][data-builder-empty="1"]::before,
body[data-text-mode="black"].is-builder-mode #animal-news [data-builder-editor-trigger="1"][data-builder-empty="1"]::before{
  color:var(--history-text-color, #050505) !important;
  -webkit-text-fill-color:var(--history-text-color, #050505) !important;
  opacity:.62 !important;
}
/* END LIFE TEXT MODE V048 */


/* LIFE IMAGE TRAY FRAME KILL v049 — no builder/public tray border around inserted hero image */
#animal-anchor,
#animal-anchor.card,
#animal-anchor.has-real-hero,
#animal-anchor.has-real-hero.card{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#animal-anchor .media-slot,
#animal-anchor.has-real-hero .media-slot,
body.is-builder-mode #animal-anchor .media-slot,
body.is-builder-mode #animal-anchor.has-real-hero .media-slot,
#animal-anchor .media-16x9,
#animal-anchor.has-real-hero .media-16x9,
body.is-builder-mode #animal-anchor .media-16x9,
body.is-builder-mode #animal-anchor.has-real-hero .media-16x9{
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

#animal-anchor img#animal-hero,
#animal-anchor.has-real-hero img#animal-hero,
body.is-builder-mode #animal-anchor img#animal-hero{
  border:0 !important;
  outline:0 !important;
  box-shadow:none !important;
}
/* END LIFE IMAGE TRAY FRAME KILL v049 */


/* LIFE VISUAL REFERENCE v052 — targeted visual cleanup only
   - Betűk színe logic stays data-text-mode based.
   - Background/theme logic unchanged.
   - Story buttons keep stable purple in both text modes.
   - Black text mode no longer has strong white glow. */

body[data-text-mode="black"]{
  --history-text-shadow:none;
}

body[data-text-mode="black"] #h-animal-name,
body[data-text-mode="black"] .intro-title,
body[data-text-mode="black"] .intro-subtitle,
body[data-text-mode="black"] .latin-name,
body[data-text-mode="black"] .card h2,
body[data-text-mode="black"] .card p,
body[data-text-mode="black"] #label-topbar,
body[data-text-mode="black"] .topbar,
body[data-text-mode="black"] #label-footer,
body[data-text-mode="black"] footer,
body[data-text-mode="black"] #animal-tip,
body[data-text-mode="black"] #animal-tip *,
body[data-text-mode="black"] #live-stream-gate,
body[data-text-mode="black"] #live-stream-gate *,
body[data-text-mode="black"] #animal-local-story,
body[data-text-mode="black"] #animal-local-story *,
body[data-text-mode="black"] #animal-news,
body[data-text-mode="black"] #animal-news *,
body[data-text-mode="black"] #history-story-output,
body[data-text-mode="black"] .history-story-output,
body[data-text-mode="black"] .story-response,
body[data-text-mode="black"] #history-story-status{
  text-shadow:none !important;
}

body[data-text-mode="black"] #animal-local-story #label-localstory-text,
body[data-text-mode="black"] #animal-news #label-news-text,
body[data-text-mode="black"] #local-story,
body[data-text-mode="black"] #news-list,
body[data-text-mode="black"] #news-list .news-text{
  text-shadow:none !important;
}

body[data-text-mode="black"].is-builder-mode #animal-local-story [data-builder-editor-trigger="1"][data-builder-empty="1"]::before,
body[data-text-mode="black"].is-builder-mode #animal-news [data-builder-editor-trigger="1"][data-builder-empty="1"]::before{
  text-shadow:none !important;
}

body[data-text-mode] #animal-tip .story-ask-btn,
body[data-text-mode] #animal-tip #history-story-trigger,
body[data-text-mode] #animal-tip #history-story-read-trigger{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.18), rgba(255,255,255,0) 34%),
    linear-gradient(180deg, rgba(132,82,180,.42), rgba(64,38,112,.34)) !important;
  border-color:rgba(230,196,108,.34) !important;
  box-shadow:
    0 5px 14px rgba(18,10,42,.14),
    inset 0 1px 0 rgba(255,255,255,.18) !important;
  backdrop-filter:blur(9px) !important;
  -webkit-backdrop-filter:blur(9px) !important;
}

body[data-text-mode] #animal-tip .story-ask-btn:hover,
body[data-text-mode] #animal-tip #history-story-trigger:hover,
body[data-text-mode] #animal-tip #history-story-read-trigger:hover{
  background:
    radial-gradient(circle at 28% 22%, rgba(255,255,255,.22), rgba(255,255,255,0) 36%),
    linear-gradient(180deg, rgba(148,92,196,.48), rgba(74,44,124,.38)) !important;
  border-color:rgba(230,196,108,.46) !important;
  box-shadow:
    0 6px 16px rgba(18,10,42,.18),
    inset 0 1px 0 rgba(255,255,255,.22) !important;
}

body[data-text-mode="black"] #animal-tip .story-ask-btn-main,
body[data-text-mode="black"] #history-story-trigger .story-ask-btn-main,
body[data-text-mode="black"] #history-story-read-trigger .story-ask-btn-main{
  color:#050505 !important;
  text-shadow:none !important;
}

/* END LIFE VISUAL REFERENCE v052 */


/* LIFE TOPBAR INFO POINT LOCK v053 — visual fallback only */
#label-topbar:empty::before,
.topbar:empty::before{
  content:"MI-kompatibilis információs pont" !important;
}
/* END LIFE TOPBAR INFO POINT LOCK v053 */


/* LIFE V054 — lower section editor input color fix
   Targeted fix only:
   - The actual textarea/editor used while editing the two lower sections stays dark/black for readability.
   - After save, the rendered section text continues to follow Betűk színe.
   - No layout, import, TTS, MP3 or export logic changed. */

body.is-builder-mode .builder-inline-editor,
body.is-builder-mode .builder-inline-editor--multiline,
body.is-builder-mode #animal-local-story .builder-inline-editor,
body.is-builder-mode #animal-news .builder-inline-editor,
body.is-builder-mode #animal-local-story .builder-inline-editor--multiline,
body.is-builder-mode #animal-news .builder-inline-editor--multiline{
  color:rgba(15,23,42,.96) !important;
  -webkit-text-fill-color:rgba(15,23,42,.96) !important;
  text-shadow:none !important;
  caret-color:rgba(15,23,42,.96) !important;
}

body.is-builder-mode .builder-inline-editor::placeholder,
body.is-builder-mode .builder-inline-editor--multiline::placeholder{
  color:rgba(15,23,42,.58) !important;
  -webkit-text-fill-color:rgba(15,23,42,.58) !important;
  text-shadow:none !important;
}

/* END LIFE V054 */

/* WILD MODULE KEEPERS — MP3 / animal-sound visibility only, Life visual baseline preserved */
#animal-sound-trigger,
.header-audio-trigger#animal-sound-trigger{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#animal-sound-player{
  display:none !important;
}

body.is-builder-mode .intro-actions{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:none !important;
}

body.is-builder-mode #animal-sound-trigger{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  pointer-events:auto !important;
  cursor:pointer !important;
}

body.is-builder-mode #animal-sound-trigger.is-disabled{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:.78 !important;
  filter:saturate(.82) !important;
}

body.is-builder-mode .intro-actions.is-builder-empty-audio,
body:not(.is-builder-mode) .intro-actions.is-builder-empty-audio{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

body.is-builder-mode .intro-actions.is-builder-has-audio,
body:not(.is-builder-mode) .intro-actions.is-builder-has-audio{
  display:flex !important;
  visibility:visible !important;
  opacity:1 !important;
}

body.is-builder-mode .intro-actions.is-builder-empty-audio #animal-sound-trigger,
body:not(.is-builder-mode) .intro-actions.is-builder-empty-audio #animal-sound-trigger{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}
/* END WILD MODULE KEEPERS */




/* Standard Smart v037: visible optional Cím / Alcím block, but no layout redesign. */
.standard-compat-hooks{display:block;margin:18px auto 14px;max-width:980px;padding:0 8px;}
#standard-title-block{display:block;}
#standard-title-block[hidden]{display:none !important;}
#standard-title-block .latin-name{display:block;margin-top:6px;}

/* Standard Smart v037: hero media can be image/GIF/video without changing the old exterior. */
#animal-anchor .media-16x9 video,
#animal-anchor .media-16x9 #animal-hero-video,
.animal-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center center;
  display:block;
  background:transparent;
  border:0;
  box-shadow:none;
}
#animal-anchor .media-16x9 video[hidden],
#animal-anchor .media-16x9 #animal-hero-video[hidden]{display:none !important;}


/* InDiTiCa +1 beolvasásszámláló v001 */
.history-scan-counter{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:fit-content;
  max-width:calc(100% - 32px);
  min-height:34px;
  margin:0 auto 18px;
  padding:7px 14px;
  border:1px solid rgba(173,216,255,.20);
  border-radius:999px;
  background:linear-gradient(90deg, rgba(16,42,84,.82), rgba(32,76,140,.78));
  color:rgba(239,248,255,.94);
  font-size:12px;
  line-height:1.2;
  letter-spacing:.035em;
  text-align:center;
  box-sizing:border-box;
  box-shadow:0 10px 24px rgba(15,23,42,.14);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.history-scan-counter strong{
  color:#f6e7b0;
  font-size:14px;
  font-weight:850;
  letter-spacing:.02em;
  font-variant-numeric:tabular-nums;
}
.history-scan-counter[hidden]{
  display:none !important;
}
body.is-builder-mode .history-scan-counter[hidden]{
  display:flex !important;
  opacity:.78;
}


/* Standard Smart v042: YouTube-link ugyanabban a 16:9 médiahelyben. */

#animal-anchor.has-embedded-media .media-16x9{
  aspect-ratio:16 / 9 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
}
#animal-anchor.has-local-video-media .media-16x9{
  aspect-ratio:var(--inditica-local-video-aspect, 16 / 9) !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
}
#animal-anchor .media-16x9 iframe,
#animal-anchor .media-16x9 #animal-hero-youtube,
.animal-hero-youtube{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  background:#000;
  border:0;
  box-shadow:none;
}
#animal-anchor .media-16x9 iframe[hidden],
#animal-anchor .media-16x9 #animal-hero-youtube[hidden]{display:none !important;}
#animal-anchor .media-16x9 #animal-hero[hidden]{display:none !important;}

/* Standard Smart v048: közösségi rövidvideók – álló formátum Facebook Reel/Instagram/TikTok esetén. */
#animal-anchor.has-facebook-reel-media .media-16x9,
#animal-anchor.has-instagram-media .media-16x9,
#animal-anchor.has-tiktok-media .media-16x9{
  aspect-ratio:9 / 16 !important;
  width:min(100%, 560px) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}



/* Standard Smart v050: Facebook videóvégi védelem és saját lezáró réteg. */
#animal-anchor .media-16x9{
  position:relative;
}
#animal-anchor .animal-hero-facebook-shell{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  background:#000;
  z-index:3;
  visibility:hidden;
  pointer-events:none;
}
#animal-anchor .animal-hero-facebook-shell.is-ready{
  visibility:visible;
  pointer-events:auto;
}
#animal-anchor .animal-hero-facebook-shell[hidden]{
  display:none !important;
}
#animal-anchor .animal-hero-facebook-player,
#animal-anchor .animal-hero-facebook-player > span,
#animal-anchor .animal-hero-facebook-player iframe{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  min-height:100% !important;
  border:0 !important;
  display:block !important;
}
#animal-anchor .animal-hero-facebook-end{
  position:absolute;
  inset:0;
  z-index:8;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  padding:28px;
  box-sizing:border-box;
  text-align:center;
  color:#fff;
  background:linear-gradient(180deg, rgba(2,6,23,.78), rgba(2,6,23,.96));
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
}
#animal-anchor .animal-hero-facebook-end[hidden]{
  display:none !important;
}
#animal-anchor .animal-hero-facebook-end strong{
  font-size:clamp(22px, 4vw, 36px);
  line-height:1.1;
}
#animal-anchor .animal-hero-facebook-end span{
  max-width:520px;
  color:rgba(255,255,255,.82);
  font-size:clamp(13px, 2.2vw, 16px);
  line-height:1.45;
}
#animal-anchor .animal-hero-facebook-end-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
  margin-top:4px;
}
#animal-anchor .animal-hero-facebook-end button{
  min-height:42px;
  padding:10px 18px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg, rgba(78,40,130,.96), rgba(118,72,185,.96));
  font:inherit;
  font-weight:800;
  cursor:pointer;
}
#animal-anchor .animal-hero-facebook-end button:hover,
#animal-anchor .animal-hero-facebook-end button:focus-visible{
  filter:brightness(1.12);
  outline:2px solid rgba(255,255,255,.72);
  outline-offset:2px;
}

/* Standard V015 — InDi nyelvi indítófelület */
.indi-language-launcher{
  width:100%;
  max-width:100%;
  margin:0;
  padding:4px 0 12px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.indi-language-launcher[hidden]{
  display:none !important;
}

.indi-language-heading{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin:0 0 10px;
  color:var(--text, #f8fafc);
  line-height:1.25;
}

.indi-language-heading strong{
  color:#d8b4fe;
  font-size:15px;
  letter-spacing:.04em;
}

.indi-language-heading-copy{
  color:var(--muted2, rgba(255,255,255,.72));
  font-size:13px;
}

.indi-language-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(38px, 1fr));
  gap:8px;
  width:100%;
  max-width:1180px;
}

.indi-language-flag{
  appearance:none;
  -webkit-tap-highlight-color:transparent;
  width:100%;
  min-width:38px;
  height:34px;
  padding:3px 5px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:10px;
  background:rgba(255,255,255,.025);
  box-shadow:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:transform .14s ease, border-color .14s ease, background .14s ease, box-shadow .14s ease;
}

.indi-language-flag:hover,
.indi-language-flag:focus-visible{
  transform:translateY(-1px);
  border-color:rgba(196,181,253,.55);
  background:rgba(124,58,237,.10);
  outline:none;
}

.indi-language-flag.is-active{
  border-color:rgba(196,181,253,.90);
  background:rgba(109,40,217,.22);
  box-shadow:0 0 0 2px rgba(167,139,250,.16), 0 7px 18px rgba(0,0,0,.18);
}

.indi-language-flag-image{
  display:block;
  width:27px;
  height:18px;
  max-width:100%;
  object-fit:fill;
  border-radius:3px;
  box-shadow:0 1px 4px rgba(0,0,0,.30);
  pointer-events:none;
}

.indi-v1-dialog{
  position:fixed;
  inset:0;
  z-index:10120;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  box-sizing:border-box;
  background:rgba(2,6,23,.76);
  backdrop-filter:blur(9px);
  -webkit-backdrop-filter:blur(9px);
}

.indi-v1-dialog[hidden]{
  display:none !important;
}

.indi-v1-dialog-panel{
  position:relative;
  width:min(560px, 100%);
  padding:30px 30px 28px;
  box-sizing:border-box;
  border:1px solid rgba(196,181,253,.34);
  border-radius:24px;
  background:linear-gradient(145deg, rgba(15,23,42,.985), rgba(29,18,56,.985));
  box-shadow:0 28px 80px rgba(0,0,0,.48), inset 0 1px 0 rgba(255,255,255,.06);
  color:#f8fafc;
  text-align:start;
  outline:none;
}

.indi-v1-dialog-close{
  position:absolute;
  top:14px;
  inset-inline-end:14px;
  width:38px;
  height:38px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);
  color:#f8fafc;
  font-size:26px;
  line-height:1;
  cursor:pointer;
}

.indi-v1-dialog-close:hover,
.indi-v1-dialog-close:focus-visible{
  border-color:rgba(196,181,253,.62);
  background:rgba(124,58,237,.16);
  outline:none;
}

.indi-v1-dialog-flag{
  display:block;
  width:54px;
  height:36px;
  object-fit:fill;
  border-radius:6px;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
  margin:0 0 18px;
}

.indi-v1-dialog-brand{
  color:#d8b4fe;
  font-size:14px;
  font-weight:800;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin:0 0 10px;
}

.indi-v1-dialog-greeting{
  margin:0;
  color:#fff;
  font-size:clamp(24px, 4vw, 38px);
  line-height:1.18;
  letter-spacing:-.02em;
}

.indi-v1-dialog-note{
  margin:16px 0 0;
  color:rgba(226,232,240,.74);
  font-size:15px;
  line-height:1.55;
}

.indi-v1-dialog[dir="rtl"] .indi-v1-dialog-panel{
  text-align:right;
}

@media (max-width:760px){
  .indi-language-launcher{
    padding-bottom:10px;
  }

  .indi-language-grid{
    grid-template-columns:repeat(8, minmax(32px, 1fr));
    gap:6px;
  }

  .indi-language-flag{
    min-width:32px;
    height:31px;
    padding:3px;
    border-radius:8px;
  }

  .indi-language-flag-image{
    width:24px;
    height:16px;
  }

  .indi-v1-dialog{
    padding:14px;
    align-items:flex-end;
  }

  .indi-v1-dialog-panel{
    width:100%;
    padding:28px 22px 24px;
    border-radius:22px 22px 16px 16px;
  }
}

@media (max-width:420px){
  .indi-language-grid{
    grid-template-columns:repeat(7, minmax(30px, 1fr));
  }
}

body > .indi-v1-dialog{
  position:fixed !important;
  z-index:10120 !important;
}

/* Standard V016 — InDi teljes képernyős arc és indítás */
body.indi-v1-open{overflow:hidden;}
.indi-v1-dialog{background:radial-gradient(circle at 50% 38%, rgba(74,35,120,.34), rgba(8,5,18,.96) 58%, rgba(2,2,7,.99));align-items:center;justify-content:center;padding:clamp(14px,3vw,28px);}
.indi-v1-dialog-panel{width:min(760px,100%);min-height:min(680px,calc(100vh - 40px));display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 28px 34px;border:0;border-radius:30px;background:transparent;box-shadow:none;text-align:center;overflow:hidden;}
.indi-v1-dialog[dir="rtl"] .indi-v1-dialog-panel{text-align:center;}
.indi-v1-dialog-flag{position:absolute;top:18px;inset-inline-start:20px;width:42px;height:28px;margin:0;opacity:.82;}
.indi-v1-dialog-close{top:16px;inset-inline-end:18px;z-index:3;background:rgba(255,255,255,.07);}
.indi-v1-face{position:relative;width:min(480px,82vw);height:min(300px,46vw);min-height:210px;margin:10px auto 26px;filter:drop-shadow(0 24px 55px rgba(49,20,90,.48));}
.indi-v1-eye{position:absolute;top:18%;width:28%;height:38%;border-radius:50% 50% 46% 46%;background:linear-gradient(180deg,#fff 0%,#f2ebff 100%);box-shadow:inset 0 -10px 22px rgba(76,29,149,.12),0 0 32px rgba(216,180,254,.18);overflow:hidden;transform-origin:center;animation:indiBlink 5.8s infinite;}
.indi-v1-eye-left{left:9%;}.indi-v1-eye-right{right:9%;}
.indi-v1-pupil{position:absolute;left:50%;top:50%;width:31%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 38% 32%,#fff 0 7%,#8b5cf6 9% 32%,#2e1065 57%,#05010c 74%);box-shadow:0 0 18px rgba(167,139,250,.55);transform:translate(-50%,-50%);animation:indiLook 8.5s ease-in-out infinite;}
.indi-v1-mouth{position:absolute;left:50%;bottom:13%;width:22%;height:16%;transform:translateX(-50%);overflow:hidden;}
.indi-v1-mouth span{position:absolute;left:8%;right:8%;top:-47%;height:100%;border-bottom:9px solid #e9d5ff;border-radius:0 0 50% 50%;filter:drop-shadow(0 0 12px rgba(216,180,254,.34));transition:transform .35s ease;}
.indi-v1-dialog:not(.is-awake) .indi-v1-eye{transform:scaleY(.08);}.indi-v1-dialog:not(.is-awake) .indi-v1-pupil{opacity:0;}.indi-v1-dialog.is-awake .indi-v1-eye{transition:transform .55s cubic-bezier(.2,.8,.2,1);}
.indi-v1-dialog-brand{margin:0 0 12px;color:#d8b4fe;font-size:13px;letter-spacing:.10em;text-transform:none;}
.indi-v1-dialog-greeting{max-width:760px;font-size:clamp(24px,4vw,42px);text-align:center;}
.indi-v1-dialog-source-state{max-width:680px;margin:18px auto 0;padding:10px 14px;border:1px solid rgba(196,181,253,.18);border-radius:999px;background:rgba(76,29,149,.12);color:rgba(237,233,254,.82);font-size:13px;line-height:1.45;text-align:center;}
.indi-v1-dialog-note{max-width:620px;margin:14px auto 0;text-align:center;font-size:14px;}
@keyframes indiBlink{0%,43%,46%,100%{transform:scaleY(1)}44.3%,45.1%{transform:scaleY(.06)}}
@keyframes indiLook{0%,12%,100%{transform:translate(-50%,-50%)}24%,34%{transform:translate(-31%,-54%)}48%,57%{transform:translate(-67%,-46%)}70%,80%{transform:translate(-49%,-35%)}}
@media (prefers-reduced-motion:reduce){.indi-v1-eye,.indi-v1-pupil{animation:none !important}.indi-v1-dialog:not(.is-awake) .indi-v1-eye{transform:none}}
@media (max-width:760px){.indi-v1-dialog{align-items:center;padding:0}.indi-v1-dialog-panel{min-height:100vh;width:100%;padding:58px 18px 28px;border-radius:0}.indi-v1-face{width:min(420px,92vw);height:min(270px,58vw);margin-bottom:18px}.indi-v1-dialog-source-state{border-radius:16px}}


/* Standard V017 – InDi böngészőhang és beszédállapot */
.indi-v1-speech-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px auto 0;}
.indi-v1-speech-actions button{appearance:none;min-height:42px;padding:9px 16px;border-radius:999px;border:1px solid rgba(216,180,254,.28);background:rgba(76,29,149,.22);color:#f5f3ff;font:inherit;font-size:14px;cursor:pointer;transition:transform .12s ease,background .15s ease,opacity .15s ease;}
.indi-v1-speech-actions button:hover,.indi-v1-speech-actions button:focus-visible{background:rgba(109,40,217,.34);outline:none;}
.indi-v1-speech-actions button:active{transform:scale(.98);}
.indi-v1-speech-actions button:disabled{opacity:.42;cursor:default;}
.indi-v1-speech-status{min-height:1.35em;margin:10px auto 0;color:rgba(237,233,254,.72);font-size:12px;text-align:center;}
.indi-v1-dialog.is-speaking .indi-v1-mouth span{animation:indiMouthTalk .34s ease-in-out infinite alternate;}
.indi-v1-dialog.is-speaking .indi-v1-pupil{animation-duration:5.2s;}
@keyframes indiMouthTalk{0%{transform:translateY(0) scaleY(.72)}45%{transform:translateY(5px) scaleY(1.18)}100%{transform:translateY(10px) scaleY(1.55)}}
@media (prefers-reduced-motion:reduce){.indi-v1-dialog.is-speaking .indi-v1-mouth span{animation:none!important;transform:translateY(4px) scaleY(1.05)}}

/* V018: InDi only exposes controls for approved builder audio; no fake chat prompt. */
.indi-v1-approved-audio{display:none!important;}
.indi-v1-speech-actions:empty{display:none!important;}


/* Standard V019 — refined InDi presence + horizontal language rail */
.indi-language-launcher{
  width:min(100%,980px);
  margin:18px auto 8px;
  padding:10px 0 12px;
  overflow:hidden;
}
.indi-language-heading{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 16px 9px;
  color:rgba(255,255,255,.78);
  font-size:13px;
  font-weight:560;
  letter-spacing:.015em;
  text-align:center;
}
.indi-language-heading strong{display:none!important;}
.indi-language-grid{
  display:flex!important;
  flex-wrap:nowrap!important;
  gap:9px!important;
  width:100%;
  max-width:100%;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  padding:4px 18px 10px!important;
  scroll-padding-inline:18px;
  scroll-snap-type:x proximity;
  scroll-behavior:smooth;
  -webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
  box-sizing:border-box;
  mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 18px,#000 calc(100% - 18px),transparent 100%);
}
.indi-language-grid::-webkit-scrollbar{height:5px;}
.indi-language-grid::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:999px;}
.indi-language-flag{
  flex:0 0 auto!important;
  width:50px!important;
  height:50px!important;
  padding:7px!important;
  border-radius:999px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  background:rgba(255,255,255,.065)!important;
  box-shadow:none!important;
  scroll-snap-align:center;
}
.indi-language-flag:hover,.indi-language-flag:focus-visible{background:rgba(255,255,255,.12)!important;border-color:rgba(255,255,255,.24)!important;outline:none;}
.indi-language-flag.is-active{background:rgba(139,92,246,.18)!important;border-color:rgba(216,180,254,.42)!important;box-shadow:0 0 0 2px rgba(139,92,246,.10)!important;}
.indi-language-flag-image{width:29px!important;height:29px!important;border-radius:50%;object-fit:cover;}

.indi-v1-dialog{background:radial-gradient(circle at 50% 40%,rgba(53,31,86,.28),rgba(8,5,18,.965) 60%,rgba(2,2,7,.995));}
.indi-v1-dialog-panel{min-height:min(620px,calc(100vh - 40px));padding:54px 24px 28px;}
.indi-v1-face{width:min(360px,76vw);height:min(210px,44vw);min-height:160px;margin:4px auto 20px;filter:drop-shadow(0 16px 38px rgba(34,15,63,.32));}
.indi-v1-eye{top:25%;width:22%;height:24%;border-radius:48% 48% 52% 52%;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(241,234,252,.88));box-shadow:inset 0 -5px 12px rgba(76,29,149,.10),0 0 16px rgba(216,180,254,.10);animation:indiBlinkSoft 7.4s infinite;}
.indi-v1-eye-left{left:18%;}.indi-v1-eye-right{right:18%;}
.indi-v1-pupil{width:23%;background:radial-gradient(circle at 36% 31%,#fff 0 6%,#7c5bb7 8% 27%,#25123f 51%,#06020b 74%);box-shadow:0 0 8px rgba(167,139,250,.28);animation:indiLookSoft 10.5s ease-in-out infinite;}
.indi-v1-mouth{bottom:18%;width:15%;height:11%;}
.indi-v1-mouth span{left:12%;right:12%;top:-62%;height:100%;border-bottom:4px solid rgba(233,213,255,.82);filter:drop-shadow(0 0 5px rgba(216,180,254,.18));}
.indi-v1-eye.is-winking{animation:indiWinkSoft .50s ease-in-out 1!important;}
.indi-v1-dialog-brand{display:none!important;}
.indi-v1-dialog-source-state{max-width:610px;margin-top:12px;background:rgba(76,29,149,.08);border-color:rgba(196,181,253,.12);color:rgba(237,233,254,.72);font-size:12px;}
@keyframes indiBlinkSoft{0%,46%,48%,100%{transform:scaleY(1)}46.8%,47.3%{transform:scaleY(.10)}}
@keyframes indiWinkSoft{0%,100%{transform:scaleY(1)}42%,62%{transform:scaleY(.08)}}
@keyframes indiLookSoft{0%,18%,100%{transform:translate(-50%,-50%)}31%,43%{transform:translate(-42%,-52%)}58%,69%{transform:translate(-58%,-48%)}82%,90%{transform:translate(-50%,-44%)}}
@media (max-width:760px){
  .indi-language-launcher{margin-top:10px;padding-bottom:8px;}
  .indi-language-heading{margin-bottom:7px;font-size:12px;}
  .indi-language-grid{padding-inline:14px!important;scroll-padding-inline:14px;}
  .indi-language-flag{width:46px!important;height:46px!important;padding:7px!important;}
  .indi-language-flag-image{width:27px!important;height:27px!important;}
  .indi-v1-dialog-panel{min-height:100vh;padding:52px 16px 24px;}
  .indi-v1-face{width:min(320px,78vw);height:min(190px,46vw);min-height:150px;margin-bottom:14px;}
  .indi-v1-dialog-source-state{max-width:88vw;}
}
@media (prefers-reduced-motion:reduce){
  .indi-language-grid{scroll-behavior:auto;}
  .indi-v1-eye,.indi-v1-pupil,.indi-v1-eye.is-winking{animation:none!important;}
}


/* Standard V020 — A hely üzenete: kizárólag hang, arc és karakter nélkül */
.indi-v1-dialog{
  background:rgba(2,3,8,.965)!important;
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.indi-v1-dialog-panel--voice-only{
  min-height:100vh!important;
  width:100%!important;
  max-width:none!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.indi-v1-face,
.indi-v1-eye,
.indi-v1-pupil,
.indi-v1-mouth,
.indi-v1-dialog-flag,
.indi-v1-dialog-brand,
.indi-v1-dialog-greeting,
.indi-v1-dialog-note,
.indi-v1-dialog-source-state{
  display:none!important;
}
.indi-v1-speech-actions{
  position:fixed;
  left:50%;
  bottom:max(28px, env(safe-area-inset-bottom));
  transform:translateX(-50%);
  margin:0!important;
  z-index:3;
}
.indi-v1-speech-status{
  position:fixed;
  left:-9999px;
  width:1px;
  height:1px;
  overflow:hidden;
}
.indi-v1-dialog-close{
  position:fixed!important;
  top:max(16px, env(safe-area-inset-top))!important;
  inset-inline-end:18px!important;
  background:rgba(255,255,255,.055)!important;
  border-color:rgba(255,255,255,.12)!important;
  color:rgba(255,255,255,.72)!important;
}
.indi-v1-dialog-close:hover,
.indi-v1-dialog-close:focus-visible{
  background:rgba(255,255,255,.10)!important;
  color:#fff!important;
}

/* InDi V021: voice-only live interpretation */
.indi-v1-dialog-panel--voice-only{min-height:100vh;}
.indi-v1-dialog.is-preparing .indi-v1-dialog-panel--voice-only::after{content:"";width:18px;height:18px;border-radius:50%;background:rgba(255,255,255,.72);box-shadow:0 0 0 0 rgba(255,255,255,.35);animation:indiVoicePulse 1.35s ease-out infinite;}
@keyframes indiVoicePulse{0%{transform:scale(.78);box-shadow:0 0 0 0 rgba(255,255,255,.30)}70%{transform:scale(1);box-shadow:0 0 0 20px rgba(255,255,255,0)}100%{transform:scale(.78);box-shadow:0 0 0 0 rgba(255,255,255,0)}}
@media (prefers-reduced-motion:reduce){.indi-v1-dialog.is-preparing .indi-v1-dialog-panel--voice-only::after{animation:none;}}

/* V024: InDi hangállapot és hiba mindig látható a sötét rétegen. */
.indi-v1-speech-status{
  color:#fff !important;
  opacity:1 !important;
  visibility:visible !important;
  min-height:1.5em;
  text-align:center;
  font-size:15px;
  line-height:1.4;
  max-width:min(720px,88vw);
  margin:18px auto 0;
}

/* InDi V026: live WebRTC connection status */
.indi-v1-dialog[data-live-state="connecting"] .indi-v1-speech-status::before,
.indi-v1-dialog[data-live-state="connected"] .indi-v1-speech-status::before{
  content:""; display:inline-block; width:9px; height:9px; margin-right:9px; border-radius:50%; background:currentColor; vertical-align:1px;
}
.indi-v1-dialog[data-live-state="connecting"] .indi-v1-speech-status::before{ animation:indi-live-pulse 1.15s ease-in-out infinite; }
.indi-v1-dialog[data-live-state="connected"] .indi-v1-speech-status::before{ box-shadow:0 0 0 5px rgba(255,255,255,.10); }
@keyframes indi-live-pulse{50%{opacity:.28;transform:scale(.72)}}

/* Standard v048 – local 360° equirectangular panorama viewer */
#animal-anchor.has-panorama-media .media-16x9{
  position:relative !important;
  aspect-ratio:16 / 9 !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
  background:#070b16 !important;
}
#animal-anchor .animal-hero-panorama{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  background-repeat:repeat-x;
  background-position:0 50%;
  background-size:auto 260%;
  background-color:#070b16;
  cursor:grab;
  touch-action:pan-y;
  user-select:none;
  -webkit-user-select:none;
  outline:none;
  z-index:2;
}
#animal-anchor .animal-hero-panorama[hidden]{display:none !important;}
#animal-anchor .animal-hero-panorama.is-dragging{cursor:grabbing;}
#animal-anchor .animal-hero-panorama::after{
  content:none !important;
  display:none !important;
}
#animal-anchor.has-panorama-media img#animal-hero,
#animal-anchor.has-panorama-media #animal-hero-video,
#animal-anchor.has-panorama-media #animal-hero-youtube,
#animal-anchor.has-panorama-media .animal-hero-facebook-shell{display:none !important;}
#animal-anchor .animal-hero-panorama-canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:1;
  pointer-events:none;
}
#animal-anchor .animal-hero-panorama-canvas[hidden]{display:none !important;}


/* Standard v058 – public fullscreen media preview + mobile panorama touch */
#animal-anchor .media-16x9{position:relative;}
#animal-anchor .inditica-media-preview-toggle{
  position:absolute !important;
  top:10px !important;
  right:10px !important;
  z-index:80 !important;
  width:42px !important;
  height:42px !important;
  min-width:42px !important;
  min-height:42px !important;
  margin:0 !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border:1px solid rgba(255,255,255,.36) !important;
  border-radius:50% !important;
  background:rgba(4,8,18,.68) !important;
  color:#fff !important;
  box-shadow:0 8px 24px rgba(0,0,0,.28) !important;
  backdrop-filter:blur(8px) !important;
  -webkit-backdrop-filter:blur(8px) !important;
  font:700 24px/1 Arial,sans-serif !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  user-select:none !important;
  -webkit-user-select:none !important;
}
#animal-anchor .inditica-media-preview-toggle[hidden]{display:none !important;}
/* v060: publikus fullscreen kizárólag valódi 360° panorámánál.
   JS mellett CSS-szintű végső védelem a stale/cache UI ellen. */
body:not(.is-builder-mode) #animal-anchor:not(.has-panorama-media) .inditica-media-preview-toggle{display:none !important;}

#animal-anchor .inditica-media-preview-toggle:focus-visible{outline:3px solid rgba(196,181,253,.94) !important;outline-offset:3px !important;}
body.is-public-media-preview-open{overflow:hidden !important;overscroll-behavior:none !important;}
#animal-anchor .media-16x9:fullscreen,
#animal-anchor .media-16x9:-webkit-full-screen{
  position:relative !important;
  inset:auto !important;
  width:100vw !important;
  max-width:none !important;
  height:100vh !important;
  height:100dvh !important;
  min-height:100vh !important;
  min-height:100dvh !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#000 !important;
  overflow:hidden !important;
  display:block !important;
}
body.is-public-media-preview-fallback #animal-anchor,
body.is-public-media-preview-fallback #animal-anchor .media-slot{overflow:visible !important;}
body.is-public-media-preview-fallback #animal-anchor .media-16x9[data-public-media-preview-active='1']{
  position:fixed !important;
  left:var(--inditica-preview-left,0px) !important;
  top:var(--inditica-preview-top,0px) !important;
  right:auto !important;
  bottom:auto !important;
  z-index:12080 !important;
  width:var(--inditica-preview-width,100vw) !important;
  height:var(--inditica-preview-height,100dvh) !important;
  min-height:var(--inditica-preview-height,100dvh) !important;
  max-width:none !important;
  aspect-ratio:auto !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:#000 !important;
  overflow:hidden !important;
}
body.is-public-media-preview-open #animal-anchor .media-16x9[data-public-media-preview-active='1'] img#animal-hero,
#animal-anchor .media-16x9:fullscreen img#animal-hero,
#animal-anchor .media-16x9:-webkit-full-screen img#animal-hero{
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#000 !important;
}
body.is-public-media-preview-open #animal-anchor .media-16x9[data-public-media-preview-active='1'] video,
body.is-public-media-preview-open #animal-anchor .media-16x9[data-public-media-preview-active='1'] iframe,
body.is-public-media-preview-open #animal-anchor .media-16x9[data-public-media-preview-active='1'] .animal-hero-facebook-shell,
body.is-public-media-preview-open #animal-anchor .media-16x9[data-public-media-preview-active='1'] .animal-hero-panorama,
#animal-anchor .media-16x9:fullscreen video,
#animal-anchor .media-16x9:fullscreen iframe,
#animal-anchor .media-16x9:fullscreen .animal-hero-facebook-shell,
#animal-anchor .media-16x9:fullscreen .animal-hero-panorama,
#animal-anchor .media-16x9:-webkit-full-screen video,
#animal-anchor .media-16x9:-webkit-full-screen iframe,
#animal-anchor .media-16x9:-webkit-full-screen .animal-hero-facebook-shell,
#animal-anchor .media-16x9:-webkit-full-screen .animal-hero-panorama{
  width:100% !important;
  height:100% !important;
  inset:0 !important;
  max-width:none !important;
  max-height:none !important;
}
#animal-anchor .media-16x9[data-public-media-preview-active='1'] .animal-hero-panorama,
#animal-anchor .media-16x9[data-builder-media-preview-active='1'] .animal-hero-panorama,
#animal-anchor .media-16x9:fullscreen .animal-hero-panorama,
#animal-anchor .media-16x9:-webkit-full-screen .animal-hero-panorama{
  touch-action:none !important;
  overscroll-behavior:none !important;
}
body.is-public-media-preview-open #animal-anchor .inditica-media-preview-toggle,
#animal-anchor .media-16x9:fullscreen .inditica-media-preview-toggle,
#animal-anchor .media-16x9:-webkit-full-screen .inditica-media-preview-toggle{
  top:max(12px,env(safe-area-inset-top)) !important;
  right:max(12px,env(safe-area-inset-right)) !important;
  width:48px !important;
  height:48px !important;
  min-width:48px !important;
  min-height:48px !important;
  font-size:29px !important;
  background:rgba(4,8,18,.78) !important;
}
@media(max-width:720px){
  #animal-anchor .inditica-media-preview-toggle{top:8px !important;right:8px !important;width:40px !important;height:40px !important;min-width:40px !important;min-height:40px !important;font-size:22px !important;}
  body.is-public-media-preview-open #animal-anchor .inditica-media-preview-toggle,
  #animal-anchor .media-16x9:fullscreen .inditica-media-preview-toggle,
  #animal-anchor .media-16x9:-webkit-full-screen .inditica-media-preview-toggle{
    top:max(10px,env(safe-area-inset-top)) !important;
    right:max(10px,env(safe-area-inset-right)) !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    font-size:27px !important;
  }
}
/* END Standard v058 */

/* Standard v064 – normal hero layout guard.
   A normal image is page content, not a fullscreen surface. Keep its natural
   aspect ratio, but prevent it from consuming almost the entire viewport.
   Panorama and embedded/video media retain their dedicated layout rules. */
#animal-anchor:not(.has-panorama-media):not(.has-embedded-media):not(.has-local-video-media) .media-16x9{
  position:relative !important;
  aspect-ratio:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:visible !important;
}
#animal-anchor:not(.has-panorama-media):not(.has-embedded-media):not(.has-local-video-media) .media-16x9 img#animal-hero:not([hidden]){
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-width:100% !important;
  max-height:56vh !important;
  max-height:min(56dvh, 620px) !important;
  object-fit:contain !important;
  object-position:center center !important;
  margin:0 auto !important;
}
@media(max-width:720px){
  #animal-anchor:not(.has-panorama-media):not(.has-embedded-media):not(.has-local-video-media) .media-16x9 img#animal-hero:not([hidden]){
    max-height:48vh !important;
    max-height:min(48dvh, 500px) !important;
  }
}
/* Standard v070 – normal image scale correction.
   Restore responsive up-scaling inside the guarded media area; max-height from
   v064 remains in force, so tall images still cannot consume the viewport. */
/* END Standard v070 */

/* Standard v083 – canonical visual media / gallery / separate video */
#animal-video-anchor.card{overflow:hidden;padding:0 !important;}
#animal-video-anchor .media-slot,#animal-video-anchor .media-16x9{width:100%;}
#animal-video-anchor .media-16x9{position:relative;aspect-ratio:16/9;overflow:hidden;background:#05070b;}
#animal-video-anchor .animal-hero-video,
#animal-video-anchor .animal-hero-youtube,
#animal-video-anchor .animal-hero-facebook-shell{width:100%;height:100%;border:0;display:block;object-fit:contain;background:#05070b;}
#animal-video-anchor .animal-hero-video[hidden],#animal-video-anchor .animal-hero-youtube[hidden],#animal-video-anchor .animal-hero-facebook-shell[hidden]{display:none !important;}
#animal-video-anchor.has-facebook-reel-media .media-16x9,
#animal-video-anchor.has-instagram-media .media-16x9,
#animal-video-anchor.has-tiktok-media .media-16x9{aspect-ratio:9/16;max-height:min(82vh,920px);margin-inline:auto;width:auto;max-width:100%;}
#animal-video-anchor .animal-hero-facebook-shell{position:relative;}
#animal-video-anchor .animal-hero-facebook-player,
#animal-video-anchor .animal-hero-facebook-player>span,
#animal-video-anchor .animal-hero-facebook-player iframe{width:100% !important;height:100% !important;min-height:100%;border:0;}
#animal-video-anchor .animal-hero-facebook-end{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:rgba(4,7,13,.92);color:#fff;}
#animal-video-anchor .animal-hero-facebook-end[hidden]{display:none !important;}
#animal-video-anchor .animal-hero-facebook-end-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
#animal-video-anchor .animal-hero-facebook-end button{border:1px solid rgba(196,181,253,.55);border-radius:999px;padding:10px 16px;background:rgba(124,58,237,.2);color:#fff;font:inherit;cursor:pointer;}
#animal-anchor.has-gallery-media .media-16x9{cursor:zoom-in;}
#animal-anchor .animal-gallery-open{position:absolute;right:12px;bottom:12px;z-index:8;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:8px 12px;background:rgba(10,8,18,.72);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font:inherit;line-height:1;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.28);}
#animal-anchor .animal-gallery-open[hidden]{display:none !important;}
#animal-anchor .animal-gallery-open strong{font-size:.82rem;font-weight:700;}
.inditica-gallery-lightbox{position:fixed;inset:0;z-index:10050;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,3,8,.94);opacity:0;pointer-events:none;transition:opacity .16s ease;}
.inditica-gallery-lightbox.is-open{opacity:1;pointer-events:auto;}
.inditica-gallery-lightbox[hidden]{display:none !important;}
.inditica-gallery-dialog{position:relative;width:min(96vw,1500px);height:min(92vh,1000px);display:flex;align-items:center;justify-content:center;outline:none;}
.inditica-gallery-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.45);}
.inditica-gallery-close,.inditica-gallery-nav{position:absolute;z-index:3;border:1px solid rgba(255,255,255,.45);background:rgba(12,10,20,.72);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;display:grid;place-items:center;}
.inditica-gallery-close{top:0;right:0;width:44px;height:44px;border-radius:50%;font-size:24px;}
.inditica-gallery-nav{top:50%;transform:translateY(-50%);width:48px;height:58px;border-radius:14px;font-size:30px;}
.inditica-gallery-prev{left:0}.inditica-gallery-next{right:0}
.inditica-gallery-index{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);padding:7px 11px;border-radius:999px;background:rgba(12,10,20,.72);color:#fff;font-size:.85rem;font-weight:700;}
body.inditica-gallery-open{overflow:hidden;}
@media(max-width:680px){
  .inditica-gallery-lightbox{padding:8px;}
  .inditica-gallery-dialog{width:100vw;height:94vh;}
  .inditica-gallery-nav{width:42px;height:52px;font-size:26px;}
  .inditica-gallery-prev{left:4px}.inditica-gallery-next{right:4px}
  #animal-anchor .animal-gallery-open{right:9px;bottom:9px;padding:7px 10px;}
}


/* ============================================================
   InDiTiCa DEMO gateway visual v003 — lighter map + compact translucent card
   Scope: fresh PUBLIC point whose POINT ID contains DEMO.
   Functionality remains in the existing selectLanguage() pipeline.
   Builder, second page, Map and ordinary points are untouched.
   ============================================================ */

.indi-demo-gateway-brand,
.indi-demo-gateway-list{display:none;}

html.inditica-demo-gateway-active,
body.inditica-demo-gateway-active:not(.is-builder-mode){
  width:100% !important;
  min-width:100% !important;
  height:100% !important;
  min-height:100% !important;
  overflow:hidden !important;
  overscroll-behavior:none !important;
  background:#d9d8d2 !important;
}

body.inditica-demo-gateway-active:not(.is-builder-mode)::before{
  content:"";
  position:fixed;
  inset:-12px;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(rgba(255,250,239,.10),rgba(255,250,239,.16)),
    url("geo/inditica-demo-gateway-map.jpg") center center / cover no-repeat;
  filter:blur(1.6px) brightness(1.04);
  transform:scale(1.035);
  transform-origin:center center;
}

body.inditica-demo-gateway-active:not(.is-builder-mode)::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.18),rgba(255,250,239,.08) 60%,rgba(255,248,235,.04) 100%);
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #history-bg{display:none !important;}
body.inditica-demo-gateway-active:not(.is-builder-mode) .topbar,
body.inditica-demo-gateway-active:not(.is-builder-mode) #label-topbar,
body.inditica-demo-gateway-active:not(.is-builder-mode) > header,
body.inditica-demo-gateway-active:not(.is-builder-mode) > .history-scan-counter,
body.inditica-demo-gateway-active:not(.is-builder-mode) > footer,
body.inditica-demo-gateway-active:not(.is-builder-mode) > .legal-strip,
body.inditica-demo-gateway-active:not(.is-builder-mode) > .toast{display:none !important;}

body.inditica-demo-gateway-active:not(.is-builder-mode) main{
  position:fixed !important;
  inset:0 !important;
  z-index:2 !important;
  width:100% !important;
  max-width:none !important;
  height:100dvh !important;
  min-height:100vh !important;
  margin:0 !important;
  padding:max(20px,env(safe-area-inset-top)) 18px max(20px,env(safe-area-inset-bottom)) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}

body.inditica-demo-gateway-active:not(.is-builder-mode) main > *:not(#animal-tip){display:none !important;}

body.inditica-demo-gateway-active:not(.is-builder-mode) #animal-tip.indi-entry-mode{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  max-width:none !important;
  height:100% !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:visible !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #animal-tip > *:not(#inditica-indi-launcher){display:none !important;}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher{
  position:relative !important;
  z-index:3 !important;
  width:min(560px,88vw) !important;
  max-width:560px !important;
  height:min(72dvh,680px) !important;
  max-height:min(72dvh,680px) !important;
  min-height:0 !important;
  margin:0 auto !important;
  padding:0 !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
  border:1.5px solid rgba(232,173,25,.88) !important;
  border-radius:28px !important;
  background:linear-gradient(150deg,rgba(35,14,68,.91),rgba(13,9,38,.89) 62%,rgba(30,11,57,.91)) !important;
  box-shadow:0 22px 58px rgba(31,15,52,.28),0 0 0 1px rgba(116,43,226,.24),inset 0 0 48px rgba(91,22,184,.10) !important;
  backdrop-filter:blur(9px) saturate(1.06) !important;
  -webkit-backdrop-filter:blur(9px) saturate(1.06) !important;
  pointer-events:auto !important;
  touch-action:auto !important;
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher::before{
  content:"";
  position:absolute;
  inset:8px;
  z-index:0;
  border:1px solid rgba(132,65,226,.34);
  border-radius:23px;
  pointer-events:none;
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-brand{
  position:relative;
  z-index:1;
  display:flex !important;
  flex:0 0 auto;
  flex-direction:column;
  align-items:center;
  width:100%;
  padding:22px 22px 0;
  box-sizing:border-box;
  pointer-events:none;
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-logo{
  display:block;
  width:72px;
  height:72px;
  object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.32));
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-name{
  margin-top:12px;
  font:700 clamp(32px,7.2vw,46px)/1 Georgia,"Times New Roman",serif;
  letter-spacing:.02em;
  background:linear-gradient(180deg,#fff1ad 0,#f0c14f 42%,#d99112 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:0 4px 18px rgba(232,173,25,.12);
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-divider{
  width:calc(100% - 20px);
  height:1px;
  margin:14px 10px 0;
  background:linear-gradient(90deg,transparent,rgba(232,173,25,.75),transparent);
}

/* The normal compact dropdown still exists for the second page, but is not
   the scroll container of the DEMO gateway. This avoids mobile sheet conflicts. */
body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-language-compact,
body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-entry-actions,
body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-language-sheet{
  display:none !important;
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-list{
  position:relative;
  z-index:2;
  display:block !important;
  flex:1 1 auto !important;
  min-height:0 !important;
  width:100% !important;
  margin:0 !important;
  padding:12px 16px 18px !important;
  overflow-x:hidden !important;
  overflow-y:auto !important;
  box-sizing:border-box !important;
  pointer-events:auto !important;
  touch-action:pan-y !important;
  -webkit-overflow-scrolling:touch !important;
  overscroll-behavior-y:contain !important;
  scrollbar-width:thin;
  scrollbar-color:#6c2ac3 transparent;
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-list::-webkit-scrollbar{width:5px;}
body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-list::-webkit-scrollbar-thumb{background:rgba(108,42,195,.72);border-radius:999px;}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-option{
  appearance:none !important;
  -webkit-appearance:none !important;
  -webkit-tap-highlight-color:transparent !important;
  width:100% !important;
  min-height:54px !important;
  margin:6px 0 !important;
  padding:10px 15px !important;
  display:grid !important;
  grid-template-columns:42px minmax(0,1fr) 24px !important;
  align-items:center !important;
  gap:14px !important;
  text-align:left !important;
  border:1px solid rgba(232,173,25,.32) !important;
  border-radius:17px !important;
  background:linear-gradient(180deg,rgba(62,29,94,.72),rgba(28,16,56,.76)) !important;
  color:#fff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04) !important;
  font:650 19px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif !important;
  cursor:pointer !important;
  pointer-events:auto !important;
  touch-action:manipulation !important;
  user-select:none !important;
  -webkit-user-select:none !important;
  transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease !important;
}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-option:hover,
body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-option:focus-visible{
  border-color:rgba(232,173,25,.82) !important;
  background:linear-gradient(180deg,rgba(89,28,151,.86),rgba(43,17,82,.88)) !important;
  box-shadow:0 0 0 3px rgba(91,22,184,.18) !important;
  outline:none !important;
}
body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-option:active{transform:translateY(1px);}

body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-flag{
  width:42px !important;
  height:30px !important;
  border-radius:6px !important;
  object-fit:cover !important;
  box-shadow:0 2px 8px rgba(0,0,0,.24) !important;
  pointer-events:none !important;
}
body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-native{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  color:#fff !important;
  font:650 19px/1.25 system-ui,-apple-system,"Segoe UI",sans-serif !important;
  pointer-events:none !important;
}
body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-arrow{
  width:24px !important;
  color:#f5cd68 !important;
  font:300 27px/1 system-ui,-apple-system,"Segoe UI",sans-serif !important;
  text-align:center !important;
  pointer-events:none !important;
}

@media(max-width:680px){
  body.inditica-demo-gateway-active:not(.is-builder-mode) main{padding:max(16px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom)) !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher{width:min(540px,88vw) !important;height:72dvh !important;max-height:72dvh !important;border-radius:24px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-brand{padding:20px 18px 0 !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-logo{width:68px !important;height:68px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-name{font-size:36px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-divider{margin-top:12px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-list{padding:10px 12px 16px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-option{min-height:50px !important;margin:6px 0 !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-native{font-size:17px !important;}
}

@media(max-height:620px) and (orientation:portrait){
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher{height:82dvh !important;max-height:82dvh !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-brand{padding:16px 20px 0 !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-logo{width:62px !important;height:62px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-name{margin-top:8px !important;font-size:32px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-option{min-height:46px !important;}
}

@media(orientation:landscape) and (max-height:560px){
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher{width:min(760px,92vw) !important;max-width:760px !important;height:90dvh !important;max-height:90dvh !important;display:grid !important;grid-template-columns:minmax(220px,34%) minmax(0,1fr) !important;grid-template-rows:1fr !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher::before{border-radius:20px;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-brand{justify-content:center !important;padding:18px 18px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-logo{width:70px !important;height:70px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-name{margin-top:10px !important;font-size:32px !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-divider{width:70% !important;margin:16px auto 0 !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-list{min-height:0 !important;padding:10px 12px !important;border-left:1px solid rgba(232,173,25,.18) !important;}
  body.inditica-demo-gateway-active:not(.is-builder-mode) #inditica-indi-launcher .indi-demo-gateway-option{min-height:46px !important;margin:5px 0 !important;padding:7px 12px !important;}
}

@media(prefers-reduced-motion:reduce){body.inditica-demo-gateway-active:not(.is-builder-mode)::before{filter:blur(1.2px) brightness(1.04);}}
/* END InDiTiCa DEMO gateway visual v003 */

/* WALKDEV v005 – Facebook iframe fallback regression restore.
   Restores the Standard Smart v050 contract for the current separate video block:
   the direct Facebook iframe remains the immediate player; the SDK shell is invisible
   until an actual FB player instance marks it is-ready. */
#animal-video-anchor .media-16x9{
  position:relative;
}
#animal-video-anchor .animal-hero-facebook-shell{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  overflow:hidden !important;
  background:#05070b !important;
  z-index:3 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}
#animal-video-anchor .animal-hero-facebook-shell.is-ready{
  visibility:visible !important;
  pointer-events:auto !important;
}
#animal-video-anchor .animal-hero-facebook-shell[hidden]{
  display:none !important;
}
#animal-video-anchor .animal-hero-youtube[data-media-provider="facebook"]{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
}
/* END WALKDEV v005 */