:root{
  --profile-header-pink: url('../images/profile-header-pink.png');
  --content-light-pink: url('../images/profilebg1.png');
  --section-bar-line: url('../images/profilebg4.png');
  --bottom-bar-tan: url('../images/profilebg5.png');
  --small-title-bar: url('../images/profilebg6.png');
}

.left,
.right{ min-height:1220px; }

.left-fill{ height:760px; }

.left-ad{
  top:30px;
  width:70px;
  height:160px;
}

.center{
  min-height:1220px;
}

.profile-shell{
  position:relative;
  overflow:hidden;
}

.profile-top-header{
  height:98px;
  background:var(--profile-header-pink) center top / 100% 100% no-repeat;
  padding:12px 14px 0;
  color:#fff;
  position:relative;
}

.profile-title{
  display:flex;
  align-items:center;
  gap:10px;
  margin-top:6px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:22px;
  font-weight:700;
  color:#fff;
  line-height:1;
  letter-spacing:-0.2px;
  text-shadow:
    0 1px 0 #d97aa8,
    0 2px 0 rgba(155,40,97,.45),
    0 0 2px rgba(255,255,255,.15);
}

.profile-title-logo{
  display:block;
  height:52px;
  width:auto;
  flex:0 0 auto;
}

.profile-title-sep{
  display:inline-block;
  margin:0 2px 0 0;
  font-size:26px;
  line-height:1;
  font-weight:700;
  color:#ffeefe;
}

.profile-title-icon{
  display:block;
  width:18px;
  height:18px;
  object-fit:contain;
  flex:0 0 auto;
}

.profile-title-name{
  display:inline-block;
  font-family:Georgia, "Times New Roman", serif;
  font-size:25px;
  line-height:1;
  font-weight:700;
  color:#fff;
  letter-spacing:-0.2px;
  text-shadow:
    0 1px 0 #d97aa8,
    0 2px 0 rgba(155,40,97,.45),
    0 0 2px rgba(255,255,255,.15);
}

.profile-sub{
  position:absolute;
  right:14px;
  top:24px;
  font-size:11px;
  font-weight:700;
  text-shadow:0 1px 1px rgba(85,0,55,.5);
}

.profile-tabs{
  display:flex;
  gap:2px;
  flex-wrap:wrap;
  position:absolute;
  left:12px;
  right:12px;
  bottom:1px;
  z-index:3;
  align-items:flex-end;
}

.profile-tabs a{
  text-decoration:none;
  background:linear-gradient(#9e6f6e, #76504e);
  color:#fff;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  padding:7px 10px;
  border-radius:4px 4px 0 0;
  border:1px solid rgba(80,20,30,.5);
  text-shadow:0 1px 0 rgba(0,0,0,.35);
}

.profile-tabs a.active{
  background:#f7efe8;
  color:#2a2322;
  text-shadow:none;
  border-color:#bea9a3;
}

.profile-content{
  background:var(--content-light-pink) center top / 100% 100% no-repeat;
  border:1px solid #d8afc2;
  border-top:0;
  padding:28px 12px 14px;
  min-height:1020px;
  position:relative;
}

.profile-main{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 392px;
  gap:34px;
  align-items:start;
}

.profile-left,
.profile-right{ min-width:0; }

.top-profile-grid{
  display:grid;
  grid-template-columns:118px minmax(0, 1fr);
  grid-template-areas:
    "avatar info"
    "avatar actions";
  column-gap:14px;
  row-gap:10px;
  align-items:start;
}

.avatar-box{
  grid-area:avatar;
  text-align:center;
}

.avatar{
  width:112px;
  height:145px;
  border:1px solid #b18d95;
  background:#fff;
  padding:4px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}

.avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.avatar-links{
  margin-top:6px;
  font-size:11px;
  font-weight:700;
  color:#8f2d1b;
}

.vip-badge,
.irl{
  margin-top:12px;
  display:flex;
  justify-content:center;
}

.irl{ margin-top:8px; }

.vip-badge img,
.irl img{
  display:block;
  width:92px;
  height:auto;
}

.info-list{
  grid-area:info;
  font-size:13px;
  color:#432a23;
  line-height:1.35;
  padding-top:2px;
  min-width:0;
}

.info-row{
  display:grid;
  grid-template-columns:112px 1fr;
  margin-bottom:2px;
}

.info-row strong{
  color:#442720;
}

.online{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:700;
  text-transform:uppercase;
}

.online.is-online{
  color:#4aaa0f;
}

.online.is-offline{
  color:#8e8e8e;
}

.online-f-image{
  width:14px;
  height:14px;
  display:block;
  flex:0 0 14px;
}

.action-row{
  grid-area:actions;
  margin-top:6px;
  padding-top:12px;
  border-top:1px dashed #d9b6b6;
  display:flex;
  flex-wrap:wrap;
  gap:8px 6px;
  color:#8d251c;
  font-size:11px;
  font-weight:700;
  align-self:start;
}

.action-link{
  text-decoration:none;
  color:#8d251c;
}

.points-box{
  width:100%;
  background:#f3ebef;
  border:1px solid #d7c6cc;
  padding:11px 8px 9px;
  margin-bottom:6px;
  text-align:center;
  font-size:19px;
  font-weight:700;
  color:#8e2e1e;
  font-family:Georgia, "Times New Roman", serif;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.7);
  line-height:1.05;
  white-space:nowrap;
  letter-spacing:.2px;
}

.friends-box{
  width:100%;
  border:1px solid #d4c4ba;
  background:#fbf8f2;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.65),
    0 1px 2px rgba(120,90,70,.08);
  overflow:hidden;
}

.friends-head{
  position:relative;
  display:grid;
  grid-template-columns:1fr 60px;
  align-items:start;
  height:21px;
  padding:0 8px;
  border-bottom:1px solid #d9cec2;
  background:#f8f4ee;
  overflow:hidden;
}

.friends-head::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:56%;
  height:100%;
  background:linear-gradient(90deg, #ff58ef 0%, #d42de3 86%);
  clip-path:polygon(0 0, 100% 0, 87% 100%, 0 100%);
}

.friends-head::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:4px;
  background:repeating-linear-gradient(-45deg, #d8c8bc 0 3px, #f7efe7 3px 6px);
}

.friends-head-left,
.friends-head-right{
  position:relative;
  z-index:2;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  line-height:17px;
  font-family:Arial, Helvetica, sans-serif;
  white-space:nowrap;
}

.friends-head-left{
  color:#fff;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}

.friends-head-right{
  justify-self:end;
  color:#7f3b1f;
  text-shadow:0 1px 0 rgba(255,255,255,.45);
}

.friends-list{
  background:#f8f4ee;
  padding:0;
}

.friend{
  display:flex;
  align-items:center;
  gap:6px;
  min-height:27px;
  padding:0 7px;
  border-bottom:1px solid #efe6da;
}

.friend:nth-child(odd){ background:#f7f3ec; }
.friend:nth-child(even){ background:#eee7da; }

.friend-name{
  color:#8c311f;
  font-size:10px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  flex:0 0 auto;
}

.friend-meta{
  color:#9d8d7d;
  font-size:9px;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
  text-align:left;
  flex:0 0 auto;
}

.friend-mark{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  min-width:16px;
  flex:0 0 16px;
  font-size:0;
  line-height:0;
  overflow:hidden;
}

.friend-mark img{
  display:block;
  width:16px;
  height:16px;
  object-fit:contain;
}

.friends-next{
  height:31px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fbf8f2;
  color:#8d2f1d;
  font-size:11px;
  font-weight:700;
  border-top:1px solid #e9ddd0;
}

.left-divider{
  margin-top:10px;
  height:15px;
  background:var(--section-bar-line) center top / 100% 100% no-repeat;
}

.section-title{
  margin-top:8px;
  height:19px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 10px;
  color:#fff7ea;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
  background:var(--small-title-bar) center top / 100% 100% no-repeat;
  border-bottom:1px solid #c9ae82;
}

.gallery-row{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:8px;
  background:rgba(255,255,255,.55);
  padding:10px 8px;
  border:1px solid #d0b8b0;
  border-top:0;
}

.gallery-item{
  border:1px solid #bca298;
  background:#fff;
  padding:4px;
  height:104px;
  overflow:hidden;
  position:relative;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}

.gallery-item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.guest-row{
  margin-top:10px;
  background:rgba(255,255,255,.78);
  border:1px solid #d2bab3;
  padding:8px 10px;
  color:#7d3525;
  font-size:12px;
  font-weight:700;
}

.bottom-split{
  margin-top:14px;
  display:grid;
  grid-template-columns:1fr 210px;
  gap:12px;
}

.profile-text,
.mini-poll,
.edit-panel{
  background:rgba(255,255,255,.72);
  border:1px solid #d2bab3;
}

.profile-text,
.mini-poll{
  min-height:180px;
}

.inner-pad{
  padding:12px;
}

.profile-text h3,
.mini-poll h3{
  margin:0 0 8px;
  font-size:15px;
  color:#6f2c22;
  font-family:Georgia, "Times New Roman", serif;
}

.profile-text p,
.mini-poll p{
  margin:0;
  font-size:12px;
  line-height:1.45;
  color:#4c342d;
}

.right-ad{
  height:490px;
  border:1px solid #bda57f;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0)),
    linear-gradient(135deg, #f7a84c, #f27d2e 45%, #f3d8a3);
  padding:12px;
  color:#fff;
  font-family:Georgia, "Times New Roman", serif;
  text-shadow:0 1px 1px rgba(0,0,0,.3);
  position:relative;
  overflow:hidden;
}

.right-ad h3{
  margin:0;
  font-size:24px;
  line-height:1.05;
  text-align:center;
}

.right-ad .small{
  position:absolute;
  left:12px;
  right:12px;
  bottom:18px;
  text-align:center;
  font-size:15px;
  font-weight:700;
}

.venner-title{
  height:19px;
  color:#fff7ea;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  padding:0 6px;
  text-shadow:0 1px 0 rgba(0,0,0,.25);
  background:var(--small-title-bar) center top / 100% 100% no-repeat;
  border-bottom:1px solid #ceb388;
}

.friend-overview{
  background:rgba(255,255,255,.38);
  border:1px solid #d4c1a4;
  border-top:0;
  padding:8px 6px;
}

.friend-overview div{
  display:flex;
  justify-content:space-between;
  gap:8px;
  color:#872e1d;
  font-size:12px;
  font-weight:700;
  margin:0 0 6px;
}

.footer-bar{
  margin-top:14px;
  height:36px;
  background:var(--bottom-bar-tan) center top / 100% 100% no-repeat;
  border-top:1px solid rgba(120,84,52,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  color:#7d4227;
  gap:22px;
}

.inline-edit-link{
  color:#8d251c;
  text-decoration:none;
  font-weight:700;
}

.inline-edit-link:hover{
  text-decoration:underline;
}

.mood-inline-form,
.action-inline-form,
.pending-actions form{
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin:0;
}

.mood-inline-form input{
  width:190px;
  height:22px;
  border:1px solid #caa8b3;
  padding:2px 5px;
  font:inherit;
  background:#fff;
}

.mood-inline-form button,
.action-inline-form button,
.pending-actions button{
  border:1px solid #9e8463;
  background:#e7c680;
  color:#6a3513;
  font:700 11px Arial, Helvetica, sans-serif;
  padding:3px 7px;
  cursor:pointer;
}

.mood-inline-form a{
  color:#8d251c;
  text-decoration:none;
  font-weight:700;
}

.pending-box{
  border:1px solid #d4c4ba;
  background:#fbf8f2;
}

.pending-list{
  padding:8px;
}

.pending-item{
  padding:6px 0;
  border-bottom:1px dashed #d8c7bb;
}

.pending-item:last-child{
  border-bottom:0;
}

.pending-name{
  color:#8d251c;
  font-weight:700;
  margin-bottom:2px;
}

.pending-meta{
  font-size:11px;
  color:#553a2b;
  margin-bottom:5px;
}

.pending-actions{
  display:flex;
  gap:6px;
}

.login-history-table table{
  width:100%;
  border-collapse:collapse;
  background:#fffaf8;
  border:1px solid #d9c7c0;
}

.login-history-table th,
.login-history-table td{
  padding:8px 10px;
  border-bottom:1px solid #eaded8;
  text-align:left;
  font-size:13px;
  color:#4b2a23;
}

.login-history-table th{
  background:#f0e4de;
  color:#7e2e1f;
  text-transform:uppercase;
  font-size:11px;
}

.civil-fluxogift{
  color:#8b311d;
  font-weight:700;
}

.profile-text-box,
.poll-box{
  background:rgba(255,255,255,.72);
  border:1px solid #d2bab3;
  border-top:0;
  padding:12px;
  font-size:12px;
  line-height:1.45;
  color:#4c342d;
}

.poll-box div{
  margin:0 0 6px;
}

.friend-grid{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:8px;
  padding:10px 8px;
  background:#fbf8f2;
}

.friend-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  text-decoration:none;
  color:#7f2e20;
  font-size:11px;
  font-weight:700;
  text-align:center;
}

.friend-card img{
  width:62px;
  height:82px;
  object-fit:cover;
  display:block;
  border:1px solid #bfa399;
  background:#fff;
  padding:3px;
}

.friend-empty{
  grid-column:1 / -1;
  text-align:center;
  color:#6a4b3d;
  font-size:12px;
  padding:10px 0;
}

.friend-overview-links a,
.pending-name a{
  color:#8d251c;
  text-decoration:none;
}

.friend-overview-links a:hover,
.pending-name a:hover{
  text-decoration:underline;
}

.mood-panel{
  padding-bottom:10px;
}

.mood-date-row{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  margin-bottom:12px;
}

.mood-date-label{
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
  color:#7b2a1b;
}

.mood-date-select{
  width:140px;
  height:24px;
  border:1px solid #c7a987;
  background:#fffdf8;
  color:#40281b;
}

.mood-field{
  position:relative;
  margin-bottom:10px;
}

.mood-field > span:first-child{
  display:inline-block;
  width:22px;
  margin-right:4px;
  font-size:22px;
  line-height:1;
  color:#8c301f;
  vertical-align:middle;
}

.mood-field .mood-label-text,
.mood-field > span:first-child + span{
  display:inline-block;
  margin-bottom:4px;
  font-size:11px;
  font-weight:700;
  color:#7b2a1b;
  text-transform:uppercase;
  vertical-align:middle;
}


.profile-shell{
  margin-top:0;
}

.profile-top-header{
  height:132px;
  padding:10px 10px 0;
}

.profile-title{
  gap:6px;
  margin-top:14px;
}

.profile-title-logo{
  height:26px;
}

.profile-title-sep{
  font-size:18px;
}

.profile-title-icon{
  width:18px;
  height:18px;
}

.profile-title-name{
  font-size:30px;
}

.profile-sub{
  right:18px;
  top:16px;
  font-size:16px;
  font-weight:700;
}

.profile-tabs{
  left:0;
  right:0;
  bottom:0;
  gap:0;
  padding:0;
}

.profile-tabs a{
  padding:10px 15px 11px;
  font-size:12px;
  border-radius:6px 6px 0 0;
  border:1px solid #7c554d;
  border-bottom:none;
  background:linear-gradient(#9b7266, #7e5b55);
  margin-right:2px;
}

.profile-tabs a.more-tab{
  margin-left:auto;
  margin-right:8px;
  min-width:74px;
  text-align:center;
  background:linear-gradient(#f1e6d4, #dfd1b3);
  color:#241f18;
  text-shadow:none;
  border-color:#a99976;
  position:relative;
  padding-right:22px;
}

.profile-tabs a.more-tab::after{
  content:"▼";
  position:absolute;
  right:8px;
  top:11px;
  font-size:9px;
}

.profile-content{
  padding:26px 12px 18px;
  min-height:990px;
}

.profile-main{
  grid-template-columns:minmax(0, 1fr) 366px;
  gap:14px;
}

.top-profile-grid{
  grid-template-columns:168px minmax(0, 1fr);
  column-gap:18px;
  row-gap:12px;
}

.avatar{
  width:156px;
  height:200px;
  padding:4px;
}

.avatar-links{
  font-size:14px;
}

.vip-badge img,
.irl img{
  width:108px;
}

.info-list{
  font-size:19px;
  line-height:1.28;
  padding-top:8px;
}

.info-row{
  grid-template-columns:160px 1fr;
  margin-bottom:1px;
}

.info-row strong{
  font-size:19px;
  color:#43231b;
}

.online{
  gap:8px;
  font-size:18px;
}

.online-f-image{
  width:16px;
  height:16px;
  flex:0 0 16px;
}

.civil-fluxogift{
  color:#8d2d1d;
  font-weight:700;
  background:rgba(255,255,255,.35);
  padding:0 4px;
}

.inline-edit-link{
  color:#8d251c;
}

.action-panel{
  grid-area:actions;
  margin-top:18px;
  background:rgba(255,255,255,.28);
  padding:8px 12px 10px;
  min-height:137px;
}

.action-panel-top{
  height:13px;
  margin-bottom:14px;
  background:var(--section-bar-line) center top / 100% 100% no-repeat;
}

.action-main-row{
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  align-items:flex-end;
  margin-bottom:10px;
}

.action-big{
  text-decoration:none;
  color:#981d14;
  font-weight:700;
  display:inline-flex;
  align-items:flex-end;
  gap:4px;
  font-size:20px;
  line-height:1;
}

.action-big-icon{
  font-size:30px;
  line-height:1;
}

.action-big small{
  font-size:12px;
  color:#7f5b46;
  font-weight:400;
  margin-left:3px;
}

.action-sub-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px 14px;
  align-items:center;
  color:#9a1f17;
  font-size:16px;
  font-weight:700;
}

.action-sub-row a{
  color:#9a1f17;
  text-decoration:none;
}

.action-inline-form button{
  border:0;
  background:transparent;
  color:#9a1f17;
  font:700 16px Arial, Helvetica, sans-serif;
  padding:0;
}

.section-title{
  margin-top:12px;
  height:26px;
  padding:0 12px;
  font-size:12px;
}

.gallery-row{
  gap:12px;
  padding:14px 12px 12px;
  background:rgba(255,255,255,.34);
}

.gallery-item{
  height:144px;
  background:#f8f8f8;
}

.gallery-item img{
  object-fit:contain;
  padding:22px;
}

.guest-row{
  margin-top:12px;
  font-size:17px;
  line-height:1.25;
  background:rgba(255,255,255,.46);
}

.profile-text-box,
.poll-box{
  min-height:104px;
  font-size:18px;
  background:rgba(255,255,255,.20);
}

.poll-box{
  font-size:16px;
}

.points-box{
  padding:14px 8px 12px;
  font-size:34px;
  letter-spacing:1px;
  text-transform:uppercase;
}

.friends-box{
  background:#f7f3eb;
}

.friends-head{
  grid-template-columns:1fr 82px;
  height:31px;
  padding:0 10px;
}

.friends-head::before{
  width:58%;
}

.friends-head-left,
.friends-head-right{
  font-size:13px;
  line-height:26px;
}

.friend-head-form{
  margin:0;
}

.friend-head-form button{
  border:0;
  background:transparent;
  color:#7f3b1f;
  font:700 13px Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  padding:0;
  cursor:pointer;
}

.friends-list{
  background:#f7f2ea;
}

.friend{
  gap:9px;
  min-height:41px;
  padding:0 12px;
}

.friend-name{
  font-size:17px;
  text-decoration:none;
  flex:1 1 auto;
  overflow:hidden;
  text-overflow:ellipsis;
}

.friend-meta{
  font-size:14px;
  color:#9f8d79;
}

.friend-mark{
  width:20px;
  height:20px;
  min-width:20px;
  flex:0 0 20px;
}

.friend-mark img{
  width:20px;
  height:20px;
}

.friends-next{
  height:42px;
  font-size:16px;
}

.friend-empty-list{
  padding:16px 12px;
  color:#6a4b3d;
  font-size:15px;
  text-align:center;
}

@media (max-width: 1200px){
  .profile-main{
    grid-template-columns:minmax(0, 1fr) 320px;
  }

  .profile-title-name{
    font-size:26px;
  }

  .info-list,
  .info-row strong{
    font-size:17px;
  }

  .action-big{
    font-size:17px;
  }
}


/* v9 profile polish */

.profile-tabs a.more-tab{
  margin-left:auto;
  margin-right:0;
  min-width:118px;
  padding:6px 36px 6px 20px;
  height:24px;
  line-height:12px;
  align-self:end;
  border-radius:0;
  border:1px solid #b39a6e;
  border-bottom:none;
  background:linear-gradient(#f8f0d8, #e9d8b4);
  color:#1e1914;
  text-shadow:0 1px 0 rgba(255,255,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
  position:relative;
  flex:0 0 auto;
}

.profile-tabs a.more-tab::before{
  content:"";
  position:absolute;
  top:0;
  right:0;
  width:22px;
  height:100%;
  border-left:1px solid #b39a6e;
  background:linear-gradient(#f0e4c7, #dcc79d);
}

.profile-tabs a.more-tab::after{
  content:"";
  position:absolute;
  right:7px;
  top:8px;
  width:0;
  height:0;
  border-left:5px solid transparent;
  border-right:5px solid transparent;
  border-top:7px solid #1e1914;
}

.civil-inline-form{
  display:inline;
  margin:0;
}

.civil-inline-form button{
  border:0;
  background:transparent;
  color:#8d2d1d;
  font:700 19px Georgia, "Times New Roman", serif;
  padding:0;
  cursor:pointer;
  text-decoration:none;
}

.civil-fluxogift-request{
  color:#8d2d1d;
  font-weight:700;
  background:rgba(255,255,255,.35);
  padding:0 4px;
  display:inline-block;
}

.action-panel{
  grid-area:actions;
  margin-top:16px;
  background:rgba(255,255,255,.18);
  padding:6px 8px 2px;
  min-height:auto;
}

.action-panel-top{
  height:12px;
  margin:0 2px 8px;
  background:url('../images/action-line.png') center center / 100% 100% no-repeat;
}

.action-sprite-wrap{
  position:relative;
  width:100%;
  max-width:640px;
}

.action-sprite{
  display:block;
  width:100%;
  height:auto;
}

.action-hit{
  position:absolute;
  display:block;
}

.action-hit.hit-kys{ left:2%; top:2%; width:18%; height:46%; }
.action-hit.hit-klask{ left:27%; top:0; width:21%; height:47%; }
.action-hit.hit-post{ left:50%; top:3%; width:20%; height:37%; }
.action-hit.hit-kvikchat{ left:72%; top:1%; width:27%; height:37%; }
.action-hit.hit-vip{ left:0; top:61%; width:24%; height:24%; }
.action-hit.hit-statistik{ left:27%; top:61%; width:23%; height:23%; }
.action-hit.hit-log{ left:46%; top:61%; width:12%; height:23%; }
.action-hit.hit-anmeld{ left:60%; top:60%; width:23%; height:24%; }
.action-hit.hit-bloker{ left:81%; top:60%; width:18%; height:24%; }


/* v10 action buttons */
.action-panel{
  margin-top:18px;
  background:rgba(255,255,255,.20);
  padding:6px 8px 8px;
  min-height:auto;
}

.action-panel-top{
  height:14px;
  margin:0 0 8px;
  background:url('../images/action-line.png') left center / 100% 12px no-repeat;
}

.action-button-row{
  display:grid;
  align-items:start;
}

.action-button-row-main{
  grid-template-columns:18.5% 24% 22% 28.5%;
  column-gap:2.3%;
  margin-bottom:10px;
}

.action-button-row-sub{
  grid-template-columns:23% 20.5% 13% 19.5% 20%;
  column-gap:1%;
}

.action-button{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  text-decoration:none;
}

.action-button img{
  display:block;
  width:100%;
  height:auto;
}

.action-button:hover,
.action-button:focus-visible{
  opacity:.9;
  transform:translateY(1px);
}

.action-count{
  display:block;
  margin-top:-8px;
  padding-left:28%;
  color:#8b6c52;
  font:700 15px/1 Georgia, 'Times New Roman', serif;
  text-shadow:0 1px 0 rgba(255,255,255,.75);
}

.action-button-klask .action-count{
  padding-left:34%;
}

.action-button-post,
.action-button-kvikchat,
.action-button-vip,
.action-button-statistik,
.action-button-log,
.action-button-anmeld,
.action-button-bloker{
  padding-top:2px;
}

@media (max-width: 1200px){
  .action-count{
    font-size:13px;
  }
}

/* v16 make profile action buttons 30% larger than v15 */
.action-panel{
  margin-top:14px;
  padding:2px 1px 4px;
  background:transparent;
}

.action-panel-top{
  margin:0 0 3px;
  background:url('../images/action-line.png') left center / auto 6px repeat-x;
}

.action-button-row{
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-start;
}

.action-button-row-main{
  gap:4px;
  margin-bottom:3px;
}

.action-button-row-sub{
  gap:4px;
}

.action-button{
  flex:0 0 auto;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.action-button img{
  width:auto;
  max-width:none;
  height:auto;
}

.action-button-kys img{ width:60px; }
.action-button-klask img{ width:77px; }
.action-button-post img{ width:73px; }
.action-button-kvikchat img{ width:101px; }
.action-button-vip img{ width:82px; }
.action-button-statistik img{ width:74px; }
.action-button-log img{ width:46px; }
.action-button-anmeld img{ width:72px; }
.action-button-bloker img{ width:68px; }

.action-count{
  margin-top:-4px;
  padding-left:26px;
  font-size:8px;
  line-height:1;
}

.action-button-klask .action-count{
  padding-left:31px;
}

@media (max-width: 1200px){
  .action-button-row-main{ gap:3px; }
  .action-button-row-sub{ gap:3px; }
  .action-button-kys img{ width:55px; }
  .action-button-klask img{ width:70px; }
  .action-button-post img{ width:66px; }
  .action-button-kvikchat img{ width:92px; }
  .action-button-vip img{ width:75px; }
  .action-button-statistik img{ width:69px; }
  .action-button-log img{ width:42px; }
  .action-button-anmeld img{ width:65px; }
  .action-button-bloker img{ width:62px; }
  .action-count{ font-size:7px; padding-left:23px; }
  .action-button-klask .action-count{ padding-left:27px; }
}

/* v13 widen profile area and push friend list further right */
.profile-shell{
  max-width:none;
}

.profile-content{
  padding:28px 14px 14px;
}

.profile-main{
  grid-template-columns:minmax(0, 1fr) 392px;
  gap:34px;
}

.profile-right{
  width:392px;
}

.points-box{
  font-size:20px;
}

.friends-head{
  grid-template-columns:1fr 74px;
}

.friend{
  min-height:31px;
  padding:0 9px;
}

.friend-name{
  font-size:11px;
}

.friend-meta{
  font-size:10px;
}

.friends-next{
  height:36px;
  font-size:12px;
}

@media (max-width: 1400px){
  .profile-main{
    grid-template-columns:minmax(0, 1fr) 360px;
    gap:28px;
  }

  .profile-right{
    width:360px;
  }
}


.civil-fluxogift-link{
  display:inline;
  padding:0;
  margin-left:2px;
  background:transparent;
  border:0;
  color:#8b311d;
  font-weight:700;
  text-decoration:none;
}

.civil-fluxogift-link:hover{
  text-decoration:underline;
}

.fluxogift-certificate-wrap{
  padding:18px 0 8px;
}

.fluxogift-certificate{
  max-width:780px;
  margin:0 auto;
  padding:14px;
  background:linear-gradient(180deg,#f7b0ca 0%, #fbe8ef 18%, #f5d7c3 100%);
  border:1px solid #d49cb2;
  box-shadow:inset 0 0 0 3px #fff4f7;
}

.fluxogift-certificate-inner{
  position:relative;
  background:linear-gradient(180deg,#fffdf5 0%, #fff7ef 100%);
  border:1px solid #d9c3a7;
  padding:34px 44px 28px;
  text-align:center;
  color:#6a2d21;
}

.fluxogift-stamp{
  position:absolute;
  top:16px;
  right:18px;
  width:34px;
  height:34px;
  line-height:34px;
  border-radius:50%;
  background:#f05da7;
  color:#fff;
  font-weight:700;
  font-size:22px;
  box-shadow:0 0 0 3px #fff, 0 0 0 4px #d48aa6;
}

.fluxogift-certificate h2{
  margin:4px 0 18px;
  font-size:36px;
  line-height:1.05;
  color:#b03c63;
  text-shadow:1px 1px 0 #fff;
}

.fluxogift-names{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  margin:0 0 14px;
  font-size:28px;
  font-weight:700;
}

.fluxogift-names a{
  color:#2f8c56;
  text-decoration:none;
}

.fluxogift-names a:hover{
  text-decoration:underline;
}

.fluxogift-heart{
  color:#d04b71;
  font-size:30px;
  line-height:1;
}

.fluxogift-date{
  margin:0 0 24px;
  font-size:24px;
  color:#8e5b3d;
}

.fluxogift-text{
  max-width:650px;
  margin:0 auto 18px;
  font-size:26px;
  line-height:1.45;
  color:#6a3328;
}

.fluxogift-text strong{
  color:#8b311d;
}

.fluxogift-text-small{
  margin-top:6px;
}

.fluxogift-links{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
  margin-top:26px;
}

.fluxogift-links a{
  display:inline-block;
  padding:8px 14px;
  background:#ead1a5;
  border:1px solid #b58a57;
  color:#7b2d1f;
  font-weight:700;
  text-decoration:none;
}

.fluxogift-links a:hover{
  background:#f1ddb6;
}

@media (max-width: 900px){
  .fluxogift-certificate-inner{
    padding:28px 22px 22px;
  }

  .fluxogift-certificate h2{
    font-size:28px;
  }

  .fluxogift-names{
    font-size:22px;
  }

  .fluxogift-date{
    font-size:19px;
  }

  .fluxogift-text{
    font-size:18px;
  }
}


/* v29 tweaks: make header logo + F match MiaPiqen sizing */
.profile-title-logo{
  height:44px;
}

.profile-title-icon{
  width:18px;
  height:18px;
}

.friend{
  gap:8px;
}

.friend-name{
  flex:0 0 auto;
  overflow:visible;
  text-overflow:clip;
  max-width:none;
}

.friend-meta{
  flex:0 0 auto;
  margin-left:4px;
  margin-right:auto;
  text-align:left;
  white-space:nowrap;
}


.mood-read-panel{
  padding:14px 16px 12px;
}

.mood-read-row{
  margin-bottom:10px;
}

.mood-read-head{
  display:flex;
  align-items:center;
  gap:6px;
  margin-bottom:4px;
  color:#7b2a1b;
  font-size:11px;
  font-weight:700;
  text-transform:uppercase;
}

.mood-read-head span{
  display:inline-block;
  width:22px;
  text-align:center;
  font-size:18px;
  line-height:1;
  color:#8c301f;
}

.mood-read-value{
  min-height:24px;
  padding:6px 8px;
  border:1px solid #c7a987;
  background:#fffdf8;
  color:#40281b;
  font-size:13px;
  line-height:1.45;
}

.mood-page-actions{
  align-items:center;
}

.retro-button-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
}


/* v30 tweak: make the » separator match MiaPiqen scale */
.profile-title-sep{
  font-size:34px;
  line-height:1;
  margin:0 4px 0 2px;
  position:relative;
  top:-1px;
}


/* Guestbook */
.guestbook-content{
  min-height:1040px;
}

.guestbook-intro{
  margin:0 12px 10px;
  padding:3px 0 12px;
  text-align:center;
  font-size:17px;
  color:#6b4330;
  font-family:Georgia, "Times New Roman", serif;
}

.guestbook-intro strong{
  color:#8f2d1b;
}

.guestbook-private-note{
  color:#955a78;
  font-size:13px;
}

.guestbook-write-box{
  margin:0 10px 16px;
  border:1px solid #d5bfd0;
  background:rgba(255,246,250,.48);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45);
}

.guestbook-write-tabs,
.guestbook-list-tabs{
  display:flex;
  gap:2px;
  padding:0 6px;
}

.guestbook-write-tabs span,
.guestbook-list-tabs span{
  display:inline-block;
  padding:6px 10px 5px;
  border:1px solid #c8aebd;
  border-bottom:none;
  background:linear-gradient(#8f6d6b, #6f5354);
  color:#fff;
  font-size:12px;
  font-weight:700;
  text-transform:uppercase;
}

.guestbook-write-tabs span.active,
.guestbook-list-tabs span.active{
  background:#f7efe8;
  color:#241f1f;
}

.guestbook-form{
  border-top:1px solid #d8bfd1;
  background:#fff7fb;
  padding:12px;
}

.guestbook-form-grid{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 190px;
  gap:12px;
  align-items:start;
}

.guestbook-form textarea{
  width:100%;
  min-height:144px;
  resize:vertical;
  border:1px solid #cdbd99;
  background:#f0e3bd;
  color:#3c2d1f;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
  padding:10px;
  outline:none;
}

.guestbook-note{
  margin-top:0;
  border:1px solid #d8c9ab;
  border-top:none;
  background:#ecdfb9;
  color:#6a5434;
  padding:5px 10px;
  font-size:13px;
}

.guestbook-toolbar{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:6px;
}

.guestbook-submit{
  height:30px;
  padding:0 15px;
  border:1px solid #9f8b69;
  background:#f4ecd3;
  color:#513626;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
}

.gb-mini-btn{
  min-width:28px;
  height:28px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #9f8b69;
  background:#f4ecd3;
  color:#513626;
  font-size:18px;
  font-weight:700;
}

.guestbook-private-check{
  display:flex;
  align-items:center;
  gap:6px;
  color:#5c4536;
  font-size:13px;
}

.guestbook-error{
  margin-top:8px;
  color:#9f1e1e;
  font-size:13px;
  font-weight:700;
}

.guestbook-smileys{
  border:1px solid #d8c5cf;
  background:#fff9fd;
  padding:10px 8px 10px 12px;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:8px 10px;
  align-items:start;
  color:#5a4035;
  font-size:16px;
  font-weight:700;
}

.smiley-col{
  display:grid;
  gap:6px;
}

.smiley-more{
  grid-column:1 / -1;
  text-align:right;
  color:#8f2d1b;
  font-size:14px;
}

.guestbook-locked{
  margin:0 10px 16px;
  border:1px solid #d5bfd0;
  background:#fff7fb;
  padding:18px 16px;
  color:#7f5442;
  font-size:14px;
  font-weight:700;
}

.guestbook-list-wrap{
  margin:0 10px;
  border:1px solid #d5bfd0;
  background:#fff7fb;
}

.guestbook-list{
  padding:8px;
  background:#fff7fb;
}

.guestbook-entry{
  margin-bottom:10px;
  border:1px solid #d0c8ca;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}

.guestbook-entry-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  padding:5px 8px;
  font-size:13px;
  font-weight:700;
}

.guestbook-entry-dark .guestbook-entry-head{
  background:#0c0c0c;
  color:#ff4bd8;
  border-bottom:1px solid #d840c1;
}

.guestbook-entry-light .guestbook-entry-head{
  background:#8d8d8d;
  color:#fff;
  border-bottom:1px solid #bcbcbc;
}

.guestbook-entry-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px;
}

.guestbook-entry-head a{
  color:inherit;
  text-decoration:none;
}

.guestbook-entry-id{
  font-size:15px;
}

.guestbook-private-label{
  display:inline-block;
  padding:1px 5px;
  background:#f7e4ef;
  color:#842452;
  border:1px solid #d7a7be;
  margin-left:6px;
}

.guestbook-entry-toggle{
  color:#fff;
  font-size:14px;
}

.guestbook-entry-body{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 118px;
  min-height:134px;
}

.guestbook-entry-dark .guestbook-entry-body{
  background:#050505;
}

.guestbook-entry-light .guestbook-entry-body{
  background:#bababa;
}

.guestbook-entry-text{
  padding:14px 14px 18px;
  font-size:18px;
  line-height:1.35;
}

.guestbook-entry-dark .guestbook-entry-text{
  color:#ff53d1;
}

.guestbook-entry-light .guestbook-entry-text{
  color:#fffef0;
}

.guestbook-entry-side{
  border-left:1px solid rgba(255,255,255,.18);
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:flex-start;
  gap:6px;
  padding:6px 6px 8px;
}

.guestbook-entry-actions-side{
  width:100%;
  display:flex;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:4px;
}

.guestbook-entry-actions-side form{
  margin:0;
}

.guestbook-side-btn{
  height:20px;
  border:1px solid #bfa07c;
  background:#f6edd4;
  color:#6a3514;
  font:700 10px Arial, Helvetica, sans-serif;
  padding:0 5px;
  cursor:pointer;
}

.guestbook-side-btn-delete{
  color:#8e231f;
}

.guestbook-report-btn{
  width:22px;
  height:20px;
  border:1px solid #bfa07c;
  background:#f6edd4;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
}

.guestbook-report-btn img{
  width:14px;
  height:auto;
  display:block;
}

.guestbook-entry-photo{
  width:100%;
  display:flex;
  justify-content:flex-end;
}

.guestbook-entry-photo img{
  width:90px;
  height:118px;
  object-fit:cover;
  display:block;
}

.guestbook-empty{
  padding:18px 16px 24px;
  color:#7e5242;
  font-size:14px;
  font-weight:700;
  text-align:center;
}

@media (max-width: 1200px){
  .guestbook-form-grid,
  .guestbook-entry-body{
    grid-template-columns:1fr;
  }

  .guestbook-entry-side{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.18);
  }

  .guestbook-entry-side img{
    max-height:180px;
  }
}

/* Mood history page */
.mood-history-content{
  min-height:760px;
  background:#e6decb;
  padding:0 0 26px;
}

.mood-history-topzone{
  background:var(--content-light-pink) center top / cover no-repeat;
  padding:14px 16px 16px;
  border-bottom:1px solid #d8cab5;
}

.mood-history-intro{
  margin:2px 10px 12px;
  color:#5b2f22;
  font-size:15px;
  line-height:1.35;
}

.mood-history-layout{
  display:grid;
  grid-template-columns:126px minmax(0, 1fr);
  gap:12px;
  align-items:start;
  margin:0 10px;
}

.mood-history-sidebar a{
  display:block;
  text-decoration:none;
  color:#a33a2c;
  font-weight:700;
  font-size:18px;
  line-height:1.05;
  padding:8px 8px 8px 12px;
  margin-bottom:4px;
}

.mood-history-sidebar a.active{
  background:#f8ecf1;
  border:1px solid #efdbe3;
  border-right:none;
  color:#b14134;
  margin-right:-1px;
}

.mood-history-jump-wrap{
  margin-top:12px;
  padding-left:2px;
}

.mood-history-jump{
  width:114px;
  height:31px;
  border:1px solid #a89b86;
  background:#f7efdd;
  color:#57372b;
  font-size:12px;
}

.mood-history-main{
  min-width:0;
}

.mood-history-card{
  min-height:304px;
  background:#fffdf8;
  border:1px solid #e3d4bf;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.88);
  padding:18px 20px 18px;
}

.mood-history-row{
  display:grid;
  grid-template-columns:144px minmax(0, 1fr);
  gap:12px;
  margin-bottom:10px;
  align-items:start;
}

.mood-history-label{
  color:#35261f;
  font-size:16px;
  font-weight:700;
  line-height:1.2;
}

.mood-history-value{
  color:#3d281d;
  font-size:16px;
  line-height:1.23;
}

.mood-history-lower{
  padding:18px 16px 0;
}

.mood-history-media-strip{
  padding:5px;
  border:1px solid #d4c6b5;
  background:#fffdfa;
  box-shadow:0 0 0 1px #efe6d7 inset;
  display:grid;
  grid-template-columns:repeat(5, 1fr) 215px;
  gap:4px;
  align-items:stretch;
}

.mood-history-thumb,
.mood-history-vix{
  min-height:73px;
  background:#ece9e0;
  border:1px solid #c5b8a7;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.mood-history-thumb.media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.mood-history-vix{
  background:#fbfbfb;
  color:#ff4fa6;
  font-family:Georgia, "Times New Roman", serif;
  font-size:54px;
  font-style:italic;
  font-weight:700;
  text-transform:lowercase;
  letter-spacing:-2px;
}

.mood-history-vix span{
  transform:translateY(2px);
}

.mood-history-actions{
  display:flex;
  gap:12px;
  align-items:center;
  justify-content:flex-end;
  padding:12px 2px 0;
}

@media (max-width: 1200px){
  .mood-history-layout{
    grid-template-columns:1fr;
  }

  .mood-history-sidebar{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:4px;
  }

  .mood-history-sidebar a.active{
    border-right:1px solid #efdbe3;
    margin-right:0;
  }

  .mood-history-jump-wrap{
    grid-column:1 / -1;
  }

  .mood-history-jump{
    width:100%;
  }

  .mood-history-media-strip{
    grid-template-columns:repeat(3, 1fr);
  }

  .mood-history-vix{
    grid-column:1 / -1;
  }
}

.section-title .section-link{
  color:#fff7ea;
  text-decoration:none;
}

.archive-info-box{
  margin:0 0 12px;
  padding:10px 12px;
  background:rgba(255,255,255,.68);
  border:1px solid #d2bab3;
  color:#7b3525;
  font-size:12px;
  line-height:1.4;
}

.gallery-content{
  min-height:980px;
}

.gallery-folders{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:10px 18px;
  margin:0 0 14px;
  padding:6px 8px 10px;
  background:rgba(255,255,255,.18);
}

.gallery-folder-item{
  display:flex;
  align-items:center;
  gap:8px;
  color:#7b2d22;
  font-size:11px;
  font-weight:700;
}

.gallery-folder-icon{
  width:16px;
  height:13px;
  display:inline-block;
  background:linear-gradient(#ffef70,#f2c621);
  border:1px solid #b88f1f;
  border-radius:1px;
  position:relative;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6);
}

.gallery-folder-icon::before{
  content:"";
  position:absolute;
  left:1px;
  top:-4px;
  width:8px;
  height:5px;
  background:linear-gradient(#fff4a0,#f5d44a);
  border:1px solid #b88f1f;
  border-bottom:0;
  border-radius:1px 1px 0 0;
}

.gallery-grid-wrap{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:10px 12px;
}

.gallery-tile-title{
  height:12px;
  margin:0 0 3px;
  background:var(--section-bar-line) center top / 100% 100% no-repeat;
  text-align:center;
  color:#f6efe5;
  font-size:10px;
  line-height:12px;
  font-weight:700;
  text-transform:uppercase;
}

.gallery-tile-card{
  border:1px solid #d3b6ab;
  background:#f8efe2;
  min-height:218px;
  padding:4px 6px 8px;
  text-align:center;
  position:relative;
}

.gallery-tile-flag{
  position:absolute;
  left:4px;
  top:4px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#d63b2c;
  box-shadow:0 0 0 1px rgba(255,255,255,.8) inset;
}

.gallery-tile-flag::before,
.gallery-tile-flag::after{
  content:"";
  position:absolute;
  background:#fff;
}

.gallery-tile-flag::before{ left:4px; top:1px; width:2px; height:8px; }
.gallery-tile-flag::after{ left:1px; top:4px; width:8px; height:2px; }

.gallery-tile-image{
  width:110px;
  height:82px;
  margin:12px auto 8px;
  border:1px solid #ccb39f;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.gallery-tile-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.gallery-tile-comments{
  color:#8b2f23;
  font-size:10px;
  line-height:1.1;
  font-weight:700;
  margin:0 0 4px;
}

.gallery-tile-text{
  color:#5f4036;
  font-size:10px;
  line-height:1.15;
  min-height:28px;
}

@media (max-width: 1200px){
  .gallery-grid-wrap{ grid-template-columns:repeat(3, minmax(0,1fr)); }
}


.clubs-content{
  min-height:860px;
}

.clubs-intro{
  margin:0 0 18px;
  color:#7f392a;
  font-size:12px;
  line-height:1.35;
  text-align:center;
}

.clubs-grid-wrap{
  border-top:1px solid #dfb99e;
}

.club-card{
  display:grid;
  grid-template-columns:110px 1fr;
  gap:16px;
  padding:14px 10px 14px 0;
  border-bottom:1px solid #dfc3ad;
}

.club-thumb{
  width:104px;
  height:104px;
  border:1px solid #d4baa7;
  background:#f8efe3;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
}

.club-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.club-body{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px 26px;
  align-content:start;
}

.club-title{
  color:#8f3326;
  font-size:17px;
  line-height:1.1;
  font-weight:700;
}

.club-description{
  color:#5e4037;
  font-size:11px;
  line-height:1.2;
  margin:2px 0 6px;
}

.club-level{
  color:#6f564e;
  font-size:11px;
  line-height:1.2;
}

.club-card:nth-child(odd) .club-body > *:nth-child(n+4){
  grid-column:auto;
}

@media (max-width: 1100px){
  .club-card{ grid-template-columns:94px 1fr; gap:12px; }
  .club-thumb{ width:90px; height:90px; }
  .club-body{ grid-template-columns:1fr; gap:2px; }
}


.blog-content{
  min-height:760px;
}

.blog-toolbar{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:6px 14px 12px;
  color:#8a3828;
  font-size:12px;
  font-weight:700;
}

.blog-rss,
.blog-favorite{
  display:flex;
  align-items:center;
  gap:8px;
}

.blog-rss::before{
  content:"";
  width:18px;
  height:18px;
  border-radius:3px;
  background:linear-gradient(#ffbf48,#ee7d16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.5);
  display:inline-block;
}

.blog-favorite::before{
  content:"";
  width:15px;
  height:18px;
  border-radius:2px;
  border:1px solid #92b0b8;
  background:linear-gradient(#eff8fa,#cfe4ea);
  display:inline-block;
  position:relative;
}

.blog-entry-card{
  border:1px solid #d8baa8;
  background:#f7efe2;
}

.blog-entry-date{
  height:22px;
  background:linear-gradient(#ff4af8,#d20fe3);
  color:#fff8fa;
  font-size:12px;
  line-height:22px;
  font-weight:700;
  padding:0 10px;
  border-bottom:3px solid #d4b78f;
}

.blog-entry-body{
  display:grid;
  grid-template-columns:minmax(0,1fr) 170px;
  gap:20px;
  padding:18px 18px 20px;
}

.blog-entry-title{
  margin:0 0 16px;
  color:#8b3024;
  font-size:22px;
  line-height:1.1;
  font-weight:700;
}

.blog-entry-text{
  color:#2f63e3;
  font-size:14px;
  line-height:1.33;
  white-space:normal;
}

.blog-entry-author{
  text-align:center;
}

.blog-entry-avatar{
  width:130px;
  height:170px;
  margin:0 auto 10px;
  border:1px solid #d4baa7;
  background:#fff;
  padding:6px;
}

.blog-entry-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.blog-entry-author-name{
  color:#8b3024;
  font-size:13px;
  line-height:1.1;
  font-weight:700;
}

@media (max-width: 1100px){
  .blog-entry-body{ grid-template-columns:1fr; }
  .blog-entry-author{ display:flex; align-items:center; gap:12px; text-align:left; }
  .blog-entry-avatar{ width:90px; height:110px; margin:0; }
}

.clubs-content-2007{
  min-height:720px;
  padding-top:14px;
}

.archive-info-box-small{
  margin:0 12px 16px;
}

.clubs-intro-2007{
  margin:0 0 14px;
  color:#7f392a;
  font-size:12px;
  line-height:1.25;
  text-align:center;
}

.clubs-grid-wrap-2007{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  border-top:1px solid #e4c4a6;
  border-left:0;
}

.club-card-2007{
  display:grid;
  grid-template-columns:112px 1fr;
  gap:14px;
  padding:16px 14px 14px 10px;
  min-height:142px;
  border-bottom:1px solid #e4c4a6;
}

.club-card-2007:nth-child(odd){
  border-right:1px solid #e9d1b8;
}

.club-thumb-2007{
  width:104px;
  height:104px;
  border:1px solid #d4baa7;
  background:#f8efe3;
}

.club-thumb-2007 img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.club-body-2007{
  display:block;
}

.club-title-2007{
  color:#8c3125;
  font-size:18px;
  line-height:1.05;
  font-weight:700;
  margin:0 0 6px;
}

.club-description-2007{
  color:#5b3d35;
  font-size:11px;
  line-height:1.18;
  margin:0 0 6px;
}

.club-level-2007{
  color:#5e4037;
  font-size:11px;
  line-height:1.2;
}

@media (max-width: 1100px){
  .clubs-grid-wrap-2007{ grid-template-columns:1fr; }
  .club-card-2007:nth-child(odd){ border-right:0; }
}


.friendbook-content{
  min-height:780px;
  padding-top:14px;
}

.friendbook-intro{
  margin:4px 0 10px;
  color:#683b33;
  font-size:13px;
  line-height:1.28;
  text-align:center;
}

.friendbook-write-link{
  width:max-content;
  margin:0 auto 14px;
  color:#8a3126;
  font-size:12px;
  font-weight:700;
  position:relative;
  padding-left:24px;
}

.friendbook-write-link::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:17px;
  height:17px;
  border:1px solid #92b0b8;
  background:linear-gradient(#eff8fa,#cfe4ea);
  border-radius:2px;
}

.friendbook-write-link::after{
  content:"+";
  position:absolute;
  left:4px;
  top:-1px;
  color:#4eb14d;
  font-size:16px;
  font-weight:700;
}

.friendbook-nav-row{
  display:grid;
  grid-template-columns:1fr 320px 1fr;
  align-items:center;
  gap:10px;
  margin:0 12px 10px;
  color:#8a3126;
  font-size:13px;
  font-weight:700;
}

.friendbook-prev{ text-align:left; }
.friendbook-next{ text-align:right; }

.friendbook-select-wrap{ text-align:center; }
.friendbook-select-wrap select{
  width:310px;
  height:34px;
  padding:0 40px 0 12px;
  border:1px solid #baa77e;
  background:#e8ddb0;
  color:#4f4433;
  font-size:13px;
  font-weight:700;
}

.friendbook-name-bar{
  height:20px;
  margin:0 12px 16px;
  background:var(--section-bar-line) center top / 100% 100% no-repeat;
  color:#f5efe8;
  font-size:12px;
  line-height:20px;
  font-weight:700;
  text-align:center;
  text-transform:uppercase;
}

.friendbook-main{
  display:grid;
  grid-template-columns:minmax(0,1fr) 286px;
  gap:18px;
  align-items:start;
  margin:0 12px;
}

.friendbook-question{
  margin:0 0 2px;
  padding:6px 10px;
  background:#ecddb9;
  color:#2e241e;
  font-size:13px;
  line-height:1.1;
  font-weight:700;
}

.friendbook-answer{
  margin:0 0 10px;
  padding:3px 10px 7px;
  color:#32251f;
  font-size:12px;
  line-height:1.25;
}

.friendbook-author-card{
  border:1px solid #d6baa8;
  background:#f7efe3;
}

.friendbook-author-head{
  height:28px;
  background:linear-gradient(#ff52f6,#db16e5);
  color:#fff6fa;
  font-size:12px;
  line-height:28px;
  font-weight:700;
  padding:0 10px;
  border-bottom:3px solid #d6be95;
}

.friendbook-author-box{
  padding:16px 12px 14px;
  text-align:center;
}

.friendbook-author-name{
  color:#8b3024;
  font-size:16px;
  line-height:1.1;
  font-weight:700;
  margin:0 0 8px;
}

.friendbook-author-meta{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:8px;
  color:#5d4137;
  font-size:13px;
  line-height:1.1;
  font-weight:700;
  margin:0 0 18px;
}

.friendbook-author-status-dot{
  width:12px;
  height:12px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, #d4ff8c 0, #67be1c 55%, #2b7c00 100%);
  box-shadow:0 0 0 1px #e7e2c6 inset, 0 0 0 1px rgba(105,84,52,.3);
}

.friendbook-author-avatar{
  width:150px;
  height:170px;
  margin:0 auto 18px;
  border:1px solid #d2baa7;
  background:#fff;
  padding:6px;
}

.friendbook-author-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.friendbook-author-links{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  margin-left:20px;
}

.friendbook-author-links a{
  color:#8c3125;
  text-decoration:none;
  font-size:12px;
  line-height:1.1;
  font-weight:700;
  position:relative;
  padding-left:16px;
}

.friendbook-author-links a::before{
  content:"";
  position:absolute;
  left:0;
  top:2px;
  width:8px;
  height:8px;
  border-radius:2px;
  background:#892a22;
}

@media (max-width: 1100px){
  .friendbook-nav-row{ grid-template-columns:1fr; }
  .friendbook-prev, .friendbook-next, .friendbook-select-wrap{ text-align:center; }
  .friendbook-select-wrap select{ width:100%; max-width:320px; }
  .friendbook-main{ grid-template-columns:1fr; }
}


.interests-content{
  padding:16px 18px 28px;
}

.interests-layout{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 255px;
  gap:26px;
  align-items:start;
}

.interests-main{
  padding-top:4px;
}

.interests-row{
  margin:0 0 12px;
}

.interests-label{
  min-height:28px;
  padding:6px 10px 4px;
  background:#ead6af;
  color:#2a231f;
  font:700 13px/1.1 Arial, Helvetica, sans-serif;
}

.interests-value{
  padding:4px 8px 8px;
  color:#8f2e1e;
  font:700 12px/1.25 Arial, Helvetica, sans-serif;
}

.interests-sidebar{
  display:flex;
  flex-direction:column;
  gap:16px;
}

.interests-side-box{
  background:#f9f6ef;
  border:1px solid #d6c3a3;
  box-shadow:0 0 0 1px rgba(255,255,255,.6) inset;
}

.interests-side-head{
  height:28px;
  padding:4px 10px 0;
  border-bottom:1px solid #d3b98f;
  color:#fff7ff;
  font:700 12px/1 Arial, Helvetica, sans-serif;
  background:linear-gradient(#ff79e8 0%, #ee3fe0 72%, #f7d6f6 72%, #f7d6f6 100%);
  box-shadow:inset 0 -2px 0 rgba(160,113,80,.35);
}

.interests-side-body{
  padding:12px 14px 14px;
  color:#3f2f25;
  font:700 12px/1.22 Arial, Helvetica, sans-serif;
}

.interests-side-link{
  margin-top:14px;
  color:#8f2e1e;
  font-size:12px;
}

@media (max-width: 1100px){
  .interests-layout{
    grid-template-columns:1fr;
  }
}


.friendbook-author-status-icon{
  width:14px;
  height:14px;
  display:block;
}

.friendbook-author-name a{
  color:inherit;
  text-decoration:none;
}

.friends-page-content{
  min-height:820px;
  padding:12px 14px 20px;
}

.friends-page-intro{
  margin:2px 0 14px;
  color:#62382f;
  font-size:13px;
  line-height:1.3;
  text-align:center;
}

.friends-grid-2007{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  border-top:1px solid #dcc79e;
  border-left:1px solid #dcc79e;
  background:rgba(255,255,255,0.1);
}

.friend-card-2007{
  min-height:266px;
  padding:0 10px 12px;
  text-align:center;
  border-right:1px solid #dcc79e;
  border-bottom:1px solid #dcc79e;
  background:rgba(255,244,244,0.1);
}

.friend-card-topline{
  height:24px;
  margin:0 -10px 8px;
  padding:3px 8px 0;
  background:#e8ddb4;
  border-bottom:1px solid #d4c08f;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  text-align:center;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.friend-status-icon{
  width:12px;
  height:12px;
  vertical-align:-1px;
  margin-right:4px;
}

.friend-card-name{
  color:#913223;
  text-decoration:none;
  font-size:12px;
  line-height:1;
  font-weight:700;
  display:inline-block;
  max-width:calc(100% - 20px);
  overflow:hidden;
  text-overflow:ellipsis;
  vertical-align:middle;
}

.friend-card-avatar{
  display:block;
  width:104px;
  height:122px;
  margin:0 auto 8px;
  padding:4px;
  border:1px solid #cbb8a0;
  background:#fffef8;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.8);
}

.friend-card-avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.friend-card-meta-line{
  color:#5a463c;
  font-size:11px;
  line-height:1.2;
  font-weight:700;
}

.friend-card-irl{
  margin-top:4px;
  color:#5d4437;
  font-size:11px;
  line-height:1.2;
  font-style:italic;
  font-weight:700;
}

.friend-card-2007.owner-editable{
  min-height:355px;
}

.friend-card-edit-form{
  margin-top:8px;
  display:flex;
  flex-direction:column;
  gap:5px;
  align-items:center;
}

.friend-card-select,
.friend-card-input{
  width:100%;
  max-width:168px;
  padding:4px 6px;
  border:1px solid #bca68b;
  background:#fffaf1;
  color:#5e4637;
  font-size:11px;
  font-family:Arial, Helvetica, sans-serif;
}

.friend-card-input::placeholder{
  color:#9a7e71;
}

.friend-card-save{
  min-width:66px;
  padding:3px 10px;
  border:1px solid #9c7753;
  background:linear-gradient(#f5d38c,#ddb36a);
  color:#6c391e;
  font-size:11px;
  font-weight:700;
  cursor:pointer;
}

.friend-card-save:hover{
  filter:brightness(1.02);
}

.friends-empty-2007{
  grid-column:1 / -1;
  padding:20px;
  text-align:center;
  font-size:13px;
  color:#6d4a41;
  background:#fff8f3;
}

@media (max-width: 1200px){
  .friends-grid-2007{ grid-template-columns:repeat(3, minmax(0, 1fr)); }
}

@media (max-width: 900px){
  .friends-grid-2007{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
}

/* v65: keep all profile pages the same outer size and width as frontpage/find/register */
.profile-shell{
  width:100%;
  max-width:none;
  margin-top:6px;
  box-sizing:border-box;
}

.profile-top-header,
.profile-content{
  width:100%;
  box-sizing:border-box;
}


/* v10 force more-tab to the far right like the 2007 reference */
.profile-tabs{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  padding-right:124px;
}

.profile-tabs a.more-tab{
  position:absolute;
  right:0;
  bottom:0;
  margin:0;
  min-width:118px;
  z-index:5;
}



.profile-editor-main textarea{
  min-height:180px;
}

.oldschool-help{
  color:#7a4b3c;
}

.profile-code-warning.compact{
  margin:4px 0 10px;
  padding:8px 10px;
}

.profile-code-warning.compact strong{
  margin-bottom:4px;
  font-size:16px;
}

.profile-code-warning.compact p,
.profile-code-warning.compact li{
  font-size:11px;
  line-height:1.35;
}

.oldschool-toggle-row{
  margin:2px 0 8px;
}

.profile-editor-mini-links{
  display:flex;
  gap:14px;
  align-items:center;
  margin:0 0 8px;
  flex-wrap:wrap;
}

.retro-link-button{
  appearance:none;
  border:0;
  background:none;
  padding:0;
  color:#8a251a;
  font:700 12px Arial, Helvetica, sans-serif;
  text-decoration:underline;
  cursor:pointer;
}

.profile-advanced-wrap{
  margin:0 0 10px;
}

.profile-advanced-wrap[hidden]{
  display:none !important;
}

.profile-advanced-wrap.is-open{
  display:block;
}

.profile-advanced-label textarea{
  min-height:110px;
}
.profile-code-warning{
  margin:0 0 12px;
  padding:11px 13px;
  border:1px solid #ba7f71;
  background:linear-gradient(180deg, #fff7ef, #f7e4d7);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.7);
  color:#6f2f21;
}

.profile-code-warning strong{
  display:block;
  margin:0 0 6px;
  font:700 18px Georgia, "Times New Roman", serif;
  color:#852a1c;
}

.profile-code-warning p{
  margin:0 0 7px;
  font-size:12px;
  line-height:1.45;
}

.profile-code-warning ul{
  margin:0 0 8px 17px;
  padding:0;
}

.profile-code-warning li{
  margin:0 0 5px;
  font-size:12px;
  line-height:1.4;
}

.profile-code-warning-help{
  font-weight:700;
  color:#7a3423;
}

.profile-code-warning.server{
  background:linear-gradient(180deg, #fff7ef, #f0ddd1);
}


.archive-logins-shell{
  background:#e5dcc7;
  border:1px solid #b7a37f;
  padding:0;
}

.archive-login-wrap{
  background:#e7dfcc;
  min-height:320px;
  padding:8px 10px 18px;
  color:#3e281a;
}

.archive-login-title{
  margin:0 0 10px;
  font-family:Georgia, "Times New Roman", serif;
  font-size:18px;
  line-height:1.1;
  font-weight:700;
  color:#f4ead7;
  text-shadow:0 1px 0 rgba(120, 87, 49, 0.45);
}

.archive-login-intro{
  margin:0 auto 10px;
  max-width:590px;
  text-align:center;
  color:#2f1e14;
  font-size:12px;
  line-height:1.2;
}

.archive-login-intro p{
  margin:0 0 2px;
}

.archive-login-table-wrap{
  margin-top:6px;
}

.archive-login-table{
  width:100%;
  border-collapse:collapse;
  background:transparent;
}

.archive-login-table th,
.archive-login-table td{
  padding:2px 6px 3px 2px;
  text-align:left;
  font-size:12px;
  color:#2f1d14;
  border:0;
  vertical-align:top;
}

.archive-login-table thead th{
  padding:0 6px 3px 2px;
  font-size:18px;
  font-family:Georgia, "Times New Roman", serif;
  font-weight:700;
  color:#26170f;
  border-bottom:1px solid #c7bca4;
}

.archive-login-table tbody tr:first-child td{
  padding-top:4px;
}

.archive-login-os,
.archive-login-browser{
  color:#9b2e1d !important;
  font-weight:700;
}

.archive-login-browser{
  text-decoration:underline;
}

.archive-login-empty{
  padding-top:8px !important;
  color:#5a4231;
}

.archive-login-back{
  margin-top:12px;
}

.archive-login-back a{
  color:#9b2e1d;
  font-weight:700;
  text-decoration:none;
}

.archive-login-back a:hover{
  text-decoration:underline;
}