/* ============================================================
   STORMY TITANS™ — HOME + LAKE REVEAL VISUAL POLISH — 002-R21
   ============================================================ */

/* 1) HOME LARGE CHARACTER CARDS — letterbox complete artwork. */
.character-image{
  background:#000 !important;
}
.character-image img{
  display:block !important;
  width:100% !important;
  height:100% !important;
  box-sizing:border-box !important;
  object-fit:contain !important;
  object-position:center center !important;
  background:#000 !important;
  padding:6px !important;
}
@media(max-width:700px){
  .character-image img{padding:8px !important;}
}

/* 2) LAKE REVEALS
   Outer shell must stay overflow:visible so the glow and boat-load tab
   survive. Clip/round the INNER surfaces instead. */
.lake-options,
.lake-you{
  overflow:visible !important;
  isolation:isolate;
}
.lake-options > .lake-titlebar,
.lake-you > .lake-titlebar{
  border-radius:12px 12px 0 0 !important;
  overflow:hidden !important;
}
.lake-options > .lake-scroll{
  border-radius:0 0 12px 12px !important;
  overflow:auto !important;
  background:#0a263c !important;
}
.lake-options > .lake-scroll > :last-child{
  border-radius:0 0 10px 10px !important;
  overflow:hidden !important;
}
.lake-you > .you-card{
  overflow:hidden !important;
}
.lake-you > .lake-you-links{
  background:#0a263c !important;
  overflow:auto !important;
}
.lake-you > .lake-admin-links:last-child,
.lake-you > .lake-you-links:last-child{
  border-radius:0 0 12px 12px !important;
  overflow:hidden !important;
}
.lake-options::before,
.lake-you::before{
  z-index:2 !important;
}

/* 3) MOBILE YOU/PROFILE CIRCLE
   Settle the R9/R10.1/R16 cascade at the end of the stack. */
@media(max-width:700px){
  .stormy-head .avatar-button{
    box-sizing:border-box !important;
    width:46px !important;
    height:46px !important;
    min-width:46px !important;
    min-height:46px !important;
    padding:2px !important;
    margin:0 !important;
    border-radius:50% !important;
    overflow:visible !important;
    align-self:center !important;
    transform:none !important;
    line-height:1 !important;
  }

  .stormy-head .avatar-button .header-profile-image{
    display:block !important;
    box-sizing:border-box !important;
    width:100% !important;
    height:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    max-width:100% !important;
    max-height:100% !important;
    margin:0 !important;
    padding:0 !important;
    object-fit:cover !important;
    object-position:center center !important;
    border-radius:50% !important;
    clip-path:circle(50% at 50% 50%) !important;
    transform:none !important;
  }

  .stormy-head .avatar-button .super-admin-check{
    right:-4px !important;
    bottom:-4px !important;
    transform:none !important;
  }
}