Pro for Seren Cian

/* Code by AlthIndor, Graphics by Visual Light */
/* Star Chart from http://en.hoshifuru.jp/ */

html, body {background: url('https://i.imgur.com/wgsKj1R.jpg') center / cover;}
#columns, #column_2 .panel, #id_contact ul:not(.buttons) li, #id_comments h2 + div, .media_panel {background-image: url('https://images2.imgbox.com/c3/f0/rfwIlMZL_o.png');}

@keyframes RotateMap {
 from {transform: rotate(0deg);}
 to {transform: rotate(360deg);}
}

body::after {
 content: '';
 display: block;
 width: 108%;
 height: 300%;
 background: url('https://images2.imgbox.com/2d/f1/926uu9sa_o.png') no-repeat center / contain;
 position: fixed;
 top: -100%;
 left: -4%;
 animation: RotateMap 3600s linear infinite;
 filter: contrast(150%) saturate(50%);
 z-index: 1;
}

/* Fonts */

@font-face {
 font-family: 'Parisienne';
 font-style: normal;
 font-weight: 400;
 src: local('Parisienne'), local('Parisienne-Regular'), url(https://fonts.gstatic.com/s/parisienne/v5/E21i_d3kivvAkxhLEVZpQyhwDw.woff2) format('woff2');
}

@font-face {
 font-family: 'Open Sans';
 font-style: normal;
 font-weight: 400;
 src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
 font-family: 'Open Sans ExtraBold';
 font-style: normal;
 font-weight: 800;
 src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN8rsOUuhp.woff2) format('woff2');
}

/* Header */

#gaia_header, #gaia_header #header_left, #gaia_header #header_right {background: none;}

#gaia_header #header_left, #gaia_header #header_right {
 color: transparent;
 font: 10px/28px 'Open Sans ExtraBold', sans-serif !important;
 padding: 0 8px !important;
 box-sizing: border-box;
}
#gaia_header #header_right {float: right;}
#gaia_header .spacer {display: none !important;}

#gaia_header #header_left img {
 background: url('https://gaia.hs.llnwd.net/e1/images/gaia_global/gaia_header/br_gaia_logo_header.png') 0 100% no-repeat;
 background-size: auto 200%;
 width: 0;
 height: 16px;
 padding: 0 40px 0 0;
}

#gaia_header a {
 color: #FFFFFF !important;
 text-decoration: none;
 text-transform: uppercase;
}

/* Columns */

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

#columns, #column_1 {
 width: 654px;
 height: 730px;
}

#columns {
 top: calc(50% - 327px);
 left: calc(50% - 327px);
 z-index: 2;
}

#column_2 {
 width: 415px;
 height: 280px;
 top: 186px;
 left: 120px;
}

#columns ::-webkit-scrollbar {
 background: #2448A8 content-box;
 width: 10px;
 border-left: 3px solid transparent;
 border-right: 3px solid transparent;
 box-shadow: 0 0 2px 0px rgba(0,0,0,.3) inset;
}

#columns ::-webkit-scrollbar-thumb {
 background: repeating-linear-gradient(to bottom, rgba(128,128,128,.5) 1px, rgba(128,128,128,.5) 2px, transparent 2px, transparent 3px) #C280FF content-box;
 border-top: 4px solid transparent;
 border-bottom: 4px solid transparent;
 box-shadow: 0 0 0 1px rgba(0,0,0,.2) inset;
}

/* Panels */

.panel, .panel h2 {
 padding: 0;
 margin: 0;
 box-sizing: border-box;
}
.panel {position: absolute;}
.panel a {color: inherit;}

#column_2 .panel {
 background-position: -120px -186px;
 width: 100%;
 height: 0;
 color: #142C64;
 font: 12px/1.6em 'Open Sans', sans-serif;
 text-align: justify;
 top: 0;
 left: 0;
 overflow-x: hidden;
 overflow-y: scroll;
}
#column_2 .panel:hover {height: 100%;}
.custom_panel img, .post img {max-width: 100% !important;}

.panel h2 {
 position: fixed;
 text-transform: capitalize;
}
#id_contact h2 {display: none;}

#column_2 .panel h2 {
 background: rgba(200,232,200,.8);
 width: 120px;
 height: 120px;
 color: #244CA8;
 font: bold 24px/120px 'Parisienne', cursive;
 text-align: center;
 text-shadow: 0 0 1px #FFFFFF, 0 0 3px #FFFFFF;
 top: calc(50% - 327px + 496px);
 border-radius: 50%;
 box-shadow: 0 0 3px cyan, 0 0 20px 3px #C8E8C8 inset;
 z-index: 9;
}
#column_2 .panel:hover h2 {background: rgba(255,255,255,.85);}

.custom_panel h2 {left: calc(50% - 60px);}
#id_comments h2 {left: calc(50% - 60px + 158px);}
#id_wishlist h2 {left: calc(50% - 60px - 158px); text-indent: -4px;}

.media_panel h2 {
 background: #FFFFF0;
 color: #000000;
 font: 10px 'Open Sans', sans-serif;
 padding: 4px;
 margin: 3px 0 0 36px;
 border: 1px solid #808080;
 box-shadow: 0 0 0 1px #FFFFFF;
 pointer-events: none;
 z-index: 9;
}

/* Transparent Bridge */

#column_2 h2::after {
 content: '';
 display: block;
 width: 100%;
 height: 0;
 position: absolute;
 left: 0;
 bottom: 50%;
 z-index: -1;
}
#column_2 .panel:hover h2::after {height: 90px;}

/* Contact Buttons and Media */

#id_contact, .media_panel {top: 26px;}

#id_contact ul:not(.buttons) li, #id_comments h2 + div, .media_panel {
 background-color: rgba(200,232,200,.8);
 background-position: -651px 0;
 width: 32px;
 height: 32px !important;
 border-radius: 50%;
 box-shadow: 0 0 3px #00FFFF;
}
#id_contact ul:not(.buttons) li:hover, #id_comments h2 + div:hover, .media_panel:hover {background-color: #FFFFFF;}

#id_contact {
 background: none;
 left: calc(50% - 104px);
 overflow: visible;
}
#id_contact, #id_contact a, #alert_container a {font-size: 0;}

#id_contact ul:not(.buttons) li {
 float: left;
 position: relative;
}
#id_contact ul:not(.buttons) li:nth-of-type(n+2) {margin-left: 12px;}
#id_contact ul:not(.buttons) li:nth-of-type(1) {background-position-y: 3px;}
#id_contact ul:not(.buttons) li:nth-of-type(2) {background-position-y: -23px;}
#id_contact ul:not(.buttons) li:nth-of-type(3) {background-position-y: -49px;}

#id_contact ul:not(.buttons) a, #alert_container a {
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
}

.media_panel {
 background-position-y: -101px;
 left: calc(50% + 28px);
 overflow: hidden;
}
.media_panel h2 {opacity: 0;}
.media_panel:hover h2 {opacity: 1;}

.media_panel object {
 position: absolute;
 left: -9px;
 bottom: -1px;
 opacity: .001;
}

#id_comments h2 + div {
 background-position-y: -75px;
 position: fixed;
 top: calc(50% - 327px + 26px);
 left: calc(50% - 327px + 399px);
}

/* Details */

#id_details {
 background: none;
 width: 120px;
 height: 150px;
 top: 240px;
 left: calc(50% - 60px);
 overflow: hidden;
}
#id_details h2 {display: none;}
#id_details .forum_userstatus {display: none;}

/* Comments */

#id_comments {padding-right: 10px;}
#id_comments #alerts_banner {display: none;}
#id_comments dd:nth-last-of-type(n+2) {margin-bottom: 15px;}
#id_comments h2 ~ p {display: none;}

#id_comments dt {
 padding: 0 0 3px 0;
 margin: 0 0 3px 0;
 border-bottom: 1px dashed #808080;
}

#id_comments .date {
 font-family: monospace;
 font-size: 80%;
}

#id_comments .dropBox {
 background: #FFFFF0;
 width: 48px;
 height: 48px;
 margin: 4px 10px 0px 0px;
 border: 1px solid #808080;
 border-radius: 3px;
 overflow: hidden;
}

#id_comments .dropBox img {
 width: 120px;
 height: 150px;
 margin: -26px 0 0 -46px;
 filter: grayscale(50%);
}
#id_comments .dropBox:hover img {filter: none;}

/* Wish List */

#id_wishlist .owner_checkmark {
 margin: 0;
 top: calc(50% + 4px);
 left: calc(50% - 16px);
}
.premium_sparkle {display: none;}

#id_wishlist {
 display: flex;
 flex-flow: row wrap;
 align-content: flex-start;
 justify-content: space-between;
}

#id_wishlist .item {
 background: rgba(36,72,164,.3);
 flex-grow: 1;
 min-width: 30px;
 width: 30px;
 height: 30px;
 text-align: center;
 padding: 5px;
 margin: 0 10px 10px 0;
 position: relative;
 border-radius: 5px;
}
#id_wishlist .item:hover {background: rgba(36,72,164,1);}

/* Gallery */

.custom_panel div[id*='content'], .custom_panel div[id*='content'] ul {
 width: 100%;
 height: 100% !important;
 margin: 0;
 position: absolute;
 top: 0;
 left: 0;
 box-sizing: border-box;
}
.custom_panel .buttons {z-index: 9;}
.custom_panel br {display: none;}

.custom_panel div[id*='content'] ul {
 display: flex;
 flex-flow: row wrap;
 justify-content: flex-start;
}

.custom_panel div[id*='content'] li {
 background: rgba(36,72,164,.5);
 flex-grow: 1;
 width: 115px;
 height: 115px;
 margin: 0 10px 10px 0;
 position: relative;
 border: 5px solid transparent;
 border-radius: 3px;
 box-sizing: border-box;
 overflow: hidden;
}

.custom_panel .spoiler-wrapper {
 width: 100%;
 height: 110px;
 padding: 0;
 position: absolute;
 border: none;
 box-sizing: border-box;
 overflow: hidden;
 transform: scaleX(1);
}
.custom_panel .spoiler-wrapper span {display: none;}

.custom_panel .spoiler-revealed {
 background: rgba(0,0,0,.8);
 position: fixed;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 border: 50px solid transparent;
 z-index: 999;
}

.custom_panel .spoiler-title, .custom_panel .spoiler-title button, .custom_panel .spoiler {
 background: none;
 width: 100%;
 height: 100%;
 border: none;
}

.custom_panel .spoiler-title {
 position: relative;
 z-index: 2;
}

.custom_panel .spoiler {
 display: flex !important;
 flex-flow: column nowrap;
 justify-content: center;
 align-items: center;
 position: absolute;
 top: 0;
}

.custom_panel img {
 width: 100%;
 height: 100%;
 border-radius: 2px;
 object-fit: cover;
}
.custom_panel .spoiler-revealed img {object-fit: scale-down;}

.custom_panel img[class*='bbcode-swap'] {
 position: fixed;
 z-index: 9;
}
.bbcode-swapping-image {background: url('https://i.imgur.com/Fk5mUXF.png');}