/* ===== PORTAL ===== */
#portal{
  position:relative;z-index:1;min-height:100vh;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:90px 16px 60px;
  background:radial-gradient(ellipse at 50% 30%,#1a0f2e,#0d0a14 55%,#06040a 100%);
  overflow:hidden;
}
.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;}
.orb1{width:min(400px,80vw);height:min(400px,80vw);background:rgba(255,107,26,.12);top:10%;left:-10%;}
.orb2{width:min(300px,70vw);height:min(300px,70vw);background:rgba(155,48,255,.1);bottom:5%;right:-8%;}

.portal-title{
  font-family:'Bangers',Impact,'Arial Black',sans-serif;
  font-size:clamp(3rem,10vw,7rem);letter-spacing:5px;text-align:center;
  color:var(--gold);
  text-shadow:0 0 50px rgba(255,107,26,.7),0 0 100px rgba(255,215,0,.35),4px 4px 0 rgba(204,68,0,.8);
  animation:slideUp .8s ease forwards;
  line-height:1;margin-bottom:.2em;
}
.portal-eyebrow{
  font-family:'Oswald',sans-serif;font-size:clamp(.85rem,2.5vw,1.1rem);
  letter-spacing:5px;text-transform:uppercase;color:rgba(255,255,255,.4);
  text-align:center;margin-bottom:2rem;
}
.portals{
  display:flex;gap:clamp(16px,4vw,56px);justify-content:center;flex-wrap:wrap;
  width:100%;max-width:820px;
}
.pdoor{
  position:relative;
  width:clamp(240px,43vw,360px);
  cursor:pointer;text-decoration:none;
  transition:transform .35s cubic-bezier(.175,.885,.32,1.275);
}
.pdoor:hover{transform:translateY(-10px) scale(1.02);}
.pring{
  position:absolute;inset:-3px;border-radius:50%;
  animation:spin 8s linear infinite;pointer-events:none;
}
.pdoor-kids .pring{background:conic-gradient(#FF4DA6,#9B30FF,#00D068,#FFE01A,#FF4DA6);filter:blur(3px);opacity:.7;}
.pdoor-adults .pring{background:conic-gradient(#FF6B1A,#FFD700,#1A4DFF,#FF6B1A);filter:blur(3px);opacity:.7;}
.pinner{
  position:relative;border-radius:44% 44% 46% 46% / 38% 38% 55% 55%;
  overflow:hidden;
  height:clamp(270px,52vw,400px);
  display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
  padding:0 16px 22px;
  border:1px solid rgba(255,255,255,.06);
}
.pdoor-kids .pinner{background:radial-gradient(ellipse at 50% 0%,rgba(155,48,255,.22),#130F1E 70%);}
.pdoor-adults .pinner{background:radial-gradient(ellipse at 50% 0%,rgba(255,107,26,.22),#130F1E 70%);}
.pchar{width:80%;aspect-ratio:1/1;object-fit:cover;border-radius:50%;flex:1;max-height:66%;transition:transform .3s;}
.pdoor-kids .pchar{animation:float 3.5s ease-in-out infinite;}
.pdoor-adults .pchar{animation:floatR 4s ease-in-out infinite;}
.pdoor:hover .pchar{transform:scale(1.06);}
.plabel{
  font-family:'Bangers',Impact,'Arial Black',sans-serif;font-size:clamp(1.5rem,4vw,2.2rem);letter-spacing:3px;
  padding:10px 20px 6px;border-radius:14px;width:100%;text-align:center;
}
.pdoor-kids .plabel{background:linear-gradient(135deg,#FF4DA6,#9B30FF);color:#fff;box-shadow:0 0 22px rgba(155,48,255,.4);}
.pdoor-adults .plabel{background:linear-gradient(135deg,#FF6B1A,#CC4400);color:#fff;box-shadow:0 0 22px rgba(255,107,26,.4);}
.psub{font-family:'Boogaloo','Arial Rounded MT Bold',Arial,sans-serif;font-size:.82rem;letter-spacing:.5px;color:rgba(255,255,255,.8);text-align:center;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;}

.scroll-hint{
  position:absolute;bottom:24px;left:50%;transform:translateX(-50%);
  display:flex;flex-direction:column;align-items:center;gap:5px;
  color:rgba(255,255,255,.3);font-size:.72rem;letter-spacing:2px;
  animation:float 2.5s ease-in-out infinite;
}

@media(max-width:600px){
  .portals { gap:12px; }
  .pdoor { width:clamp(240px,85vw,320px); }
  .pinner { height:clamp(260px,72vw,340px); }
  .plabel { font-size:clamp(1.4rem,6vw,2rem); }
  .psub { font-size:.78rem; }
}