/* ARC Supply — portal/intro da Home, isolado do restante do site. */
body.arc-entry-locked{overflow:hidden}

.arc-entry-portal{
  position:fixed;
  inset:0;
  z-index:2147483000;
  overflow:hidden;
  background:#030405;
  opacity:1;
  visibility:visible;
  transition:opacity .42s ease, visibility .42s ease;
}
.arc-entry-portal.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.arc-entry-portal__canvas{
  position:relative;
  width:100vw;
  height:100vh;
  overflow:hidden;
}
.arc-entry-portal__canvas::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,rgba(3,4,5,.03) 0%,rgba(3,4,5,.1) 56%,rgba(3,4,5,.3) 80%,rgba(3,4,5,.55) 100%),
    radial-gradient(circle at 50% 100%,rgba(255,122,36,.08),transparent 34%);
  pointer-events:none;
}
.arc-entry-portal__art{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
  user-select:none;
  -webkit-user-drag:none;
  pointer-events:none;
}
.arc-entry-portal__overlay{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:max(26px, env(safe-area-inset-bottom));
  transform:translateX(-50%);
  width:min(760px, calc(100vw - 48px));
}
.arc-entry-portal__panel{
  position:relative;
  width:100%;
  overflow:hidden;
  padding:18px 18px 18px;
  border:1px solid rgba(255,146,69,.2);
  border-radius:12px;
  background:
    linear-gradient(180deg,rgba(255,127,45,.06),rgba(255,127,45,0) 24%),
    radial-gradient(circle at left center,rgba(255,118,29,.1),transparent 28%),
    radial-gradient(circle at right center,rgba(255,118,29,.1),transparent 28%),
    linear-gradient(180deg,rgba(8,11,15,.8),rgba(5,7,10,.93));
  backdrop-filter:blur(12px);
  box-shadow:
    0 22px 60px rgba(0,0,0,.4),
    inset 0 1px 0 rgba(255,255,255,.05),
    inset 0 0 0 1px rgba(255,255,255,.02);
}
.arc-entry-portal__panel::before{
  content:"";
  position:absolute;
  inset:8px;
  border:1px solid rgba(255,255,255,.05);
  border-radius:8px;
  pointer-events:none;
}
.arc-entry-portal__panel::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,122,36,.65) 18%,rgba(255,255,255,.26) 50%,rgba(255,122,36,.65) 82%,transparent);
  pointer-events:none;
}
.arc-entry-portal__eyebrow{
  position:relative;
  color:#ff832d;
  text-align:center;
  font:800 11px/1.1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.22em;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(255,122,36,.18);
}
.arc-entry-portal__caption{
  margin:12px 0 0;
  color:rgba(244,246,248,.96);
  text-align:center;
  font:500 13px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-wrap:balance;
}
.arc-entry-portal__actions{
  position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(220px,1fr));
  gap:14px;
  width:100%;
  margin-top:16px;
  padding-top:14px;
}
.arc-entry-portal__actions::before{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),rgba(255,122,36,.22),rgba(255,255,255,.08),transparent);
}
.arc-entry-portal__btn{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:58px;
  padding:0 18px;
  border-radius:8px;
  cursor:pointer;
  font:900 12px/1 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.11em;
  text-transform:uppercase;
  overflow:hidden;
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, color .16s ease;
}
.arc-entry-portal__btn::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:7px;
  border:1px solid rgba(255,255,255,.08);
  pointer-events:none;
}
.arc-entry-portal__btn::after{
  content:"";
  position:absolute;
  left:10px;
  right:10px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);
  opacity:.5;
  pointer-events:none;
}
.arc-entry-portal__btn:hover{transform:translateY(-1px)}
.arc-entry-portal__btn:focus-visible{outline:3px solid #ff5a13;outline-offset:4px;box-shadow:0 0 0 7px rgba(255,90,19,.2)}
.arc-entry-portal__btn--music{
  border:1px solid rgba(255,130,40,.92);
  background:linear-gradient(180deg,#ff962b 0%,#ff741b 48%,#f95d13 100%);
  color:#120904;
  box-shadow:0 12px 32px rgba(255,97,17,.26), inset 0 1px 0 rgba(255,238,224,.2);
}
.arc-entry-portal__btn--music:hover{box-shadow:0 16px 42px rgba(255,97,17,.34), inset 0 1px 0 rgba(255,238,224,.28)}
.arc-entry-portal__btn--silent{
  border:1px solid rgba(185,195,205,.3);
  background:linear-gradient(180deg,rgba(11,15,20,.94),rgba(5,8,12,.96));
  color:#ffffff;
  box-shadow:0 10px 24px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
}
.arc-entry-portal__btn--silent:hover{
  border-color:rgba(255,122,36,.45);
  box-shadow:0 14px 32px rgba(0,0,0,.3), inset 0 1px 0 rgba(255,255,255,.06), 0 0 0 1px rgba(255,122,36,.08);
}
.arc-entry-portal__btn-icon,.arc-entry-portal__btn-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  line-height:1;
}
.arc-entry-portal__btn-arrow{font-size:24px;margin-top:-2px}
.arc-entry-portal__status{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:8px;
  transform:translateX(-50%);
  min-width:min(520px,82vw);
  padding:10px 16px;
  border:1px solid rgba(255,106,39,.45);
  background:rgba(4,6,8,.9);
  color:#f4f4f4;
  font:600 12px/1.35 system-ui,-apple-system,"Segoe UI",sans-serif;
  letter-spacing:.08em;
  text-align:center;
  text-transform:uppercase;
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease;
}
.arc-entry-portal__status.is-visible{opacity:1}
.arc-entry-music-control{position:fixed;z-index:9999;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:1px solid rgba(255,106,39,.62);border-radius:999px;background:rgba(5,7,9,.92);color:#fff;font:700 11px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 10px 30px rgba(0,0,0,.28);cursor:pointer}
.arc-entry-music-control[hidden]{display:none!important}
.arc-entry-music-control svg{width:17px;height:17px;fill:none;stroke:#ff6b26;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.arc-entry-music-control.is-paused{opacity:.72}
.arc-entry-youtube{position:fixed;width:1px;height:1px;left:-9999px;top:-9999px;border:0;opacity:.001;pointer-events:none}
@media (max-width:760px){
  /* iOS/Safari: usa a altura VISÍVEL do navegador, não o 100vh clássico
     que fica atrás das barras superior/inferior e escondia os botões. */
  .arc-entry-portal{
    top:0;
    right:0;
    bottom:auto;
    left:0;
    height:var(--arc-entry-vh,100dvh);
    min-height:var(--arc-entry-vh,100dvh);
    max-height:var(--arc-entry-vh,100dvh);
    overflow:hidden;
  }
  .arc-entry-portal__canvas{
    width:100%;
    height:100%;
    min-height:0;
    overflow:hidden;
  }
  .arc-entry-portal__art{
    object-position:50% 46%;
  }
  .arc-entry-portal__overlay{
    width:min(calc(100vw - 20px),460px);
    bottom:max(10px,env(safe-area-inset-bottom));
  }
  .arc-entry-portal__panel{
    padding:12px 12px 12px;
    border-radius:10px;
    backdrop-filter:blur(9px);
    -webkit-backdrop-filter:blur(9px);
  }
  .arc-entry-portal__panel::before{inset:6px;border-radius:7px}
  .arc-entry-portal__eyebrow{font-size:9px;letter-spacing:.14em}
  .arc-entry-portal__caption{margin-top:8px;font-size:10px;line-height:1.35;letter-spacing:.08em}
  .arc-entry-portal__actions{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    margin-top:10px;
    padding-top:10px;
  }
  .arc-entry-portal__btn{
    min-height:48px;
    gap:6px;
    padding:0 8px;
    border-radius:7px;
    font-size:9px;
    letter-spacing:.07em;
    line-height:1.05;
  }
  .arc-entry-portal__btn-icon{font-size:15px}
  .arc-entry-portal__btn-arrow{display:none}
  .arc-entry-portal__status{
    bottom:max(8px,env(safe-area-inset-bottom));
    min-width:86vw;
    max-width:92vw;
    font-size:10px;
  }
}

@media (max-width:359px){
  .arc-entry-portal__actions{grid-template-columns:1fr}
  .arc-entry-portal__btn{min-height:44px}
}

@media (max-width:760px) and (max-height:560px){
  .arc-entry-portal__overlay{bottom:6px}
  .arc-entry-portal__panel{padding:9px 10px}
  .arc-entry-portal__caption{display:none}
  .arc-entry-portal__actions{margin-top:8px;padding-top:8px}
  .arc-entry-portal__btn{min-height:42px}
}
@media (prefers-reduced-motion:reduce){.arc-entry-portal,.arc-entry-portal__btn{transition:none}}