/* KOZMOTIP RESULT — avatar flows naturally with the result text */
.result-screen .avatar-wrap{
  position:relative;
  top:auto;
  left:auto;
  transform:none;
  z-index:2;
  margin:0 auto 34px;
}

.result-screen .result-wrap{
  padding-top:0;
}

.result-screen::after{
  content:none;
  display:none;
}

/* Main Kozmotip title: keep the dynamic identity on its own line. */
.result-screen .kozmotip-title-label,
.result-screen .kozmotip-title-value{
  display:block;
}
.result-screen .kozmotip-title-value{
  margin-top:.16em;
  white-space:nowrap;
  letter-spacing:0;
}

/* Kozmotip identity block: emphasize labels before the colon. */
.result-screen .kozmotip-identity-details{
  display:block;
}
.result-screen .kozmotip-identity-line{
  display:block;
}
.result-screen .kozmotip-identity-label{
  color:#f7dfb8;
  font-weight:750;
}

/* Large lower avatar: same identity, centered before KOZMOTİP KİMLİĞİN. */
.result-screen .avatar-wrap-bottom{
  position:relative;
  width:min(880px,92vw);
  height:auto;
  aspect-ratio:1/1;
  margin:56px auto 30px;
  padding:9px;
  border-radius:34px;
  background:linear-gradient(145deg,rgba(255,239,205,.99),rgba(190,111,28,.97) 28%,rgba(74,160,226,.88) 64%,rgba(255,210,122,.99));
  box-shadow:
    0 0 0 1px rgba(255,235,198,.58),
    0 0 28px rgba(255,190,86,.90),
    0 0 64px rgba(78,169,255,.34),
    0 26px 70px rgba(0,0,0,.60);
  overflow:visible;
  animation:avatarFramePulse 3.4s ease-in-out infinite;
}

.result-screen .avatar-wrap-bottom::before{
  inset:-9px;
  border-radius:42px;
  filter:blur(10px);
  opacity:.78;
}

.result-screen .avatar-wrap-bottom::after{
  inset:6px;
  border-radius:28px;
  border:1px solid rgba(255,248,229,.48);
  box-shadow:inset 0 0 34px rgba(255,215,151,.18);
}

.result-screen .avatar-wrap-bottom img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  border-radius:27px;
  box-shadow:none;
}

.result-screen .avatar-wrap-bottom[hidden]{
  display:none;
}

/* Desktop-only editorial polish */
@media(min-width:768px){
  .result-screen .result-wrap{
    width:min(980px,92vw);
  }

  .result-screen .avatar-wrap:not(.avatar-wrap-bottom){
    width:224px;
    height:224px;
    margin-bottom:42px;
    border-radius:28px;
  }

  /* Keep the approved lower-avatar desktop size. */
  .result-screen .avatar-wrap-bottom{
    width:440px;
    max-width:46vw;
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
  }

  /* Desktop only: place the identity heading + text exactly under the lower avatar. */
  .result-screen .result-text h2.kozmotip-identity-heading,
  .result-screen .result-text p.kozmotip-identity-details{
    position:relative;
    left:50%;
    transform:translateX(-50%);
    width:440px;
    max-width:46vw;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0;
    text-align:left;
  }

  .result-screen .result-text h2.kozmotip-identity-heading{
    margin-top:0;
    margin-bottom:18px;
  }

  .result-screen .result-text p.kozmotip-identity-details{
    margin-top:0;
    margin-bottom:24px;
  }

  .result-screen .avatar-wrap:not(.avatar-wrap-bottom)::before{
    border-radius:34px;
  }

  .result-screen .avatar-wrap:not(.avatar-wrap-bottom)::after{
    border-radius:22px;
  }

  .result-screen .avatar-wrap:not(.avatar-wrap-bottom) img,
  .result-screen .avatar-wrap:not(.avatar-wrap-bottom) .avatar-fallback{
    border-radius:21px;
  }

  .result-screen .result-text{
    max-width:940px;
    margin:0 auto;
    padding:18px 22px 34px;
    color:#f4efe5;
  }

  .result-screen .result-text h1{
    margin:0 0 30px;
    font-family:"Bodoni MT","Didot","Times New Roman",serif;
    font-size:clamp(42px,3.35vw,54px);
    font-weight:500;
    line-height:1.08;
    letter-spacing:.005em;
    color:#fff0d2;
    text-wrap:balance;
    text-shadow:0 2px 7px rgba(0,0,0,.94),0 0 16px rgba(203,146,66,.18);
  }

  .result-screen .result-text h1 .kozmotip-title-value{
    font-size:.88em;
  }

  .result-screen .result-text h2{
    margin:46px 0 18px;
    font-family:"Bodoni MT","Didot","Times New Roman",serif;
    font-size:clamp(28px,2.15vw,34px);
    font-weight:500;
    line-height:1.14;
    letter-spacing:.005em;
    color:#f7dfb8;
    text-shadow:0 2px 6px rgba(0,0,0,.92),0 0 12px rgba(207,151,76,.14);
  }

  .result-screen .result-text p{
    max-width:880px;
    margin:0 0 24px;
    font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    font-size:21px;
    font-weight:430;
    line-height:1.82;
    letter-spacing:.002em;
    color:#f0eee9;
    text-shadow:0 2px 5px rgba(0,0,0,.96),0 0 10px rgba(0,0,0,.66);
  }

  .result-screen .kozmotip-identity-line{
    margin-bottom:4px;
  }
}

@media(max-width:767px){
  .result-screen .result-text h1 .kozmotip-title-value{
    font-size:.82em;
  }

  .result-screen .avatar-wrap-bottom{
    width:min(92vw,560px);
    margin:42px auto 26px;
    padding:7px;
    border-radius:28px;
  }

  .result-screen .avatar-wrap-bottom::before{
    inset:-7px;
    border-radius:35px;
    filter:blur(8px);
  }

  .result-screen .avatar-wrap-bottom::after{
    border-radius:23px;
  }

  .result-screen .avatar-wrap-bottom img{
    border-radius:22px;
  }

  .result-screen .kozmotip-identity-heading,
  .result-screen .kozmotip-identity-details{
    width:min(92vw,560px);
    max-width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  .result-screen .result-text h2.kozmotip-identity-heading{
    margin-top:0;
  }
}

@media(max-width:640px){
  .result-screen .avatar-wrap:not(.avatar-wrap-bottom){
    top:auto;
    margin-bottom:26px;
  }
}

@media(max-width:380px){
  .result-screen .result-text h1 .kozmotip-title-value{
    font-size:.74em;
  }

  .result-screen .avatar-wrap-bottom{
    width:93vw;
    margin-top:36px;
  }
}