Pro for Muneca

/* Glitch by Nezumimousey */
/* And Coded by AlthIndor */

:root {
  --aqua-full: #00FFFFFF;
  --aqua-part: #00FFFF80;
  --pink-full: #FF68B4FF;
  --pink-part: #FF68B440;
}

html, body {
  background: url('https://i.ibb.co/YTnX1yK/animated.webp') no-repeat bottom center / cover;
  overflow: hidden;
}

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

/* Atlas Control */

#viewer #gaia_header ul, #column_2, #column_2 .custom_panel, #id_store a, #id_contact li *, #column_3::before {background: url('https://i.ibb.co/r4Xs6kp/layout-new.png') no-repeat border-box;}
#viewer #gaia_header ul {background-position: bottom left;}
#column_3::before {background-position: -388px bottom;}

#column_2 .custom_panel, #id_store a, #id_contact li * {background-position-x: right;}
#column_2 .custom_panel:nth-of-type(4) {background-position-y: -39px;}
#column_2 .custom_panel:nth-of-type(6) {background-position-y: -78px;}
#column_2 .custom_panel:nth-of-type(8) {background-position-y: -117px;}
#id_store a {background-position-y: -156px;}
#id_contact li:nth-of-type(1) * {background-position-y: -195px;}
#id_contact li:nth-of-type(2) * {background-position-y: -234px;}
#id_contact li:nth-of-type(3) * {background-position-y: -273px;}

/* Fonts */

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans-Regular'), url('https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2') format('woff2');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('https://fonts.gstatic.com/s/opensans/v34/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1x4gaVI.woff2') format('woff2');
}

@font-face {
  font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  src: url('https://ka-f.fontawesome.com/releases/v5.15.4/webfonts/free-fa-solid-900.woff2') format('woff2');
}

/* Header */

#gaia_header {background: none !important;}
#gaia_header li.spacer {display: none !important;}
#gaia_header li {margin: 0 5px;}

#gaia_header ul {
  width: 378px !important;
  height: 53px !important;
  font: 0/52px 'Open Sans', sans-serif !important;
  padding: 0 15px !important;
  margin: 10px !important;
  box-sizing: border-box !important;
}

#gaia_header #header_right {
  float: right;
  display: flex !important;
  justify-content: end;
}
#gaia_header #header_right li:nth-of-type(n+2) {order: 1;}
#gaia_header #header_right li:nth-of-type(4) {order: 0;}

#header_left li:nth-of-type(2) a, #header_left img {transition: all .5s ease-in-out;}
#header_left li:nth-of-type(2) a {filter: drop-shadow(0 0 8px var(--aqua-full));}
#header_left li:nth-of-type(2) a:hover {filter: drop-shadow(0 0 8px var(--pink-full));}

#header_left 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: currentColor;
  width: 0 !important;
  padding: 0 37px 0 0;
}

#gaia_header a {
  color: #FFFFFF !important;
  text-shadow: 0 0 10px var(--aqua-full);
  text-transform: uppercase;
}

#gaia_header a:hover {
  color: var(--pink-full) !important;
  text-shadow: 0 0 10px var(--pink-full);
}

#gaia_header a, #gaia_header a::before {font-size: 12px;}
#header_right a[href*='edit'], #header_right a[href*='report'] {font-size: 0;}
#header_right a[href*='edit']::before {content: 'Edit Mine';}
#header_right a[href*='report']::before {content: 'Report Profile';}

/* Columns */

#columns {display: contents;}
#column_2, #column_3::before {position: absolute;}

#columns .column {
  float: none;
  display: block;
  font-size: 0;
}

#column_1, #column_3 {
  width: 100%;
  margin: 0;
  position: fixed;
  top: 0;
  left: 0;
}
#column_1 {height: 100%;}
#column_3 {height: 50%;}

#column_2, #column_3 {
  opacity: 0;
  transition: opacity .5s ease-in-out;
}
#column_2:hover, #column_2:hover ~ #column_3 {opacity: 1;}

#column_2 {
  width: 828px;
  height: 203px;
  margin: 172px 0 0 0;
  left: calc(50% - 414px);
  border: 7px solid transparent;
  box-sizing: border-box;
  contain: layout;
}

/* Username */

#column_3::before {
  content: '';
  width: 452px;
  height: 60px;
  top: 20%;
  left: calc(50% - 226px);
  filter: drop-shadow(3px 0 var(--pink-full)) drop-shadow(-3px 0 var(--aqua-full));
}

/* Scrollbars */

#columns ::-webkit-scrollbar {
  background: var(--pink-part);
  width: 8px;
}
#columns ::-webkit-scrollbar-thumb {background: var(--pink-full);}

.panel {
  scrollbar-color: var(--pink-full) var(--pink-part);
  scrollbar-width: thin;
}

/* Panels */

.panel, .panel h2 {
  background: none;
  color: #FFFFFF;
  font: 12px/1.6 'Open Sans', sans-serif;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}
.panel {position: absolute;}

.panel a {
  color: var(--aqua-full);
  text-shadow: 0 0 10px currentColor;
}
.panel a:hover {color: var(--pink-full);}

#id_wishlist, #id_comments, #id_footprints, .media_panel {
  background: rgba(0, 192, 255, .2);
  width: 464px;
  height: 100% !important;
  text-shadow: 0 0 10px var(--aqua-full);
  bottom: -100%;
  left: 175px;
  border: 19px solid transparent;
  opacity: 0;
  transition: opacity .5s ease-in-out, bottom 0s linear .5s;
  z-index: 1;
}

#id_wishlist:hover, #id_comments:hover, #id_footprints:hover, .media_panel:hover {
  bottom: 0;
  opacity: 1;
  transition: opacity .5s ease-in-out, bottom 0s linear 0s;
}

#id_comments, #id_wishlist, #id_footprints {
  padding-right: 15px;
  overflow-y: scroll;
}

/* Buttons */

#column_2 :where(h2, .custom_panel), #id_store a, #id_contact li * {
  width: 164px;
  height: 39px !important;
  font-size: 0;
}
#column_1 h2, #id_store h2, #id_contact h2 {display: none;}
#id_store a, #id_contact li * {display: block;}

.panel h2 {position: fixed;}
.panel:hover h2 {width: 180px;}

#column_2 :where(h2, .custom_panel) {left: 0;}
.custom_panel:nth-of-type(2), .panel:nth-of-type(1) h2 {top: 0;}
.custom_panel:nth-of-type(4), .panel:nth-of-type(3) h2 {top: 50px;}
.custom_panel:nth-of-type(6), .panel:nth-of-type(5) h2 {top: 100px;}
.custom_panel:nth-of-type(8), .panel:nth-of-type(7) h2 {top: 150px;}

#column_2 .custom_panel, #id_store a, #id_contact a {
  filter: drop-shadow(0 0 var(--pink-full)) drop-shadow(0 0 var(--aqua-full));
  transition: filter .5s ease-in-out;
}
#column_2 .panel:hover + .custom_panel, #id_store a:hover, #id_contact a:hover {filter: drop-shadow(2px 0 var(--pink-full)) drop-shadow(-2px 0 var(--aqua-full));}

#id_store, #id_contact {right: 0;}
#id_contact {bottom: 0;}

#id_store :is(h3, div, p:first-of-type) {display: none;}
#id_store p:last-of-type {display: contents;}
#id_contact li:nth-last-of-type(n+2) {margin-bottom: 11px;}

/* Comments */

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

#id_comments #alerts_banner, #id_comments h2 + div .clear {display: none;}
#id_comments h2 + div, #id_comments h2 ~ p, #id_comments #alert_container {display: contents;}
#id_comments dt, #id_comments .postcontent {text-align: left !important;}
#id_comments .postcontent img {max-width: 100% !important;}

#id_comments dt {
  display: flex;
  align-items: baseline;
  padding: 1px 0 0 67px;
  height: 0;
  line-height: inherit;
  position: relative;
  border: none;
}

#id_comments .date {
  flex-grow: 1;
  display: inline-flex;
  flex-flow: row-reverse nowrap;
  justify-content: space-between;
  font-size: 10px;
}

#id_comments .username {
  float: none;
  display: revert;
  margin-right: .3em;
}

#id_comments dd {
  display: grid;
  grid-template-columns: 52px calc(100% - 52px - 15px);
  gap: 0 15px;
  margin: 0 0 20px 0;
  overflow: visible;
}
#id_comments dd:last-of-type {margin: 0 0 5px 0;}

#id_comments .dropBox {
  background: #FFFFFF;
  width: 48px;
  height: 48px;
  margin: -1px 15px 0 0;
  border: 2px solid var(--aqua-full);
  border-radius: 50%;
  overflow: hidden;
}

#id_comments .dropBox img {
  width: 120px;
  height: 150px;
  margin: -30px 0 0 -47px;
}

#id_comments .postcontent::before {
  content: ' ';
  display: block;
  white-space: pre;
  margin: 5px 0;
  border-bottom: 1px dotted var(--aqua-part);
}

#id_comments .deletecomment {
  display: flex;
  grid-area: 2/2/3/3;
  margin: 5px 0 0 0;
  padding: 5px 0 0 0;
  border-top: 1px dotted var(--aqua-part);
}
#id_comments .deletecomment a:last-of-type {order: 3;}
#id_comments .deletecomment br {display: none;}

#id_comments .deletecomment::after {
  content: ' or ';
  order: 2;
  white-space: pre;
}

/* Comments Links */

#id_comments h2 + div a, #id_comments h2 ~ p a {
  display: block;
  background: var(--aqua-full);
  width: 39px;
  height: 39px;
  color: #FFFFFF;
  font-size: 0;
  text-align: center;
  text-shadow: none;
  margin-bottom: 15px;
  border-radius: 5px;
}
#id_comments h2 + div a:hover, #id_comments h2 ~ p a:hover {background: var(--pink-full);}
#id_comments h2 + div a {margin-right: 11px;}

#id_comments h2 + div a::before, #id_comments h2 ~ p a::before {font: 20px/39px 'Font Awesome 5 Free';}
#id_comments h2 + div a::before {content: '';}
#id_comments h2 ~ p a::before {content: '';}

/* Wish List */

#id_wishlist {
  display: grid;
  grid-template-columns: repeat(8, 49px);
  grid-auto-rows: 49px;
  gap: 1px;
  scroll-snap-type: y mandatory;
}
#id_wishlist .clear, .premium_sparkle {display: none;}

#id_wishlist .item, #id_wishlist .item a {
  display: flex;
  justify-content: center;
  align-items: center;
}

#id_wishlist .item {
  position: relative;
  scroll-snap-align: start;
}

#id_wishlist a {
  background: #FFFFFF20;
  width: 37px;
  height: 37px;
  border: 1px solid var(--aqua-full);
  border-radius: 5px;
}

#id_wishlist a:hover {
  background: #FFFFFF;
  border-color: var(--pink-full);
}

.owner_checkmark {
  margin: 0;
  bottom: 10px;
  left: 10px;
  filter: brightness(500%) hue-rotate(30deg);
  pointer-events: none;
}

/* Visitors */

#id_footprints .item {
  display: grid;
  grid-auto-flow: column;
  justify-content: start;
  line-height: 2.1;
  padding: 0 0 0 5px;
}

#id_footprints .item::before {
  content: ' visited ';
  grid-column: 2;
  white-space: pre;
}
#id_footprints .item::after {content: '.';}

/* Media */

.media_panel iframe {
  width: 100%;
  height: 100%;
  border-radius: 5px;
}

/* Avatar */

@keyframes FadeAvi {
  from {opacity: 0;}
  to {opacity: 1;}
}

#id_details {
  width: 140px;
  height: 375px;
  left: calc(50% - 70px);
  overflow: visible;
  animation: FadeAvi 5s 30s ease-in-out 1 both;
}
#id_details p:nth-of-type(n+2), .forum_userstatus {display: none;}
#id_details p {margin: 0;}

#id_details img {
  position: relative;
  filter: drop-shadow(0 0 10px powderblue);
}

#id_details::before {
  content: '';
  background: #FFFFFF;
  width: 100%;
  height: 20px;
  position: absolute;
  top: 138px;
  left: 0;
  border-radius: 50%;
  box-shadow: 0 0 15px pink;
}

/* Falling Feathers */

@keyframes DropFeather {
  000% {transform: translateY(000vh) rotate(-30deg); animation-timing-function: ease-in-out;}
  010% {transform: translateY(010vh) rotate(+30deg); animation-timing-function: ease-in-out;}
  020% {transform: translateY(020vh) rotate(-30deg); animation-timing-function: ease-in-out;}
  030% {transform: translateY(030vh) rotate(+30deg); animation-timing-function: ease-in-out;}
  040% {transform: translateY(040vh) rotate(-30deg); animation-timing-function: ease-in-out;}
  050% {transform: translateY(050vh) rotate(+30deg); animation-timing-function: ease-in-out;}
  060% {transform: translateY(060vh) rotate(-30deg); animation-timing-function: ease-in-out;}
  070% {transform: translateY(070vh) rotate(+30deg); animation-timing-function: ease-in-out;}
  080% {transform: translateY(080vh) rotate(-30deg); animation-timing-function: ease-in-out;}
  090% {transform: translateY(090vh) rotate(+30deg); animation-timing-function: ease-in-out;}
  100% {transform: translateY(100vh) rotate(-30deg);}
}
@keyframes BonusMotion {from {translate: 0 -200px;} to {translate: 0 200px;}}

#column_1 .custom_panel, #column_1 .custom_panel div {
  width: 1200px;
  height: 100% !important;
  top: 0;
}

#column_1 .custom_panel {
  left: calc(50% - 600px);
  overflow: visible;
}

#column_1 b {
  background: url('https://i.imgur.com/9tdPlho.png');
  position: absolute;
  transform-origin: center -100px;
  animation: DropFeather 45s ease-in-out infinite, BonusMotion 45s ease-out infinite;
}
@media (prefers-reduced-motion) {#column_1 b {animation-play-state: paused;}}

#column_1 b:nth-of-type(7n+1) {
  width: 74px;
  height: 50px;
}

#column_1 b:nth-of-type(7n+2) {
  background-position-x: -84px;
  width: 75px;
  height: 36px;
}

#column_1 b:nth-of-type(7n+3) {
  background-position-x: -169px;
  width: 77px;
  height: 43px;
}

#column_1 b:nth-of-type(7n+4) {
  background-position-x: -256px;
  width: 78px;
  height: 47px;
}

#column_1 b:nth-of-type(7n+5) {
  background-position-x: -344px;
  width: 89px;
  height: 44px;
}

#column_1 b:nth-of-type(7n+6) {
  background-position-x: -443px;
  width: 90px;
  height: 39px;
}

#column_1 b:nth-of-type(7n+7) {
  background-position-x: -543px;
  width: 95px;
  height: 40px;
}

#column_1 b:nth-of-type(01) {left: 1073px; animation-duration: 42s, 42s; animation-delay: -09s, -09s;}
#column_1 b:nth-of-type(02) {left: 0375px; animation-duration: 43s, 43s; animation-delay: -34s, -34s;}
#column_1 b:nth-of-type(03) {left: 0864px; animation-duration: 41s, 41s; animation-delay: -25s, -25s;}
#column_1 b:nth-of-type(04) {left: 0637px; animation-duration: 45s, 45s; animation-delay: -18s, -18s;}
#column_1 b:nth-of-type(05) {left: 0612px; animation-duration: 40s, 40s; animation-delay: -02s, -02s;}
#column_1 b:nth-of-type(06) {left: 0891px; animation-duration: 43s, 43s; animation-delay: -19s, -19s;}
#column_1 b:nth-of-type(07) {left: 0486px; animation-duration: 45s, 45s; animation-delay: -31s, -31s;}
#column_1 b:nth-of-type(08) {left: 0648px; animation-duration: 48s, 48s; animation-delay: -30s, -30s;}
#column_1 b:nth-of-type(09) {left: 0025px; animation-duration: 49s, 49s; animation-delay: -20s, -20s;}
#column_1 b:nth-of-type(10) {left: 0410px; animation-duration: 49s, 49s; animation-delay: -28s, -28s;}
#column_1 b:nth-of-type(11) {left: 0272px; animation-duration: 41s, 41s; animation-delay: -36s, -36s;}
#column_1 b:nth-of-type(12) {left: 0801px; animation-duration: 45s, 45s; animation-delay: -20s, -20s;}
#column_1 b:nth-of-type(13) {left: 0109px; animation-duration: 43s, 43s; animation-delay: -38s, -38s;}
#column_1 b:nth-of-type(14) {left: 0158px; animation-duration: 44s, 44s; animation-delay: -18s, -18s;}

/* Misc */

#pictures_container, #texts_container {
  width: 0;
  height: 375px;
  position: absolute;
  left: calc(50% - 414px);
}
.bbcode-swapping-image {background: url('https://i.imgur.com/Fk5mUXF.png');}

#id_details, #column_2, #pictures_container, #texts_container {bottom: 14px;}
@media (min-height: 720px) {#id_details, #column_2, #pictures_container, #texts_container {top: calc(50% - 30px);}}