/* Scrollbar */
.profil_text::-webkit-scrollbar-thumb,
#tabs4::-webkit-scrollbar-thumb,
#tabs5::-webkit-scrollbar-thumb {
    background: rgba(111, 135, 152, 0.25);
}


<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">

.cursed-profile-wrap{
  width:550px;
  margin:20px auto;
  padding:18px;
  background:#e6e2d9;
  color:#7c858c;
  font-family:'Montserrat', sans-serif;
  font-size:11px;
  line-height:1.7;
  border-radius:16px;
}

/* MAIN */

.cursed-profile-inner{
  background:#ddd7cd;
	border-radius:14px;
  overflow:hidden;
}

/* HEADER */

.cursed-profile-head{
  padding:34px 28px 24px;
  background:linear-gradient(
       140deg,
        #d4d0c8 0%,
        #d1cec8 55%,
        #cdb7aa 100%);
}

.cursed-profile-title{
  font-family:'UnifrakturCook', serif;
  font-size:50px;
  line-height:.9;
  color:#2a2e31;
}

.cursed-profile-sub{
  margin-top:10px;
  font-size:8px;
  letter-spacing:3px;
  text-transform:uppercase;
  color:#b86c4a;
}

.cursed-profile-icons{
  margin-top:18px;
  display:flex;
  gap:18px;
  color:#b86c4a;
  font-size:13px;
}

/* TABS */

.cursed-profile-tabs{
  padding:18px;
}

.cursed-profile-tabs input[type="radio"]{
    display:none;
}

.cursed-profile-nav{
  display:flex;
  gap:8px;
  margin-bottom:16px;
}

.cursed-profile-nav label{
  flex:1;
  background:#e0dcd3;
  color:#b86c4a;

  padding:10px 8px;
  border-radius:20px;

  text-align:center;

  font-size:8px;
  letter-spacing:2px;
  text-transform:uppercase;

  cursor:pointer;
  transition:.3s ease;
  border:1px solid #c9c6be;
}

#tab-basic:checked ~ .cursed-profile-nav label[for="tab-basic"],
#tab-player:checked ~ .cursed-profile-nav label[for="tab-player"],
#tab-story:checked ~ .cursed-profile-nav label[for="tab-story"],
#tab-facts:checked ~ .cursed-profile-nav label[for="tab-facts"],
#tab-relations:checked ~ .cursed-profile-nav label[for="tab-relations"],
#tab-inplay:checked ~ .cursed-profile-nav label[for="tab-inplay"],
#tab-extra:checked ~ .cursed-profile-nav label[for="tab-extra"]{
  background:#b86c4a;
  color:#f0ece4;
  border-color:#b86c4a;
}

.cursed-profile-panel{
  display:none;
  background:#e0dcd3;
  border-radius:14px;
  padding:20px;
}

#tab-basic:checked ~ .cursed-profile-content .basic,
#tab-player:checked ~ .cursed-profile-content .player,
#tab-story:checked ~ .cursed-profile-content .story,
#tab-facts:checked ~ .cursed-profile-content .facts,
#tab-relations:checked ~ .cursed-profile-content .relations,
#tab-inplay:checked ~ .cursed-profile-content .inplay,
#tab-extra:checked ~ .cursed-profile-content .extra{
  display:block;
}

/* PROFILE */

.cursed-profile-grid{
  display:grid;
  grid-template-columns:280px 1fr;
  gap:18px;
}

.cursed-profile-img{
  position:relative;
  overflow:hidden;
  border-radius:14px;
  height:320px;
  background:#c9c6be;
  width:280px;
}

.cursed-profile-img img{
  width:280px;
  height:320px;
  object-fit:cover;

  filter:
    grayscale(55%)
    sepia(18%)
    hue-rotate(345deg)
    saturate(88%)
    brightness(.9)
    contrast(1.06);
}

.cursed-profile-img-icon{
  position:absolute;
  left:14px;
  bottom:14px;

  width:34px;
  height:34px;

  background:rgba(216,209,198,.9);

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  color:#b86c4a;
}

.cursed-profile-name{
  font-family:'UnifrakturCook', serif;
  font-size:36px;
  line-height:.9;
  color:#2a2e31;

  border-bottom:1px solid rgba(184,108,74,.35);

  padding-bottom:8px;
  margin-bottom:14px;
}

.cursed-profile-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.cursed-profile-facts span{
  background:#e6e2d9;
  padding:8px 10px;
  border-radius:20px;

  font-size:8px;
  text-transform:uppercase;
  letter-spacing:1px;

  color:#555b60;
  border:1px solid #c9c6be;
}

.cursed-profile-large{
    height:120px;
    align-items:flex-start;
    padding-top:15px;
  overflow: scroll;
-ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none;
}

.cursed-profile-facts b{
  color:#b86c4a;
}

/* TITLES */

.cursed-profile-h2{
  margin:0 0 14px;

  font-family:'UnifrakturCook', serif;
  font-size:38px;
  line-height:.9;

  color:#2a2e31;

  border-bottom:2px solid rgba(184,108,74,.35);
  padding-bottom:8px;
}

.cursed-profile-h2 i{
  color:#b86c4a;
  font-size:15px;
  margin-right:8px;
}

/* TEXT */

.cursed-profile-text{

  overflow-y:auto;
  padding-right:7px;

  text-align:justify;
  color:#555b60;
}

.cursed-profile-text::-webkit-scrollbar{
  width:4px;
}

.cursed-profile-text::-webkit-scrollbar-thumb{
  background:#8ea4b5;
  border-radius:10px;
}

.cursed-profile-text::-webkit-scrollbar-track{
  background:#d4d0c8;
}

/* RELATIONS */

.cursed-profile-relations{
  display:flex;
  flex-direction:column;
  gap:14px;
}

.cursed-profile-relation-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.cursed-profile-relation-char{
  position:relative;
   background:#ddd7cd;
  border-radius:14px;
  padding:12px;
  border:1px solid #c9c6be;
}

.cursed-profile-relation-char img{
  width:100%;
  height:120px;
  object-fit:cover;

  border-radius:12px;

  filter:
    grayscale(55%)
    sepia(18%)
    brightness(.9)
    contrast(1.06);
}

.cursed-profile-relation-name{
  margin-top:10px;

  font-family:'UnifrakturCook', serif;
  font-size:28px;
  line-height:.9;

  color:#2a2e31;
}

.cursed-profile-relation-icon{
  position:absolute;
  right:20px;
  top:94px;

  width:30px;
  height:30px;

 background:rgba(216,209,198,.92)
  color:#b86c4a;

  border-radius:50%;

  display:flex;
  align-items:center;
  justify-content:center;

  font-size:12px;

  z-index:3;
}

.cursed-profile-relation-text{
  max-height:90px;
  overflow-y:auto;

  padding-right:6px;

  text-align:justify;
  font-size:10px;
  line-height:1.6;
  color:#555b60;
}

.cursed-profile-relation-text::-webkit-scrollbar{
  width:4px;
}

.cursed-profile-relation-text::-webkit-scrollbar-thumb{
  background:#8ea4b5;
  border-radius:10px;
}

.cursed-profile-relation-text::-webkit-scrollbar-track{
  background:#d4d0c8;
}

.rel-main-wrapper{
    display:flex;
    flex-direction:column;
    gap:20px;
}

.rel-column{
    width:100%;
}

.rel-card-container{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
    gap:15px;
    margin-top:10px;
}

.cursed-profile-inplay-grid{
    display:block;
    width:100%;
}

.cursed-profile-inplay-grid fieldset{
    width:100%;
    box-sizing:border-box;
}

/* EXTRA */

.cursed-profile-list{
  margin:0;
  padding:0;
  list-style:none;
  color:#555b60;
}

.cursed-profile-list li{
  position:relative;
  padding-left:24px;
  margin-bottom:10px;
}

.cursed-profile-list li i{
  position:absolute;
  left:0;
  top:3px;
  color:#b86c4a;
}

/* BOLD */

.cursed-profile-bold{
  background:rgba(184,108,74,.1);
  color:#2a2e31;

  padding:2px 7px;
  border-radius:20px;

  font-size:10px;
  text-transform:uppercase;
  letter-spacing:1px;
}

/* FOOTER */

.cursed-profile-footer{
  background:#e6e2d9;

  padding:13px 20px;

  display:flex;
  justify-content:flex-end;
  gap:16px;

  color:#b86c4a;
  border-top:1px solid #c9c6be;
}

.cursed-profile-credit{
  position:relative;
  color:#b86c4a!important;
  text-decoration:none!important;
}

.cursed-profile-credit::after{
  content:"© Nia";

  position:absolute;
  right:0;
  bottom:24px;

  background:#e0dcd3;
  color:#2a2e31;

  padding:6px 10px;
  border-radius:10px;

  font-size:8px;
  letter-spacing:1px;
  text-transform:uppercase;
  white-space:nowrap;

  opacity:0;
  pointer-events:none;

  transform:translateY(6px);
  transition:.3s ease;
}

.cursed-profile-credit:hover::after{
  opacity:1;
  transform:translateY(0);
}

.cursed-profile-full{
  grid-column:1 / -1;
}

.cursed-profile-mood{
  display:grid;

  grid-template-columns:1.2fr .8fr;
  grid-template-rows:120px 120px;

  gap:10px;
}

.cursed-profile-mood-big{
  grid-row:1 / 3;
  position:relative;
  overflow:hidden;
  border-radius:14px;
}

.cursed-profile-mood-big img,
.cursed-profile-mood-small img{
  width:100%;
  height:100%;
  object-fit:cover;

  filter:
    grayscale(55%)
    sepia(18%)
    brightness(.9)
    contrast(1.06);
}

.cursed-profile-mood-small{
  overflow:hidden;
  border-radius:14px;
}

.cursed-profile-mood-quote{
  background:#d8d1c6;

  border-radius:14px;

  padding:18px;

  display:flex;
  align-items:center;
  justify-content:center;

  text-align:center;

  color:#2a2e31;

  font-family:'UnifrakturCook', serif;
  font-size:24px;
  line-height:1.1;
  border:1px solid #c9c6be;
}

.cursed-profile-mood-song{
  background:#d8d1c6;

  border-radius:14px;

  padding:14px;

  display:flex;
  align-items:center;
  gap:10px;

  color:#555b60;

  text-transform:uppercase;
  letter-spacing:1px;

  font-size:9px;
  border:1px solid #c9c6be;
}

.cursed-profile-mood-song i{
  color:#b86c4a;
}

.rel-npc-form,
.rel-add-form,
.rel-column,
.rel-column-content{
    overflow:visible !important;
    height:auto !important;
    max-height:none !important;
}

.rel-npc-button{
    display:inline-block !important;
    visibility:visible !important;

    margin-top:10px !important;
    padding:8px 16px !important;

    background:#b86c4a !important;
    color:#fff !important;

    border:none !important;
    border-radius:20px !important;

    cursor:pointer;
}

.cursed-profile-panel.extra .cursed-profile-text{
    max-height:none;
    overflow:visible;
}