Pro for NightSadness

/* Layout by CD-ARIAx3 */
/* + Code by AlthIndor */

html, body {
 background: url('https://i.imgur.com/wUir3HW.jpg') center / cover #000;
 min-height: 960px;
}
html {--amaranth: #D3212D;}

body {
 background: url('https://i.imgur.com/aUGAlAj.png') no-repeat calc(50% - 287px) -155px,
   url('https://images2.imgbox.com/a3/40/SQnK0AVE_o.png') no-repeat center -320px;
 background-blend-mode: overlay, normal;
}

body a {
 text-decoration: none !important;
 transition: all .5s ease-in-out;
}

#gaia_header #header_left, #gaia_header #header_right, #panel-details .bd::before, #panel-details .bd::after,
  #id_contact ul:not(.buttons) li, #id_comments h2 + div, #id_comments h2 ~ p, #id_badges img {background: url('https://images2.imgbox.com/a3/40/SQnK0AVE_o.png') no-repeat;}
#id_comments h2 + div, #id_comments h2 ~ p, #id_badges img {background-position: -150px -170px;}
#gaia_header #header_left {background-position: right -205px;}
#gaia_header #header_right {background-position: left -265px;}
#id_contact ul:not(.buttons) li {background-position-y: -170px;}

/* Fonts */

@font-face {
 font-family: 'IM Fell DW Pica';
 font-style: normal;
 font-weight: 400;
 src: local('IM FELL DW Pica Roman'), local('IM_FELL_DW_Pica_Roman'), url(https://fonts.gstatic.com/s/imfelldwpica/v9/2sDGZGRQotv9nbn2qSl0TxXVYNwNYwnV.woff2) format('woff2');
}

@font-face {
 font-family: 'Work Sans';
 font-style: normal;
 font-weight: 400;
 src: url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K0nXBi8Jpg.woff2) format('woff2');
}

@font-face {
 font-family: 'Work Sans';
 font-style: normal;
 font-weight: 600;
 src: url(https://fonts.gstatic.com/s/worksans/v8/QGY_z_wNahGAdqQ43RhVcIgYT2Xz5u32K5fQBi8Jpg.woff2) format('woff2');
}

@font-face {
 font-family: 'Reem Kufi';
 font-style: normal;
 font-weight: 400;
 src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v7/2sDcZGJLip7W2J7v7wQzaGW5.woff2) format('woff2');
}

/* Header */

#viewer #gaia_header {background: none !important;}
#gaia_header li {filter: drop-shadow(0 0 1px #000);}
#gaia_header li.spacer {display: none !important;}

#gaia_header #header_left, #gaia_header #header_right {
 height: 55px !important;
 font: 700 0/32px 'IM Fell DW Pica', serif !important;
 width: calc(50% - 50px) !important;
 min-width: max-content;
 max-width: 1700px;
 box-sizing: border-box !important;
}
#gaia_header #header_left {padding: 0 90px 0 10px !important;}

#gaia_header #header_right {
 float: right;
 padding: 0 10px 0 90px !important;
}

#gaia_header img {
-webkit-mask: url('https://i.imgur.com/5FTB40o.png') no-repeat 0 3px;
 mask: url('https://i.imgur.com/5FTB40o.png') no-repeat 0 3px;
 background: #FFFFFF;
 width: 0 !important;
 padding: 0 36px 0 0;
 transition: background .5s ease-in-out;
}
#header_left li:nth-of-type(2) a:hover img {background: var(--amaranth);}

#gaia_header a, #gaia_header a::after, #header_left::after {
 color: #FFFFFF !important;
 font-size: 11px !important;
 letter-spacing: .05em;
 text-transform: uppercase;
}
#gaia_header a:hover {color: var(--amaranth) !important;}

#header_left li::after, #header_right li:nth-last-of-type(n+2)::after {
 content: '●';
 color: #B48C68;
 font-size: 13px;
 margin: 0 6px;
}
#header_left::after {content: 'By Aria ＆ Alth';}

#header_right a[href*='report'] {font-size: 0 !important;}
#header_right a[href*='report']::after {content: 'Report Profile';}

/* Columns */

#columns, #column_1, #column_2 {
 float: none;
 margin: 0;
 position: absolute;
}
#column_3 {display: none;}

#columns, #column_1 {
 width: 1080px;
 height: 880px;
 top: 0;
}
#columns {left: calc(50% - 540px);}

#column_2 {
 width: 340px;
 height: 505px;
 top: 100px;
 left: calc(50% - 170px);
}

#columns ::-webkit-scrollbar {width: 0;}
#columns * {scrollbar-width: none;}

/* Panels */

.panel {
 background: none;
 color: #FFFFFF;
 font: 12px/1.6 'Work Sans', sans-serif;
 text-align: center;
 text-shadow: 0 1px 2px #000;
 padding: 0;
 margin: 0;
 position: absolute;
 box-sizing: border-box;
}
.panel h2 {display: none;}
.panel img {max-width: 100% !important;}

.panel a {color: var(--amaranth);}
.panel a:hover {color: inherit;}

#column_2 .panel {
 width: 100%;
 height: 100%;
 top: -100%;
 left: 0;
 overflow-x: hidden;
 overflow-y: scroll;
}

/* Badges */

#id_badges {
 width: 300px;
 height: 380px;
 top: 60px;
 left: 755px;
}
#id_badges li, #id_badges li::after {position: absolute;}
#tooltip-badge_c #tooltip-badge, #badge_display {display: none;}

#id_badges li {
 float: none;
 margin: 0;
 text-shadow: 0 0 1px #696363;
 transform-origin: top left;
 transform: rotate(45deg);
 filter: contrast(100%) brightness(100%);
 transition: all .5s ease-in-out;
}
#id_badges li:nth-of-type(n+5) {display: none;}

#id_badges li::after {
 display: block;
 width: 120px;
 height: 24px;
 font: 400 12px/26px 'Reem Kufi', sans-serif;
 letter-spacing: .05em;
 top: 0;
 pointer-events: none;
}

#id_badges li:nth-of-type(1) {
 top: 0;
 left: 12px;
}
#id_badges li:nth-of-type(1)::after {content: 'ABOUT ME';}

#id_badges li:nth-of-type(2) {
 top: 90px;
 left: 102px;
}
#id_badges li:nth-of-type(2)::after {content: 'COMMENT';}

#id_badges li:nth-of-type(3) {
 top: 180px;
 left: 192px;
}
#id_badges li:nth-of-type(3)::after {content: 'WISH LIST';}

#id_badges li:nth-of-type(4) {
 left: 150px;
 top: 360px;
 transform: rotate(-45deg);
}
#id_badges li:nth-of-type(4)::after {content: 'STALKERS';}

#id_badges img {
 width: 0;
 height: 0;
 padding: 24px 120px 0 0;
}

#tooltip-badge_c[style*='top: 60px']:first-of-type ~ #columns #id_about {top: 0;}
#tooltip-badge_c[style*='top: 150px']:first-of-type ~ #columns #id_comments {top: 0;}
#tooltip-badge_c[style*='top: 240px']:first-of-type ~ #columns #id_wishlist {top: 0;}
#tooltip-badge_c[style*='top: 335px']:first-of-type ~ #columns #id_footprints {top: 0;}

#tooltip-badge_c[style*='top: 60px']:first-of-type ~ #columns #id_badges li:nth-of-type(1),
#tooltip-badge_c[style*='top: 150px']:first-of-type ~ #columns #id_badges li:nth-of-type(2),
#tooltip-badge_c[style*='top: 240px']:first-of-type ~ #columns #id_badges li:nth-of-type(3),
#tooltip-badge_c[style*='top: 335px']:first-of-type ~ #columns #id_badges li:nth-of-type(4),
#id_badges li:hover {
 text-shadow: 0 0 5px #FFFFFF, 0 0 10px #FFFFFF;
 filter: brightness(120%);
}

/* Details */

#id_details {
 width: 120px;
 height: 150px;
 top: 370px;
 left: 776px;
}
#id_details p:nth-of-type(n+2) {display: none;}
#id_details .forum_userstatus {display: none;}

/* Contact */

#id_contact {
 top: 740px;
 left: 775px;
}
#id_contact span {display: none;}

#id_contact ul:not(.buttons) li {
 float: left;
 height: 22px;
 margin: 0 10px;
 filter: drop-shadow(0 0 5px transparent) drop-shadow(0 0 10px #FFFFFF);
 transition: filter .5s ease-in-out;
}
#id_contact ul:not(.buttons) li:nth-of-type(odd) {width: 22px;}
#id_contact ul:not(.buttons) li:hover {filter: drop-shadow(0 0 5px #FFFFFF) drop-shadow(0 0 15px #FFFFFF);}

#id_contact ul:not(.buttons) li:nth-of-type(2) {
 background-position-x: -32px;
 width: 27px;
}
#id_contact ul:not(.buttons) li:nth-of-type(3) {background-position-x: -69px;}

#id_contact a {
 width: 100%;
 height: 100%;
 font-size: 0;
 position: absolute;
 top: 0;
 left: 0;
}

/* Comments */

#id_comments {
 display: flex;
 flex-flow: row wrap;
 justify-content: center;
}

#id_comments #alerts_banner, #id_comments .dropBox {display: none;}
#id_comments .deletecomment {margin: 0 0 0 10px;}
#id_comments dd {margin: 0 0 15px 0;}
#id_comments dd:last-of-type {margin: 0;}

#id_comments dl {
 width: 100%;
 margin-top: 15px;
}

#id_comments dt {
 height: auto;
 line-height: inherit;
 text-align: inherit;
 padding: 0 0 5px 0;
 margin: 0 0 5px 0;
 border-bottom: 2px dotted #FFFFFF50;
}
#id_comments .username {float: none;}

/* Comments Links */

#id_comments h2 + div, #id_comments h2 ~ p {
 display: block;
 width: 120px;
 height: 24px;
 margin: 0 5px;
 box-sizing: border-box;
 transition: filter .5s ease-in-out;
}
#id_comments h2 + div:hover, #id_comments h2 ~ p:hover {filter: contrast(80%) brightness(120%);}
#id_comments h2 + div:hover a, #id_comments h2 ~ p:hover a {text-shadow: 0 0 5px #FFFFFF;}

#id_comments h2 + div a, #id_comments h2 ~ p a {
 color: #FFFFFF;
 font-size: 0;
}
#id_comments h2 + div a::after, #id_comments h2 ~ p a::after {font: 400 10px/26px 'Reem Kufi', sans-serif;}
#id_comments h2 + div a::after {content: 'ADD COMMENT';}
#id_comments h2 ~ p a::after {content: 'VIEW MORE';}

#id_comments #alert_container, #id_comments h2 ~ p {padding: 0;}

#id_comments #alert_container {
 float: none;
 margin: 0;
}

/* Wish List */

#id_wishlist {
 display: flex;
 flex-flow: row wrap;
 align-content: flex-start;
 justify-content: center;
 scroll-snap-type: y mandatory;
}
#id_wishlist .clear {display: none;}
.premium_sparkle {display: none;}

#id_wishlist .item {
 float: none;
 background: #FFFFFF40;
 width: 30px;
 height: 30px;
 padding: 6px;
 margin: 0 5px 9px 4px;
 position: relative;
 border-radius: 10px;
 outline: 1px dotted #000;
 outline-offset: -3px;
 transition: background .5s ease-in-out;
 scroll-snap-align: start;
}
#id_wishlist .item:hover {background: var(--amaranth);}

#id_wishlist .item img[src*='thumbnail'] {
 filter: saturate(0%);
 transition: filter .5s ease-in-out;
}
#id_wishlist .item:hover img[src*='thumbnail'] {filter: none;}

.owner_checkmark {
 margin: 0;
 bottom: 5px;
 left: calc(50% - 16px);
 filter: hue-rotate(30deg);
}

/* Visitors */

#id_footprints .item {
 display: grid;
 grid-template-columns: repeat(3, max-content);
 grid-template-rows: 1fr;
 gap: .4em;
 justify-content: center;
}
#id_footprints a {grid-column: 1 / span 1;}

#id_footprints .item::after {
 content: 'visited';
 grid-column: 2 / span 1;
 grid-row: 1 / span 1;
}

/* Media */

.media_panel {
 background: url('https://i.imgur.com/gqTTTvw.png') -21px -6px;
 width: 70px;
 height: 32px !important;
 top: 665px;
 left: 666px;
 opacity: .3;
 overflow: hidden;
}

.media_panel iframe {
 width: 400px;
 height: 300px;
 position: absolute;
 bottom: -2px;
 left: -21px;
 opacity: .001;
}

/* Misc */

#pictures_container, #texts_container {
 width: 1px;
 height: 1px;
 position: absolute;
 top: 0;
 left: 50%;
 overflow: visible;
}

/* Enter Button */

#texts_container .spoiler-wrapper, #texts_container .spoiler-control {border: none;}
#texts_container .spoiler-control-hide, #texts_container .spoiler-control span {display: none !important;}
#texts_container .spoiler-wrapper {padding: 0;}
#texts_container .spoiler-control {outline: none;}

#texts_container .spoiler-control-show {
 background: url('https://i.imgur.com/qMQEiCE.png') no-repeat center, url('https://i.imgur.com/e8U5FHY.gif') no-repeat center / cover #000;
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 0;
}

/* Animations */

#panel-details {
 top: 0;
 left: 50%;
}
#panel-details .hd {display: none;}

#panel-details, #panel-details div, #panel-details div::before, #panel-details div::after {position: absolute;}
#panel-details div::before, #panel-details div::after {content: ''; transform-style: preserve-3d;}

@keyframes RotateDiamonds {
 from {transform: rotateY(0);}
 to {transform: rotateY(1turn);}
}

#panel-details .bd {
 width: 176px;
 height: 269px;
 top: 568px;
 left: -634px;
 perspective: 500px;
 perspective-origin: center -50px;
 filter: drop-shadow(3px 6px .5px #00000080);
}

#panel-details .bd::before {
 background-position: top right;
 width: 109px;
 height: 185px;
 top: 0;
 left: 0;
 animation: RotateDiamonds 10s linear infinite;
}

#panel-details .bd::after {
 background-position: -1495px 0;
 width: 86px;
 height: 139px;
 top: 128px;
 left: 89px;
 animation: RotateDiamonds 10s -8s linear infinite;
}

@keyframes CandleFlicker {
 from {background-position-x: 0}
 to {background-position-x: -3100px;}
}

@keyframes CandleOrb {
 0% {opacity: .75;}
 5% {opacity: .75;}
 10% {opacity: .7;}
 15% {opacity: .8;}
 20% {opacity: .7;}
 25% {opacity: .9;}
 30% {opacity: .8;}
 35% {opacity: 0.7;}
 40% {opacity: .75;}
 45% {opacity: .75;}
 50% {opacity: 0.9;}
 55% {opacity: .75;}
 60% {opacity: .7;}
 65% {opacity: .75;}
 70% {opacity: .85;}
 75% {opacity: .7;}
 80% {opacity: .75;}
 85% {opacity: .9;}
 90% {opacity: .75;}
 95% {opacity: .6;}
 100% {opacity: .75;}
}

#panel-details .ft {
 top: 734px;
 left: -156px;
}

#panel-details .ft::before {
 background: radial-gradient(circle at center, #FFC00080, #FF800040, transparent 70%);
 width: 150px;
 height: 150px;
 top: -42px;
 left: -65px;
 mix-blend-mode: hard-light;
 animation: CandleOrb 8s linear infinite;
}

#panel-details .ft::after {
 background: url('https://i.imgur.com/U2Zrsx5.png');
 width: 100px;
 height: 220px;
 transform-origin: 0 0;
 transform: scale(.2);
 mix-blend-mode: screen;
 animation: CandleFlicker 2s steps(31, start) infinite;
}