body{overflow-x:hidden}
#enterScreen{position:fixed;inset:0;background:black;display:flex;align-items:center;justify-content:center;z-index:10}
.hidden{display:none}
.container{position:relative;z-index:2;display:flex;align-items:center;gap:26px;flex-wrap:nowrap;overflow-x:auto;padding:0 20px}
.profile{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}
.card{width:135px;background:#000;border-radius:18px;padding:14px;border:2px solid rgba(255,255,255,.6);box-shadow:0 0 25px rgba(255,255,255,.25)}
.pfp{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:14px}
.name{text-align:center;margin-top:10px}
.socials{margin-top:8px;display:flex;gap:12px}
.icon{width:26px;height:26px;color:white}
@media(max-width:768px){
.container{flex-direction:column;height:auto;min-overflow-x:hidden;padding:60px 0 40px}
.card{width:80vw;max-width:380px}
.icon{width:30px;height:34px}
}
#snow{position:fixed;inset:0;z-index:1;pointer-events:none}


/* Top middle random text */
#topText {
  position: fixed;
  top: 16px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  font-size: 16px;
  letter-spacing: 2px;
  opacity: 0.9;
  text-transform: lowercase;
  pointer-events: none;
  user-select: none;
}

/* Discord PNG icon sizing */
.icon-img.discord {
  width: 22px;
  height: 22px;
  filter: invert(1);
}
@media (max-width: 768px) {
  #topText { font-size: 18px; }
  .icon-img.discord { width: 28px; height: 28px; }
}


/* Glowing white text */
body, .name, #topText {
  color: white;
  text-shadow:
    0 0 4px rgba(255,255,255,0.6),
    0 0 10px rgba(255,255,255,0.4),
    0 0 20px rgba(255,255,255,0.25);
}


/* Enter fade-out */
#enterScreen {
  transition: opacity 450ms ease;
}
#enterScreen.fading {
  opacity: 0;
}


/* Centered content wrapper so top text sits above cards */
.content{
  position:relative;
  z-index:2;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:18px;
  padding:40px 0;
}