@charset "UTF-8";
/* Begin border function. */
/* Use @include CR_border(slash on left/right, slash direction is top-first/bottom-first,
                  top border is true/false, right border is true/false,
                  bottom border is true/false, left border is true/false); to style an element */
/* End border function */
/* CR_Border_Slash(border-direction: left/right, slash: top-first/bottom-first) */
main, section, article, nav, header, footer, figure, aside {
  display: block;
}

output {
  display: inline-block;
}

/* 
  The basic header used throughout the site.
 .main-title
    .main-title-link - Contains a link inside the element

  Similar to .main-title-link in that it should be used as a header wrapping a link,
  however this should be used more specifically when the title is an important link that
  is not otherwise accessible
  .header-link
    .header-link-in-link - If the header is contained inside an <a> element

  Main box/container element
  .main-box - shortcut for:
    .main-container - Background and border
    .main-spacing-inner-vertical
    .main-spacing-inner-horizontal
    .main-spacing-outer-vertical

  Spacing start and end are added onto the inline spacing for the first and last element inside the container
  .main-spacing-start
  .main-spacing-end

  Main inline element
  .main-inline-spacing-vertical

  The standard image border and box-shadow
  .img-box
 */
.main-spacing-inner-horizontal .action-buttons, .newspost-body .action-buttons, #header-subtitle .action-buttons, .bbcode-quote .bbcode-quote-body .action-buttons, .bbcode .code .action-buttons, #character-sidebar .link .action-buttons, .signature .action-buttons, time.post-time .action-buttons, .post-body > .bbcode .action-buttons, .sprite-scene-textbox .action-buttons, .sprite-scene-nametag .action-buttons, .action-buttons .action-buttons, main > * .action-buttons, .content-box > * .action-buttons, .main-box .action-buttons, .book .action-buttons, .soundtrack .action-buttons, #message-preview .action-buttons, .preview .action-buttons, .message-form .action-buttons, .characterForm > .imageField .action-buttons, .characteristics .action-buttons, .characters-characterList .gallery-item .action-buttons, #character-profile .action-buttons, #character-misc .action-buttons, #character-friendsnfamily .action-buttons, #episode-page .action-buttons, .episode-summary .action-buttons, .fanfic-chapter-body .action-buttons, .gallery .gallery-item .action-buttons, .main-box-flex .action-buttons {
  padding-right: 0;
  padding-left: 0;
}

.main-box-flex {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.img-box, #book-page img, .soundtrack figure img, .registerForm-wrapper.poster-wrapper .poster-info:before, .registerForm-wrapper.poster-wrapper #character-sidebar:before, .episode-poster img, .fanart-img img, .poster-info .avatar, #character-sidebar .avatar, .gallery-item img {
  border: 0.41em solid white;
  box-shadow: 1px 0px 1px black, -1px 0px 2px black, 0px 1px 1px black, -1px -1px 8px black;
  background-color: #7b7b7b;
  max-width: 100%;
  height: auto;
}

* {
  margin: 0px;
  padding: 0px;
  border: none;
}

html, body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Roboto", "Arial", sans-serif;
  margin: 0;
  background-color: #363029;
  background-image: url(images/page/bg.jpg);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 25% 0%;
  color: #fff;
  hyphens: auto;
}

h1 {
  text-align: center;
  display: block;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Georgia, serif;
  font-weight: bold;
}
h1 a:active, h2 a:active, h3 a:active, h4 a:active, h5 a:active, h6 a:active {
  top: 1px;
}

img {
  vertical-align: bottom;
}

p {
  line-height: 1.2;
  word-spacing: 1px;
}

input, textarea {
  font-size: inherit;
  font-family: inherit;
  line-height: 1.2;
  word-spacing: 1px;
  hyphens: manual;
  padding: 0.328em 0em 0.328em 0.64em;
  box-sizing: border-box;
}

#wrapper {
  min-height: 100%;
  padding-bottom: 1px;
}
#wrapper > header {
  box-shadow: 0 0 8px #333333;
  border-bottom: 2px solid #fff;
  text-align: center;
  background-color: #63431d;
  background-color: hsla(33, 55%, 25%, 0.9);
  border: 2px solid #362009;
  overflow: hidden;
}
#wrapper > header h1 {
  display: inline-block;
  font-size: 1.563em;
}

main {
  margin: 0 auto;
}
main > header > * {
  margin-top: 0;
  margin-bottom: 0;
}
.main-container, .newspost-body, .post-main, .main-box, .book, .soundtrack, #message-preview, .preview, .message-form, .characterForm > .imageField, .characteristics, .characters-characterList .gallery-item, #character-profile, #character-misc, #character-friendsnfamily, #episode-page, .episode-summary, .fanfic-chapter-body, .gallery .gallery-item, .content-box, .main-box-flex {
  background-color: #262626;
  background-color: hsla(0, 0%, 15%, 0.9);
  border-radius: 3px;
  border: 2px groove #fff;
  box-shadow: 0 0 8px #333333;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
}

.inside-header, .newspost-header, time.post-time {
  position: relative;
  background-color: #431f07;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  display: block;
  margin-bottom: 0.25em;
  line-height: 1.5;
}
.inside-header > *, .newspost-header > *, time.post-time > * {
  position: relative;
}
.inside-header:before, .newspost-header:before, time.post-time:before, .inside-header:after, .newspost-header:after, time.post-time:after {
  z-index: -1;
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, #431f07, #683b15);
  height: 100%;
  width: 100%;
  transform-origin: 0%, 0%;
  border-bottom: 2px solid #8f6c2c;
  top: 0;
}
.inside-header:before, .newspost-header:before, time.post-time:before {
  transform-origin: 0%, 100%;
  box-shadow: -2px 2px 0px 0 #362009;
  right: -2px;
  transform: skew(25deg);
  border-left: 2px solid #8f6c2c;
}
.inside-header:after, .newspost-header:after, time.post-time:after {
  right: calc(-2px / 2);
}

#frontpage {
  position: relative;
  overflow: hidden;
  justify-content: space-around;
}

#remixPage > h1 {
  display: table;
}

.breadcrumb {
  position: relative;
  background-color: #431f07;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  position: relative;
  left: 2px;
  line-height: 1.5;
}
.breadcrumb > * {
  position: relative;
}
.breadcrumb:before, .breadcrumb:after {
  z-index: -1;
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, #431f07, #683b15);
  height: 100%;
  width: 100%;
  transform-origin: 0%, 0%;
  border-bottom: 2px solid #8f6c2c;
  top: 0;
}
.breadcrumb:before {
  transform-origin: 0%, 100%;
  box-shadow: 2px 2px 0px 0 #362009;
  transform: skew(-25deg);
  border-right: 2px solid #8f6c2c;
}
.breadcrumb:after {
  box-shadow: -2px 2px 0px 0 #362009;
  left: -2px;
  z-index: -2;
  border-left: 2px solid #8f6c2c;
}
.breadcrumb a {
  padding-right: 0.41em;
}
.breadcrumb a:last-child {
  padding-right: 0;
}
.breadcrumb a + a:before {
  right: 2px;
  border-right: 2px solid #8f6c2c;
  box-shadow: 2px 0 0px 0 #362009;
  margin-left: 8px;
  transform: skew(-25deg);
  transform-origin: 0%, 0%;
  position: relative;
  content: "|";
  display: inline-block;
  color: transparent;
  width: 0.3125em;
}
.breadcrumb a + a:before {
  margin-right: 0.328em;
}

a, .link {
  text-decoration: none;
  color: #fff1b0;
}
a:focus, a:hover, .link:focus, .link:hover {
  text-decoration: underline;
}
a:active, .link:active {
  color: #e42b1d;
}

.altBG, .bbcode-quote .bbcode-quote-body, .bbcode .code, tbody, tbody tr, tbody td {
  background-color: #EEEEEE;
  color: black;
}
.altBG a, .bbcode-quote .bbcode-quote-body a, .bbcode .code a, tbody a {
  color: #733500;
}
.altBG a:active, .bbcode-quote .bbcode-quote-body a:active, .bbcode .code a:active, tbody a:active {
  color: #e42b1d;
}

.link-block {
  display: block;
  text-align: center;
}
.link-block:hover, .link-block:focus {
  text-decoration: none;
}
.link-block:hover h1, .link-block:hover h2, .link-block:hover h3, .link-block:hover h4, .link-block:hover h5, .link-block:hover h6, .link-block:active h1, .link-block:active h2, .link-block:active h3, .link-block:active h4, .link-block:active h5, .link-block:active h6 {
  color: #fff1b0;
}
.link-block:hover h1:after, .link-block:hover h2:after, .link-block:hover h3:after, .link-block:hover h4:after, .link-block:hover h5:after, .link-block:hover h6:after, .link-block:active h1:after, .link-block:active h2:after, .link-block:active h3:after, .link-block:active h4:after, .link-block:active h5:after, .link-block:active h6:after {
  background: red;
}

.gallery-item {
  vertical-align: top;
}
.gallery {
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
}
.gallery .gallery-item-simple {
  display: inline-block;
  position: relative;
}
.gallery .link-block h2 {
  display: block;
}
.gallery .pager {
  grid-column-start: 1;
  grid-column-end: -1;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.notification:after {
  content: attr(title);
  font-size: 0.8em;
  position: absolute;
  margin-top: -0.325em;
  background-color: #362009;
  margin-left: 0.164em;
  padding: 0.075em;
  border-radius: 1.25em;
  width: 1.25em;
  line-height: 1.25em;
  display: inline-block;
  text-align: center;
}

hr {
  border-top: 0.41em solid #b4251c;
}

ul, ol {
  padding-left: 2em;
}

button {
  background: inherit;
  color: inherit;
  font-size: inherit;
}
button:hover {
  cursor: pointer;
}

label[for=password]:after {
  content: attr(data-passwordStrength);
  display: block;
}

meter {
  border: 2px solid #8f6c2c;
  box-shadow: 0px 0px 2px 1px #000000;
  padding: 0 0;
  border-radius: 3px;
  width: 100%;
  min-height: 1.25em;
  background: #8f6c2c;
}
meter::first-letter {
  padding-left: 1em;
}
meter::-webkit-meter-bar {
  background: #8f6c2c;
}
meter::-moz-meter-bar {
  background: #8f6c2c;
  background: #431f07;
}
meter::-webkit-meter-optimum-value {
  background: #431f07;
}

.error-message {
  font-family: Georgia, serif;
  font-weight: bold;
  color: red;
}

.spamtrap {
  display: none;
}

.btn, button, .edit-link a {
  border: 2px solid #8f6c2c;
  box-shadow: 0px 0px 2px 1px #000000;
  padding: 5px 7px;
  border-radius: 3px;
  background-color: #431f07;
  background: linear-gradient(to bottom, #431f07, #683b15);
  font-size: 1.25em;
  padding: 0.328em 0.328em 0.2624em 0.328em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  font-size: inherit;
  color: #fff;
  display: inline-block;
  margin-right: 1em;
}
.btn a, button a, .edit-link a a {
  color: inherit;
}
.btn a img, button a img, .edit-link a a img {
  margin-left: 5%;
  margin-right: 10%;
  vertical-align: middle;
}
.btn:last-child, button:last-child, .edit-link a:last-child {
  margin-right: 0;
}
.btn:hover, .btn:focus, button:hover, button:focus, .edit-link a:hover, .edit-link a:focus {
  border-color: #af8a49;
  background: #683b15;
}
.btn:hover, .btn:focus, .btn a:hover, .btn a:focus, button:hover, button:focus, button a:hover, button a:focus, .edit-link a:hover, .edit-link a:focus, .edit-link a a:hover, .edit-link a a:focus {
  text-decoration: none;
  cursor: pointer;
}
.btn:active, button:active, .edit-link a:active {
  border: 2px solid #8f6c2c;
  background: #442409;
}
.btn:active, .btn a:active, button:active, button a:active, .edit-link a:active, .edit-link a a:active {
  color: #e42b1d;
}

.edit-link a {
  margin-top: 0;
  margin-bottom: 0;
}

.social {
  min-height: 55px;
}
.social .fb-like {
  display: block;
}

body > footer {
  position: relative;
  clear: both;
  background-color: #251604;
  background-color: hsla(33, 80%, 8%, 0.95);
  box-shadow: 0 0 8px #333333;
  border-top: 2px groove #fff;
}

.clearfix {
  clear: both;
}

.pager {
  padding: 1px 0 0 0;
}
.pager ol {
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #431f07;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  display: block;
}
.pager ol > * {
  position: relative;
}
.pager ol:before, .pager ol:after {
  z-index: -1;
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, #431f07, #683b15);
  height: 100%;
  width: 100%;
  transform-origin: 0%, 0%;
  border-top: 2px solid #8f6c2c;
  border-bottom: 2px solid #8f6c2c;
  top: -2px;
}
.pager ol:before {
  box-shadow: 2px 2px 0px 0 #362009,2px -2px 0px 0 #362009,-2px 2px 0px 0 #362009,-2px -2px 0px 0 #362009;
  border: 2px solid #8f6c2c;
}
.pager ol:after {
  display: none;
}
.pager li {
  display: inline-block;
  line-height: 1.5;
  list-style: none;
}
.pager li:after {
  right: -2px;
  border-left: 2px solid #8f6c2c;
  box-shadow: -2px 0 0px 0 #362009;
  margin-right: 8px;
  transform: skew(25deg);
  transform-origin: 0%, 0%;
  position: relative;
  content: "|";
  display: inline-block;
  color: transparent;
  width: 0.3125em;
}
.pager li a {
  padding: 0 0.512em;
  display: inline-block;
  line-height: 1.5;
}
.pager li.currentPage a {
  text-decoration: underline;
  color: #fff;
}
.pager li:first-child a {
  padding-left: 0.64em;
}

.action-buttons a, .action-buttons button, .action-buttons .edit-link, .action-buttons .btn {
  margin-top: 0;
  margin-bottom: 0;
}
.action-buttons .edit-link, .action-buttons .btn {
  display: inline-block;
  margin-right: 1em;
}
.action-buttons .edit-link:last-child, .action-buttons .btn:last-child {
  margin-right: 0;
}

input[required] {
  transition: 0.3s border-bottom ease-in-out;
}
input[required]:invalid:not([type=radio]) {
  border-bottom: 0.25em red ridge;
  border-bottom-style: solid;
}
input[required][type=radio] + span:before {
  content: "*";
  color: transparent;
}
input[required][type=radio]:invalid + span:before {
  content: "*";
  color: red;
}
input[required]:valid {
  border-bottom: 0.25em red ridge;
  border-bottom-color: transparent;
  border-bottom-style: solid;
}

input[type=file] {
  padding-left: 0;
  display: block;
  background-color: transparent;
}

textarea#tags {
  display: block;
}

.tag-list {
  list-style: none;
}
.tag-list li a:last-child {
  position: absolute;
  margin-top: -0.35em;
  background-color: #362009;
  margin-left: 0.164em;
  padding: 0.1em;
  border-radius: 1.25em;
  width: 1.25em;
  line-height: 1.25em;
  display: inline-block;
  text-align: center;
}

.semi-sparse-page main {
  padding-right: 0;
  padding-left: 0;
  padding-top: 0;
}

.nsfw {
  color: red;
  font-style: italic;
  text-shadow: 1px 1px 0px black;
}

.collapsed, .uncollapsed {
  overflow-y: hidden;
}
.collapsed .c-target, .uncollapsed .c-target {
  transition: 0.3s height ease;
  padding-left: 0;
  padding-right: 0;
}

.collapsed .c-target {
  height: 0 !important;
}

blockquote {
  font-family: ArchitectsDaughter;
  float: right;
  position: relative;
  margin-bottom: 16px;
  margin-right: 16px;
  padding: 0 23px 14px 35px;
  max-width: 300px;
  line-height: 23px;
  color: #333;
  background-color: #fef9b2;
  background-image: linear-gradient(#FEF790 1px, transparent 1px), linear-gradient(#FEF8A1 1px, transparent 1px), linear-gradient(#FEF67F 1px, transparent 1px);
  background-size: 1px 1px, 1px 1px, 23px 23px;
  background-repeat: repeat-y, repeat-y, repeat;
  background-position: 22px 0, 24px 0, 0 50px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 4px rgba(0, 0, 0, 0.5);
}
blockquote:before {
  position: relative;
  margin: 0 -23px 14px -35px;
  height: 38px;
  height: 29px;
  background: #14466a;
  border-radius: 2px 2px 0 0;
  background-image: linear-gradient(to bottom, #964720, #51240a);
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.4), 0 0 0 1px rgba(0, 0, 0, 0.5), 0 1px black;
  line-height: 36px;
  font-size: 14px;
  color: white;
  text-align: center;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.7);
  content: "Quote";
  font-family: serif;
  font-weight: bold;
  display: block;
  border-top: #ac552c 1px solid;
  margin-bottom: 27px;
}

/*
kbd, samp, code, var {
	font-family: monospace;
}*/
table {
  background-color: #63431d;
  background-color: hsla(33, 55%, 25%, 0.9);
  border: 2px solid #362009;
  border-collapse: collapse;
  text-align: left;
  table-layout: fixed;
  width: 100%;
}
table img {
  height: auto;
  width: auto;
  vertical-align: bottom;
}

thead {
  border-bottom: 0.41em solid #e42b1d;
}

tbody {
  border-left: 2px solid #362009;
  border-right: 2px solid #362009;
  border-bottom: 2px solid #362009;
}

td {
  margin: 0px;
  color: black;
  border-bottom: 2px groove #fff;
  overflow: hidden;
  text-overflow: ellipsis;
}
td:first-child {
  white-space: normal;
  border-right: 2px solid #8f6c2c;
}

.forum-topic-list td {
  white-space: nowrap;
}
.forum-topic-list td a {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.forum-topic-list td:first-child {
  text-align: center;
}
.forum-topic-list td:first-child a {
  display: inline;
}
.forum-topic-list td:first-child * {
  vertical-align: middle;
}
.forum-topic-list th:nth-child(0n+2) {
  width: 40%;
}
.forum-topic-list th:nth-child(0n+3), .forum-topic-list td:nth-child(0n+3) {
  text-align: center;
}
.forum-topic-list th:nth-child(0n+4) {
  width: 15%;
}

.merch-image {
  max-width: 100%;
}

#hide-nav {
  display: none;
}

#show-nav {
  border: none;
  margin: 0;
  position: relative;
  background-color: #431f07;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  position: fixed;
  left: calc(-2px / 2);
  top: -2px;
  z-index: 9999;
  font-size: 1.25em;
}
#show-nav > * {
  position: relative;
}
#show-nav:before, #show-nav:after {
  z-index: -1;
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, #431f07, #683b15);
  height: 100%;
  width: 100%;
  transform-origin: 0%, 0%;
  border-bottom: 2px solid #8f6c2c;
  top: 0;
}
#show-nav:before {
  transform-origin: 0%, 100%;
  box-shadow: 2px 2px 0px 0 #362009;
  transform: skew(-25deg);
  border-right: 2px solid #8f6c2c;
}
#show-nav:after {
  left: -2px;
  z-index: -2;
}
#show-nav:hover + nav, #show-nav:focus + nav, #show-nav:active + nav {
  left: 0;
}
#show-nav:hover + nav + #hide-nav, #show-nav:focus + nav + #hide-nav, #show-nav:active + nav + #hide-nav {
  position: fixed;
  top: 0;
  right: 0;
  border: none;
  background: none;
  margin: 0;
  width: 100%;
  height: 100%;
  z-index: 9998;
  display: block;
}

nav.global {
  position: absolute;
  position: fixed;
  top: 0px;
  left: 0;
  z-index: 10;
  background-color: #63431d;
  background-color: hsla(33, 55%, 25%, 0.9);
  border: 2px solid #362009;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  box-sizing: border-box;
  z-index: 10000;
  max-width: 75%;
}
nav.global ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav.global:hover, nav.global:focus, nav.global:active {
  left: 0;
}

#navblock { /* Lvl 1 */ }
#navblock > li > h2:after {
  z-index: -1;
}
#navblock > li > ul {
  font-size: 1em;
}
#navblock > li:last-child > ul {
  margin-bottom: 0;
}

#userblock-contents h2 {
  text-align: center;
  font-size: 1.563em;
  line-height: 1;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
  position: relative;
  display: table;
  color: #e8db9c;
  z-index: 1;
  margin-top: 0;
  line-height: 1.25;
  display: block;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
}
#userblock-contents h2 a {
  position: relative;
  display: block;
  color: inherit;
  padding-right: 0;
  padding-left: 0;
}
#userblock-contents h2 a:hover, #userblock-contents h2 a:focus {
  text-decoration: none;
  color: #fff1b0;
}
#userblock-contents h2:hover {
  color: #fff1b0;
}
#userblock-contents h2:hover:after {
  background: red;
}
#userblock-contents h2:after {
  content: "";
  background-color: #b4251c;
  background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
  height: 0.256em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  transform: skew(-25deg);
  z-index: -1;
}
#userblock-contents li {
  hyphens: manual;
}
#userblock-contents li:last-child {
  margin-right: 0;
}
#userblock-contents.loggedout li {
  margin-top: 0;
  margin-bottom: 0;
}
#userblock-contents button {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0.64em;
}
#userblock-contents.loggedin li {
  margin: 0;
  display: inline;
}
#userblock-contents.loggedin li#logout-wrapper + li:after {
  content: " • ";
}

#logout-wrapper {
  float: left;
}

#navLogin label {
  display: flex;
  justify-content: space-between;
}
#navLogin label span {
  min-width: 2.25em;
  margin-right: 0.512em;
  flex-shrink: 0;
}
#navLogin input {
  margin-bottom: 0.5em;
  vertical-align: baseline;
  display: block;
  width: 100%;
}
#navLogin input[required] {
  border: none;
}
#navLogin input[required]:after {
  content: none;
}

#pm-notice {
  font-weight: bold;
}

#navbarclaimer {
  height: 47px;
  background-color: pink;
}

#cr-nav-tag {
  background-color: #534d97;
}

#upload-link {
  float: left;
}

.imagelist-stats {
  display: inline-table;
  width: auto;
}

#image-list {
  clear: both;
  width: auto;
}

.pixelart {
  image-rendering: -moz-crisp-edges;
  image-rendering: crisp-edges;
  -ms-interpolation-mode: nearest-neighbor;
}

/*
main > img, div > img {
	display: block;
	float: left;
	//clear: none;
	wrap-flow: both;
	-moz-wrap-flow: both;
}*/
#page-stats div {
  display: inline-block;
}

#sidebar {
  padding-bottom: 0;
  flex-shrink: 0;
  text-align: center;
}
#sidebar ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#sidebar h1, #sidebar h2, #sidebar h3 {
  font-weight: normal;
  margin: 0;
}

.twitter-widget .sidebar-content {
  text-align: center;
  height: 604px;
  overflow: hidden;
  padding-right: 0;
}

.sidebar-item {
  vertical-align: top;
  text-align: left;
}
.sidebar-item > h2 {
  position: relative;
  background-color: #431f07;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  left: 4px;
}
.sidebar-item > h2 > * {
  position: relative;
}
.sidebar-item > h2:before, .sidebar-item > h2:after {
  z-index: -1;
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, #431f07, #683b15);
  height: 100%;
  width: 100%;
  transform-origin: 0%, 0%;
  border-top: 2px solid #8f6c2c;
  top: 0;
}
.sidebar-item > h2:before {
  box-shadow: 2px -2px 0px 0 #362009;
  transform: skew(25deg);
  border-right: 2px solid #8f6c2c;
}
.sidebar-item > h2:after {
  box-shadow: -2px -2px 0px 0 #362009;
  left: -2px;
  z-index: -2;
  border-left: 2px solid #8f6c2c;
}

.sidebar-content {
  background-color: #63431d;
  background-color: hsla(33, 55%, 25%, 0.9);
  border: 2px solid #362009;
  position: relative;
  z-index: 1;
}

.important-dates {
  padding-top: 6px;
  padding-bottom: 10px;
}

.sidebar-inner-content li {
  padding-bottom: 20px;
}

.sidebar-inner-content li:last-child {
  padding-bottom: 0px;
}

.sidebar-inner-content li h3 {
  font-size: 1.4em;
}

.social-icons li img {
  float: left;
  margin-right: 16px;
}

.affiliate img {
  display: block;
}

.affiliates-row {
  clear: both;
}

.affiliates-row img {
  width: 49%;
  padding-right: 1%;
}

.affiliates-row img:last-child {
  padding-left: 1%;
  padding-right: 0;
}

.sprite-scene {
  image-rendering: -o-crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -webkit-crisp-edges;
  image-rendering: crisp-edges;
  position: relative;
  font-size: 13px;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
.sprite-scene img {
  position: absolute;
  margin: 0;
  padding: 0;
}
.sprite-scene > * {
  width: auto;
}

.sprite-scene-defenseBench .sprite-scene-overlay {
  top: unset;
  left: 0;
  bottom: 0;
}

.sprite-scene-prosecutionBench .sprite-scene-overlay {
  top: unset;
  left: unset;
  right: 0;
  bottom: 0;
}

.sprite-scene-witnessStand .sprite-scene-overlay {
  top: unset;
  left: 15.234375%;
  bottom: 0;
}

.sprite-scene .evidence-icon {
  top: 1.5625%;
  right: 1.171875%;
}

.sprite-scene.sprite-scene-prosecutionBench .evidence-icon {
  top: 1.5625%;
  left: 1.171875%;
  right: unset;
}

.sprite-scene-messagebox {
  margin-top: -31.25%;
  position: relative;
}

.sprite-scene-nametag {
  line-height: 12px;
  border: 2px ridge hsla(0, 0%, 100%, 0.75);
  background-color: hsla(235, 50%, 34%, 0.75);
  display: inline-block;
  position: relative;
  bottom: -2px;
}

.sprite-scene-textbox {
  margin: 0;
  min-height: 48px;
  border: 2px ridge hsla(0, 0%, 100%, 0.75);
  background-color: hsla(0, 0%, 15%, 0.75);
  padding-top: 7px;
  padding-bottom: 5px;
}

.sprite-scene.poll-prompt {
  height: auto;
}
.sprite-scene.poll-prompt .sprite-scene-background {
  position: static;
}

.ds-screen {
  height: 192px;
  width: 256px;
}
.ds-screen .sprite-scene-background, .ds-screen .sprite-scene-character {
  height: 100%;
}
.ds-screen.sprite-scene-defenseBench .sprite-scene-overlay, .ds-screen.sprite-scene-prosecutionBench .sprite-scene-overlay {
  height: 22.9166666667%;
}
.ds-screen.sprite-scene-witnessStand .sprite-scene-overlay {
  height: 17.7083333333%;
}
.ds-screen.sprite-scene-prosecutionBench .evidence-icon {
  height: 33.3333333333%;
}

/* Casemaker */
.casemaker {
  background-color: #0063be;
  background-image: url(images/patterns/blueprintgrid.png);
  border: solid 4px white;
  color: white;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px;
  font-family: monospace;
  font-size: 2em;
}
.casemaker a:link, .casemaker a:visited {
  text-decoration: underline;
  color: yellow;
}
.casemaker dl {
  display: inline-block;
  border: solid 2px white;
  border-right: none;
  padding: 20px;
  background-color: rgba(0, 84, 163, 0.59);
  float: right;
  margin-left: 20px;
  margin-right: -20px;
  margin-top: -11px;
}
.casemaker h1 {
  font-family: Bobbieshand, cursive;
  text-align: center;
}
.casemaker h1 a:link, .casemaker h1 a:visited {
  text-decoration: underline;
  color: white;
  text-shadow: none;
}
.casemaker:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.casemaker #comments form:before {
  background-image: url(images/to-sprite/blueprint.png);
  width: 347px;
  height: 308px;
  content: "";
  display: block;
  position: absolute;
  right: 50em;
}
.casemaker #comments form > div:after {
  display: block;
  background-image: url(images/to-sprite/protractor.png);
  width: 337px;
  height: 267px;
  position: absolute;
  content: "";
}

#forum_banner {
  background-image: url(images/forum/23-AA_Origins/Court.png);
  background-position: center center;
  border: 2px groove #fff;
  height: 192px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
#forum_banner .main-title, #forum_banner label[for=profile], #forum_banner .characteristics legend, .characteristics #forum_banner legend, #forum_banner .characters-characterList h2, .characters-characterList #forum_banner h2, #forum_banner .searchWrapper .gameButtons button, .searchWrapper .gameButtons #forum_banner button, #forum_banner .tag-heading, #forum_banner .character-animation h2, .character-animation #forum_banner h2, #forum_banner .fanfic-chapter-body h2, .fanfic-chapter-body #forum_banner h2, #forum_banner #fanfic-title, #forum_banner main > header h1, main > header #forum_banner h1, #forum_banner main > header h2, main > header #forum_banner h2, #forum_banner main > header h3, main > header #forum_banner h3, #forum_banner .gallery h2, .gallery #forum_banner h2 {
  display: inline-block;
}

#forum_right {
  background-image: url(images/forum/23-AA_Origins/right.png);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: 100% 100%;
  background-size: auto 100%;
}

#forum_left {
  background-image: url(images/forum/23-AA_Origins/left.png);
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: auto 100%;
}

.forum-list-read .forum-list-unreadcount {
  color: gray;
}

.post .post-title + .bbcode {
  padding-top: 0;
}
.post > time {
  position: relative;
  background-color: #431f07;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  z-index: 1;
  display: inline-block;
  overflow: visible;
}
.post > time > * {
  position: relative;
}
.post > time:before, .post > time:after {
  z-index: -1;
  content: "";
  position: absolute;
  background: linear-gradient(to bottom, #431f07, #683b15);
  height: 100%;
  width: 100%;
  transform-origin: 0%, 0%;
  border-bottom: 2px solid #8f6c2c;
  top: 0;
}
.post > time:before {
  transform-origin: 0%, 100%;
  box-shadow: -2px 2px 0px 0 #362009;
  right: -2px;
  transform: skew(25deg);
  border-left: 2px solid #8f6c2c;
}
.post > time:after {
  right: calc(-2px / 2);
}

.post.rank-10 time {
  font-family: "Digit", "OCR A", "Courier New", "monospace";
}

.post-main {
  position: relative;
  z-index: 1;
}

.post-body, .newspost-body {
  overflow: hidden;
}
.poster-wrapper {
  border: 2px groove #fff;
  position: relative;
}

.post-body .poster-wrapper, .newspost-body .poster-wrapper {
  border-left: none;
  border-top: none;
}

.poster-info, #character-sidebar {
  border: none;
  border-style: solid;
  background-color: #87AB8F;
  color: black;
  border-color: #757762;
  overflow: auto;
}

.poster-name {
  vertical-align: top;
}
.poster-name a {
  font-weight: bold;
  display: block;
  text-align: center;
  background-color: #293430;
}

.user-details {
  border-top: 0.25em solid #fff;
}
.user-details > * {
  display: table;
}
.user-details > *:last-child {
  margin-bottom: 0;
}

.topic-poster .user-details {
  border-top-color: #e42b1d;
}

.poster-info .avatar, #character-sidebar .avatar {
  display: block;
  vertical-align: bottom;
  position: relative;
  float: left;
  background: no-repeat gray;
  max-width: 6.25em;
  margin-left: auto;
  margin-right: auto;
}

.forum-topic-conversation {
  padding-left: 0;
  padding-right: 0;
}

.forum-topic-actions {
  float: right;
}
.forum-topic-actions .btn {
  margin-top: 0;
}
.forum-topic-actions form {
  border: 2px solid #8f6c2c;
  box-shadow: 0px 0px 2px 1px #000000;
  padding: 5px 7px;
  border-radius: 3px;
  background-color: #431f07;
  background: linear-gradient(to bottom, #431f07, #683b15);
  font-size: 1.25em;
  padding: 0.328em 0.328em 0.2624em 0.328em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  font-size: inherit;
  color: #fff;
  display: inline-block;
  margin-right: 1em;
}
.forum-topic-actions form a {
  color: inherit;
}
.forum-topic-actions form a img {
  margin-left: 5%;
  margin-right: 10%;
  vertical-align: middle;
}
.forum-topic-actions form:last-child {
  margin-right: 0;
}
.forum-topic-actions form:hover, .forum-topic-actions form:focus {
  border-color: #af8a49;
  background: #683b15;
}
.forum-topic-actions form:hover, .forum-topic-actions form:focus, .forum-topic-actions form a:hover, .forum-topic-actions form a:focus {
  text-decoration: none;
  cursor: pointer;
}
.forum-topic-actions form:active {
  border: 2px solid #8f6c2c;
  background: #442409;
}
.forum-topic-actions form:active, .forum-topic-actions form a:active {
  color: #e42b1d;
}
.forum-topic-actions form button {
  border: none;
  box-shadow: none;
  padding: 0;
  background: none;
  margin: 0;
}

.forum-actions button {
  margin-top: 0;
  margin-bottom: 0;
}

.poster-title {
  font-style: italic;
}

.signature .bbcode {
  padding: 0;
  overflow: hidden;
  max-width: 37.5em;
  max-height: 13.75em;
}

textarea#signature {
  width: 37.5em;
  height: 13.75em;
}

.post .signature {
  margin-bottom: 0;
}

.hr-sig {
  margin-bottom: 0;
}

.stickybreaker {
  border-top: 0.41em solid #e42b1d;
  border-top-color: #b4251c;
}

#fanfic-page header {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
#fanfic-page footer {
  border-top: 0.41em solid #b4251c;
  padding-top: 0;
  padding-bottom: 0;
}
#fanfic-page footer > * {
  padding: 0;
}

#fanfic-summary form {
  display: inline;
}

#stats {
  float: right;
}
#stats span {
  margin-top: 0;
  margin-bottom: 0;
}
#stats form {
  display: inline;
}
#stats form button {
  margin-top: 0;
  margin-bottom: 0;
}

#fanart-info .btn {
  margin-top: 0;
  margin-bottom: 0;
}

.fanart-img {
  text-align: center;
  border-bottom: 0.41em solid #b4251c;
}
.fanart-img img {
  border: none;
}

.description {
  text-align: left;
}

.episode-details {
  margin-top: 1em;
}

.episode-poster img {
  display: block;
}
.episode-poster img + img {
  margin-top: 32px;
}

form[action^="/episodes"], form[action^=episodes] {
  display: inline-block;
  text-align: right;
}
form[action^="/episodes"] textarea:last-of-type::after, form[action^=episodes] textarea:last-of-type::after {
  content: "Dance Dance REVELATION";
  display: block;
  margin-top: 1em;
  background-color: aqua;
  height: 1em;
}
form[action^="/episodes"] label, form[action^=episodes] label {
  vertical-align: top;
  text-align: right;
}
form[action^="/episodes"] label:after, form[action^=episodes] label:after {
  content: ": ";
  vertical-align: top;
}
form[action^="/episodes"] label:before, form[action^=episodes] label:before {
  content: "";
  display: block;
  margin-top: 1em;
}
form[action^="/episodes"] input, form[action^="/episodes"] textarea, form[action^="/episodes"] select, form[action^=episodes] input, form[action^=episodes] textarea, form[action^=episodes] select {
  width: 5in;
}
form[action^="/episodes"] textarea, form[action^=episodes] textarea {
  height: 2in;
}

#characterPage {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 0.5fr 0.5fr 0.2fr;
}

#characterPage > h2 {
  grid-row: 1;
  grid-column: 1/4;
  height: fit-content;
  width: 50%;
}

#character-sidebar {
  grid-column: 6/7;
  grid-row: 1;
  max-height: 80%;
  overflow-wrap: break-word;
  hyphens: auto;
}
#character-sidebar .link {
  background-color: #293430;
  margin: 0;
  font-size: 1.563em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
}
#character-sidebar:hover .link {
  text-decoration: underline;
}

#profile-icons {
  background-color: #293430;
  text-align: center;
  color: #fff;
  display: flex;
  flex-wrap: wrap;
}
#profile-icons h2 {
  flex-basis: 100%;
  margin-bottom: 1.25%;
}
#profile-icons img {
  margin-left: auto;
  margin-right: auto;
}

.evidence-icon[height="64"][width="64"] {
  background-color: #7b7b7b;
  border: 2px groove #fff;
  border-radius: 3px;
}

#character-details {
  border-top: 2px groove #fff;
  border-top-style: ridge;
  background-color: #87AB8F;
}
#character-details #character-names {
  display: flex;
  flex-direction: column;
}
#character-details > *:last-child {
  margin-bottom: 0;
}

#character-full-profile {
  grid-column: 6;
  grid-row: 2;
  background-color: white;
  border: 2px solid #8f6c2c;
}

dt:after {
  content: ":";
  margin-right: 0.5em;
}

dd:after {
  clear: both;
  content: "";
}

dd, dt {
  display: block;
}

dt {
  float: left;
  font-weight: bold;
}

#character-profile {
  grid-row: 1;
  grid-column: 1/6;
  margin-top: 5%;
  width: 90%;
  height: fit-content;
}

.charanim-editpreview {
  background: gray;
}

.character-animation img {
  border: none;
  box-shadow: none;
}
.character-animation img + img {
  margin-left: 1em;
}

.tag-heading {
  width: 80%;
}

.clearfix {
  display: none;
}

#character-animationsButton {
  grid-column: 6/7;
  grid-row: 1;
  margin-top: 140%;
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  height: fit-content;
  text-align: center;
  max-height: 15%;
}

.character-relations,
.character-nicknames {
  grid-row: 2;
  max-width: 100%;
}

.character-relations > thead > tr,
.character-nicknames > thead > tr {
  height: 12.5%;
}

.character-relations {
  grid-column: 1/3;
}

.character-nicknames {
  margin-left: 3.052em;
  grid-column: 3/5;
}

.tag-container {
  padding: 0;
  grid-row: 3;
  grid-column: 1;
}

.tag-list {
  border: solid 1px black;
  background-color: rgba(0, 0, 0, 0.45);
  height: fit-content;
  padding-left: 5%;
  padding-top: 10%;
  padding-bottom: 10%;
}

div[rel=edit-form] {
  grid-row: 1;
  grid-column: 3;
  width: 100%;
  height: fit-content;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 1;
}

div[rel=edit-form] > a {
  display: block;
  width: 100%;
}

.character-animation {
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 1.25%;
}

.character-animation .img-box, .character-animation #book-page img, #book-page .character-animation img, .character-animation .soundtrack figure img, .soundtrack figure .character-animation img, .character-animation .registerForm-wrapper.poster-wrapper .poster-info:before, .registerForm-wrapper.poster-wrapper .character-animation .poster-info:before, .character-animation .registerForm-wrapper.poster-wrapper #character-sidebar:before, .registerForm-wrapper.poster-wrapper .character-animation #character-sidebar:before, .character-animation .gallery-item img, .gallery-item .character-animation img, .character-animation .poster-info .avatar, .poster-info .character-animation .avatar, .character-animation .fanart-img img, .fanart-img .character-animation img, .character-animation .episode-poster img, .episode-poster .character-animation img, .character-animation #character-sidebar .avatar, #character-sidebar .character-animation .avatar {
  margin-top: 1.25%;
}

.character-animation > [id^=animgroup] {
  /*Always give new sections full-width in parent container*/
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 1.25%;
}

.character-animation > [id^=animgroup] > h2 {
  width: 50%;
  flex-basis: 50%;
}

.character-animation > [id^=animgroup] > button {
  max-width: fit-content;
  flex-basis: 50%;
  right: 0;
  margin-left: auto;
}

.character-animation > .collapsed > .c-target {
  visibility: hidden;
  margin-top: 0 !important;
}

.character-animation > [id^=animgroup] > .c-target {
  flex-basis: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.25%;
  column-gap: 1.25%;
}

.character-animation > [id^=animgroup] > .c-target {
  margin-top: 1.25%;
}

#characters {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 0.1fr 1fr;
}

.searchWrapper {
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: -1;
  margin-bottom: 5%;
  background-color: #793104;
  border: 2px solid #8f6c2c;
  border-color: #8f6c2c;
  display: grid;
  grid-template-columns: 0.5fr 1fr 0.5fr;
  grid-template-rows: 1fr 1fr;
}
.searchWrapper #new-character-link {
  grid-row: 2;
  grid-column: 1/3;
  max-width: 25%;
  font-size: 1.25em;
  padding: 0.328em 0.328em 0.2624em 0.328em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
}
.searchWrapper #charactersSearch {
  width: 100%;
  grid-row: 2;
  grid-column: 2/4;
  display: flex;
  justify-content: end;
}
.searchWrapper #charactersSearch #search {
  flex-basis: 40%;
  max-width: 250px;
  height: fit-content;
  align-self: center;
  margin-right: 2.5%;
}
.searchWrapper #charactersSearch button[name=btn] {
  flex-basis: 20%;
}
.searchWrapper .gameButtons {
  margin-left: -1.25em;
  margin-right: -1.25em;
  grid-row: 1;
  grid-column: 1/4;
  display: flex;
  justify-content: stretch;
}
.searchWrapper .gameButtons button {
  margin: 0;
  flex-basis: 16.67%;
  background-size: cover;
  background-color: linear-gradient(to bottom, #431f07, #683b15);
}
.searchWrapper .gameButtons button ::after {
  all: unset;
}
.searchWrapper .gameButtons :nth-child(2) {
  background-image: url("images/charBtns/AATrilogy.jpg");
}
.searchWrapper .gameButtons :nth-child(3) {
  background-image: url("images/charBtns/AJTrilogy.jpg");
}
.searchWrapper .gameButtons :nth-child(4) {
  background-image: url("images/charBtns/AAICollection.jpg");
}
.searchWrapper .gameButtons :nth-child(5) {
  background-image: url("images/charBtns/TGAAChronicles.jpg");
}
.searchWrapper .gameButtons :nth-child(6) {
  background-image: url("images/charBtns/PWvPL.jpg");
}

.characters-characterList {
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: -1;
  column-gap: 1.25em;
  row-gap: 0.5em;
  margin: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(18em, 1fr));
}
.characters-characterList .gallery-item-simple {
  display: inline-block;
  position: relative;
}
.characters-characterList .link-block h2 {
  display: block;
}

.characters-characterList > .gallery-item-simple > .profile-icon {
  margin: 0;
}

.characters-characterList > li ~ hr {
  grid-column-start: 1;
  grid-column-end: -1;
}

.characterForm {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 1fr 1fr 0.1fr 0.25fr;
  row-gap: 2.5%;
}

/* Styles for first section: Characteristics & Tags */
.characteristics {
  height: 90%;
  grid-row: 1;
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
}
#names {
  display: flex;
  flex-direction: column;
}

#names label, #names input {
  width: 70%;
}

#gender-option {
  display: flex;
  flex-wrap: wrap;
  width: 70%;
  margin-top: 2.5%;
  font-size: 24px;
}

#gender-option label {
  flex-basis: 75%;
}

#gender-option input {
  flex-basis: 25%;
  margin-bottom: 2.5%;
}

label[for=height] {
  margin-top: 2.5%;
  width: 15%;
}

#height {
  width: 15%;
}

label[for=tags] {
  grid-row: 1;
  grid-column: 5/7;
  height: 100%;
  width: 100%;
  text-align: center;
}

#tags {
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  height: 50%;
  width: 50%;
}

/* Styles for second box: Image upload */
.characterForm > .imageField {
  width: 80%;
  height: 90%;
  margin-left: 5%;
  grid-row: 1;
  grid-column: 3/5;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 0.8fr;
}

.characterForm > .imageField > .imageFieldPreview {
  grid-row: 1;
  grid-column: 1;
  margin-left: auto;
  margin-right: auto;
  margin-top: auto;
  margin-bottom: auto;
}

.characterForm > .imageField > .imageField-limits {
  grid-row: 1;
  grid-column: 2;
  margin-top: auto;
  margin-bottom: auto;
}

.characterForm > .imageField > #fullProfile {
  grid-row: 2;
  grid-column: 1/3;
  height: fit-content;
  margin-top: auto;
}

.characterForm > .imageField > label[for=fullProfile-name] {
  grid-row: 2;
  grid-column: 1/3;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.characterForm > .imageField > #fullProfile-name {
  grid-row: 2;
  grid-column: 1/3;
  height: fit-content;
  width: 60%;
  margin-top: 10%;
  margin-left: auto;
  margin-right: auto;
}

/* Styles for third section: Profile description editor */
label[for=profile] {
  grid-row: 2;
  grid-column: 1/4;
  height: fit-content;
}

#profile {
  margin-top: 2.5%;
  grid-row: 2;
  grid-column-start: 1;
  grid-column-end: -1;
  height: 95%;
}

.profileEditor {
  grid-row: 3;
  grid-column: 3/5;
  display: flex;
  justify-content: space-evenly;
}

/* Styles for fourth section: Submit buttons */
.submitButton {
  grid-row: 4;
}

.submitButton:first-of-type {
  grid-column: 2/4;
}

.submitButton:last-of-type {
  grid-column: 4/6;
}

/* Styles for last section: Preview 
   These styles were nabbed from charPage.php,
   though with minor edits */
.preview {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 0fr 1fr 1fr 0fr;
}

.preview > h1 {
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: -1;
}

.preview > h2 {
  grid-row: 2;
  grid-column: 1/4;
  height: fit-content;
  width: 100%;
}

.message-form .bbtoolbar button {
  margin-top: 0;
  margin-bottom: 0;
}
.message-form > label {
  display: block;
}
.message-form > label input[type=text] {
  display: block;
  width: 100%;
}
.message-form textarea {
  width: 100%;
}
.message-form #helpbox {
  display: block;
  min-height: 1.25em;
}

select {
  display: block;
}

#imageField-upload {
  margin-bottom: 0;
}

.bbcode img {
  width: auto;
  max-width: 100%;
  height: auto;
}
.bbcode .bbcode-quote {
  padding-top: 0;
  padding-bottom: 0;
}
.bbcode .code .codetop {
  border-bottom: 0.41em solid #b4251c;
}
.bbcode .code .codemain {
  font-family: monospace;
  background-color: #262626;
  color: white;
  white-space: pre;
  padding-top: 1em;
  padding-bottom: 1em;
}

.bbcode-quote .bbcode-quote-body {
  position: relative;
  box-shadow: 1px 0px 1px black, -1px 0px 2px black, 0px 1px 1px black, -1px -1px 8px black;
  border-radius: 3px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  display: flex;
  flex-direction: column;
}
.bbcode-quote .bbcode-quote-body:before, .bbcode-quote .bbcode-quote-body:after {
  font-size: 3.052em;
  color: #b4251c;
  position: absolute;
  font-family: Arial, sans-serif;
}
.bbcode-quote .bbcode-quote-body:before {
  content: "“";
  left: 0;
  top: 0;
}
.bbcode-quote .bbcode-quote-body:after {
  content: "”";
  right: 0;
  bottom: -0.5em;
}

#game-logos {
  text-align: center;
  display: flex;
  justify-content: space-around;
}

#header-title {
  letter-spacing: 1px;
}
#header-title span {
  display: block;
}

#header-subtitle {
  margin-bottom: 0;
  text-decoration: underline;
  text-shadow: 1px 1px 0 black, -1px 1px 0 black;
}

#openingblurb {
  position: relative;
  box-shadow: 5px 10px 5px -4px rgba(0, 0, 0, 0.5);
  transform: rotate(2deg);
}
#openingblurb:after, #openingblurb:before {
  background-color: rgba(0, 0, 0, 0.15);
  width: 150px;
  height: 50px;
  content: "";
  position: absolute;
  top: 0px;
}
#openingblurb:after {
  left: -50px;
  transform: rotate(-45deg);
}
#openingblurb:before {
  right: -50px;
  transform: rotate(45deg);
}

.news-footer .btn {
  margin-top: 0;
  margin-bottom: 0;
}

#newsscroll {
  text-align: center;
  margin-bottom: 0;
  margin-left: 0;
  padding-left: 0;
  padding-right: 0;
  min-width: 50%;
}
#newsscroll > * {
  max-width: 43.75em;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}
#newsscroll > *:last-child, #newsscroll > *.clearfix {
  margin-bottom: 0;
}
#newsscroll article {
  padding-right: 0;
  padding-left: 0;
}
#newsscroll #oldnews {
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
}
#newsscroll #oldnews:before {
  content: "‹";
  font-size: 2em;
  color: inherit;
  line-height: 0.25em;
  position: relative;
  top: 0.1em;
  padding-right: 0.15em;
}

.newspost-body > div.bbcode {
  padding-left: 0;
  padding-right: 0;
}

.post-author {
  float: left;
}

.newspost-header > * {
  display: inline-block;
  position: relative;
}
.newspost-header > * > * {
  display: inline-block;
  padding: 0 0.64em;
}
.newspost-header > *:last-child > * {
  padding-right: 0;
}
.newspost-header .post-author:after {
  right: -2px;
  border-left: 2px solid #8f6c2c;
  box-shadow: -2px 0 0px 0 #362009;
  margin-right: 8px;
  transform: skew(25deg);
  transform-origin: 0%, 0%;
  position: relative;
  content: "|";
  display: inline-block;
  color: transparent;
  width: 0.3125em;
}

.registerForm-wrapper.poster-wrapper {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.registerForm-wrapper.poster-wrapper .poster-info, .registerForm-wrapper.poster-wrapper #character-sidebar {
  width: auto;
  position: relative;
}
.registerForm-wrapper.poster-wrapper .poster-info:before, .registerForm-wrapper.poster-wrapper #character-sidebar:before {
  content: "";
  top: 0;
  left: 0;
  margin-top: 0;
  width: 14.805em;
  height: 14.805em;
  float: none;
  background: image("misc/avatar-loading.png") no-repeat gray;
  background-size: 100%;
  display: block;
  position: absolute;
}

#registerForm {
  position: relative;
  overflow-y: hidden;
}
#registerForm fieldset > *:last-child {
  margin-bottom: 0;
}
#registerForm label {
  display: block;
}
#registerForm label input {
  display: block;
}
#registerForm label[for=username] {
  background-color: #293430;
  border-bottom: 2px groove #fff;
  color: #fff1b0;
  margin-top: 0;
}
#registerForm .radioset input {
  display: inline;
}

#bogoStat, label[for=bogoStat], #registerForm label[for=bogoStat] {
  display: none;
}

.pollBlock {
  max-width: 256px;
}
.pollBlock ul.poll-options {
  list-style: none;
  margin: inherit;
}
.pollBlock ul.poll-options li {
  text-align: center;
}
.pollBlock ul.poll-options li label {
  border: 2px solid #8f6c2c;
  box-shadow: 0px 0px 2px 1px #000000;
  padding: 5px 7px;
  border-radius: 3px;
  background-color: #431f07;
  background: linear-gradient(to bottom, #431f07, #683b15);
  font-size: 1.25em;
  padding: 0.328em 0.328em 0.2624em 0.328em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  font-size: inherit;
  color: #fff;
  display: inline-block;
  margin-right: 1em;
  display: block;
  margin: 0.64em 0;
  background: #683b15;
  box-shadow: none;
}
.pollBlock ul.poll-options li label a {
  color: inherit;
}
.pollBlock ul.poll-options li label a img {
  margin-left: 5%;
  margin-right: 10%;
  vertical-align: middle;
}
.pollBlock ul.poll-options li label:last-child {
  margin-right: 0;
}
.pollBlock ul.poll-options li label:hover, .pollBlock ul.poll-options li label:focus {
  border-color: #af8a49;
  background: #683b15;
}
.pollBlock ul.poll-options li label:hover, .pollBlock ul.poll-options li label:focus, .pollBlock ul.poll-options li label a:hover, .pollBlock ul.poll-options li label a:focus {
  text-decoration: none;
  cursor: pointer;
}
.pollBlock ul.poll-options li label:active {
  border: 2px solid #8f6c2c;
  background: #442409;
}
.pollBlock ul.poll-options li label:active, .pollBlock ul.poll-options li label a:active {
  color: #e42b1d;
}
.pollBlock .sprite-scene {
  overflow: visible;
  height: auto;
}
.pollBlock .sprite-scene img {
  width: 100%;
  height: auto;
}
.pollBlock input[type=radio] {
  display: none;
}
.pollBlock input[type=radio]:checked + label {
  background: #543112 !important;
  border-color: #D0AB69 !important;
}
.pollBlock button[name=voteButton] {
  border: 2px solid #8f6c2c;
  box-shadow: 0px 0px 2px 1px #000000;
  padding: 5px 7px;
  border-radius: 3px;
  background-color: #431f07;
  background: linear-gradient(to bottom, #431f07, #683b15);
  font-size: 1.25em;
  padding: 0.328em 0.328em 0.2624em 0.328em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  font-size: inherit;
  color: #fff;
  display: inline-block;
  margin-right: 1em;
  margin: 0.64em 0;
}
.pollBlock button[name=voteButton] a {
  color: inherit;
}
.pollBlock button[name=voteButton] a img {
  margin-left: 5%;
  margin-right: 10%;
  vertical-align: middle;
}
.pollBlock button[name=voteButton]:last-child {
  margin-right: 0;
}
.pollBlock button[name=voteButton]:hover, .pollBlock button[name=voteButton]:focus {
  border-color: #af8a49;
  background: #683b15;
}
.pollBlock button[name=voteButton]:hover, .pollBlock button[name=voteButton]:focus, .pollBlock button[name=voteButton] a:hover, .pollBlock button[name=voteButton] a:focus {
  text-decoration: none;
  cursor: pointer;
}
.pollBlock button[name=voteButton]:active {
  border: 2px solid #8f6c2c;
  background: #442409;
}
.pollBlock button[name=voteButton]:active, .pollBlock button[name=voteButton] a:active {
  color: #e42b1d;
}
.pollBlock .poll-result-value meter {
  display: block;
  margin: 0.15em 0 0.5em 0;
  position: relative;
}
.pollBlock .poll-result-value meter:after {
  content: attr(title);
  position: absolute;
  top: 0.164em;
  left: 0.328em;
  line-height: 1;
  font-size: 0.8em;
}

header.pm {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}

.soundtrack h2 {
  margin-top: 0;
}
.soundtrack-newcd td {
  border-top: 0.41em solid #e42b1d;
}

.hidden-image {
  display: none;
}

.file-preview img {
  float: none !important;
}

.progress {
  width: 120px;
  height: 15px;
  border: 1px solid #000;
}
.progress .js-progress {
  width: 0;
  height: 15px;
  background: #00ff00;
}

.send-pm-link > a, .user-warnings > a {
  margin-top: 0;
  margin-bottom: 0;
}

#edit-avatar img {
  display: block;
}

.signature .btn {
  float: left;
  margin-top: 0;
}

.btn.nuke, button.nuke {
  color: red;
}

.book li.gallery-item {
  list-style: none;
  display: inline-block;
}

.chapter-start {
  border: solid 2px orange;
}

#book-page {
  text-align: center;
  overflow: auto;
}
#book-page > div {
  text-align: left;
  display: inline-block;
  position: relative;
  padding: 0;
  overflow-y: hidden;
}
#book-page > a {
  display: block;
  padding: 0.64em 0;
}
#book-page img {
  border: none;
}

.book-nav {
  color: transparent;
}
.book-nav a:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 80px;
  max-width: 50%;
  display: block;
  background-repeat: no-repeat;
  background-size: 50%;
  background-color: hsla(33, 80%, 8%, 0.25);
  opacity: 0;
  transition: opacity, 0.1s, ease-in-out;
}
.book-nav a:hover:after, .book-nav a:focus:after {
  opacity: 1;
}
.book-nav .nav-next {
  float: right;
}
.book-nav .nav-next:after {
  background-image: url("images/misc/right.svg");
  background-position: 75% 50%;
  right: 0;
}
.book-nav .nav-previous:after {
  background-image: url("images/misc/left.svg");
  background-position: 25% 50%;
  left: 0;
}

main {
  padding-top: 1.563em;
  margin-bottom: 1.563em;
}

main > hr {
  margin-top: 1.563em;
  margin-bottom: 1.563em;
}

.main-spacing-start, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post .post-title, .post-body > .bbcode, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > .bbcode, .soundtrack, .book {
  padding-top: 0.512em;
}

.main-spacing-end, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post-body > *:last-child, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > *:last-child, .soundtrack, .book {
  padding-bottom: 0.41em;
}

.sidebar-item {
  padding-bottom: 1.563em;
}

#newsscroll > *, .post-main,
.pager, #game-logos, .main-spacing-outer-vertical, .main-box, .content-box, .main-box-flex, main > header, main > .action-buttons, .gallery-item, .gallery .gallery-item, .gallery .gallery-item-simple, #fanfic-page header, .fanfic-chapter-body, #episode-page, .episode-summary, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characters-characterList .gallery-item-simple, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, header.pm, .soundtrack, #rolelist, #user-info, #edit-avatar, .send-pm-link, .user-warnings, .book {
  margin-bottom: 1.563em;
}

#oldnews {
  top: calc(-1.563em / 2);
}

#newsscroll, #sidebar {
  padding-top: 3.375em;
}

#navblock > li > ul {
  margin-bottom: 0.8em;
}

ul, ol, dl, button, table, hr, select, fieldset, .btn, .user-details > *,
#registerForm label, #userblock-contents li,
.message-form > label, .imageField-limits, .main-inline-spacing-vertical, p, .gallery-item, .gallery .link-block, .social, .action-buttons, .sprite-scene.poll-prompt, .forum-topic-actions, #submitted, .fanart-img img, .characters-characterList .link-block, .bbcode-quote {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.forum-topic-actions {
  margin-top: 0;
}

#userblock-contents, .profile-icon {
  margin-bottom: 1.563em;
}

.poster-name, #character-profile,
#character-misc, #character-friendsnfamily {
  padding-bottom: 0.41em;
}

#registerForm input, #registerForm legend + label {
  margin-top: 0.205em;
}

#openingblurb, .sidebar-content,
footer, nav.global, #profile-icons,
#registerForm label[for=username] {
  padding-top: 0.512em;
  padding-bottom: 0.41em;
}

#wrapper > header {
  padding-top: 0.512em;
  padding-bottom: 0.81em;
}

td, th {
  padding-top: 0.256em;
  padding-bottom: 0.205em;
}

.forum-topic-list td {
  padding-top: 0;
  padding-bottom: 0;
}
.forum-topic-list td * {
  padding-top: 0.256em;
  padding-bottom: 0.205em;
}
.forum-topic-list td:first-child {
  padding-top: 0.256em;
  padding-bottom: 0.205em;
}
.forum-topic-list td:first-child * {
  padding-top: 0;
  padding-bottom: 0;
}

.main-title-link, main > h1, main > h2, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile],
figure, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
  margin-bottom: 0.41em;
}

#forum_banner h1 {
  margin-top: 0.41em;
}

table caption {
  margin-top: 0.512em;
  margin-bottom: 0.41em;
}

#userblock-contents h2, #character-details {
  margin-bottom: 0.41em;
}

.poster-info, #character-sidebar {
  border-top-width: 0.8em;
  border-bottom-width: 0.8em;
}

hr + .action-buttons, #helpbox {
  margin-top: 0.8em;
}

footer, main {
  padding-left: 1.25em;
  padding-right: 1.25em;
}

.sidebar-item, #newsscroll {
  margin-left: 1.25em;
  margin-right: 1.25em;
}

#gallery {
  margin-left: -1.25em;
  margin-right: -1.25em;
}

.gallery {
  column-gap: 1.25em;
}

#frontpage {
  display: flex;
}

#sidebar {
  width: 18.25em;
}

footer > *, .sidebar-content, .user-details > *, #character-details,
#registerForm > *, .episode-summary, .main-spacing-inner-horizontal, .main-box, .content-box > *, .content-box .action-buttons, .main-box-flex, main > *, main > header > *, .gallery .gallery-item, .action-buttons, .sprite-scene-nametag, .sprite-scene-textbox, .post-body > .bbcode, time.post-time, .signature, .fanfic-chapter-body, #episode-page, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode .code .codemain, .bbcode-quote .bbcode-quote-body, #header-subtitle, .newspost-body > .bbcode, .newspost-body, .soundtrack, .book {
  padding-right: 1em;
  padding-left: 1em;
}

#registerForm > button {
  margin-right: 1em;
  margin-left: 1em;
}

th, td {
  padding-left: 1em;
}
th:last-child, th:first-child, td:last-child, td:first-child {
  padding-right: 1em;
}

.forum-topic-list td {
  padding-left: 0;
  padding-right: 0;
}
.forum-topic-list td:last-child * {
  padding-right: 1em;
}
.forum-topic-list td * {
  padding-left: 1em;
}
.forum-topic-list td:first-child {
  padding-right: 1em;
  padding-left: 1em;
}
.forum-topic-list td:first-child * {
  padding-right: 0;
  padding-left: 0;
}

.profile-icon {
  margin-right: 1em;
  right: calc(-1em / 2);
}

.newspost-header {
  padding-right: 1em;
  margin-right: -1em;
}

.poster-info, #character-sidebar {
  border-left-width: 1em;
  border-right-width: 1em;
}

.twitter-share-button {
  margin-right: 1em;
}

#header-title {
  font-size: 1.953em;
  line-height: 1;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
  position: relative;
  display: table;
  color: #e8db9c;
  z-index: 1;
}
#header-title a {
  position: relative;
  display: block;
  color: inherit;
  padding-right: 0.5120327701em;
  padding-left: 0.5120327701em;
}
#header-title a:hover, #header-title a:focus {
  text-decoration: none;
  color: #fff1b0;
}
#header-title:hover {
  color: #fff1b0;
}
#header-title:hover:after {
  background: red;
}
#header-title:after {
  content: "";
  background-color: #b4251c;
  background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
  height: 0.256em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  transform: skew(-25deg);
  z-index: -1;
}

main > h1, main > h2, table caption, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile] {
  font-size: 1.563em;
  line-height: 1;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
  position: relative;
  display: table;
  color: #e8db9c;
  z-index: 1;
  padding-right: 0.6397952655em;
  padding-left: 0.6397952655em;
}
main > h1:after, main > h2:after, table caption:after, .main-title:after, main > header h1:after, main > header h2:after, main > header h3:after, .gallery h2:after, #fanfic-title:after, .fanfic-chapter-body h2:after, .character-animation h2:after, .tag-heading:after, .searchWrapper .gameButtons button:after, .characters-characterList h2:after, .characteristics legend:after, label[for=profile]:after {
  content: "";
  background-color: #b4251c;
  background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
  height: 0.256em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  transform: skew(-25deg);
  z-index: -1;
}

.header-link, .post .post-title, .episode-summary h2, .soundtrack h2 {
  font-size: 1.953em;
  line-height: 1;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
  position: relative;
  display: table;
  color: #e8db9c;
  z-index: 1;
}
.header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
  position: relative;
  display: block;
  color: inherit;
  padding-right: 0.5120327701em;
  padding-left: 0.5120327701em;
}
.header-link a:hover, .post .post-title a:hover, .episode-summary h2 a:hover, .soundtrack h2 a:hover, .header-link a:focus, .post .post-title a:focus, .episode-summary h2 a:focus, .soundtrack h2 a:focus {
  text-decoration: none;
  color: #fff1b0;
}
.header-link:hover, .post .post-title:hover, .episode-summary h2:hover, .soundtrack h2:hover {
  color: #fff1b0;
}
.header-link:hover:after, .post .post-title:hover:after, .episode-summary h2:hover:after, .soundtrack h2:hover:after {
  background: red;
}
.header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
  content: "";
  background-color: #b4251c;
  background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
  height: 0.256em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  transform: skew(-25deg);
  z-index: -1;
}
.header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
  background: #e8db9c;
  height: 0.128em;
  transform: none;
  background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
}
.header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
}

.header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
  font-size: 1.953em;
  line-height: 1;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
  position: relative;
  display: table;
  color: #e8db9c;
  z-index: 1;
  padding-right: 0.5120327701em;
  padding-left: 0.5120327701em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 700;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
}
.header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
  content: "";
  background-color: #b4251c;
  background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
  height: 0.256em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  transform: skew(-25deg);
  z-index: -1;
}
.header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
  background: #e8db9c;
  height: 0.128em;
  transform: none;
  background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
}

main > h1 {
  display: block;
}

main > h2, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
  display: table;
}

table caption {
  display: table-caption;
  text-align: left;
  font-family: Georgia, serif;
  font-weight: bold;
}

.main-title-link {
  font-size: 1.563em;
  line-height: 1;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
  position: relative;
  display: table;
  color: #e8db9c;
  z-index: 1;
}
.main-title-link a {
  position: relative;
  display: block;
  color: inherit;
  padding-right: 0.6397952655em;
  padding-left: 0.6397952655em;
}
.main-title-link a:hover, .main-title-link a:focus {
  text-decoration: none;
  color: #fff1b0;
}
.main-title-link:hover {
  color: #fff1b0;
}
.main-title-link:hover:after {
  background: red;
}
.main-title-link:after {
  content: "";
  background-color: #b4251c;
  background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
  height: 0.256em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  transform: skew(-25deg);
  z-index: -1;
}

.sidebar-item > h2, .post > h3 {
  font-size: 1.25em;
  padding: 0.328em 0.8em 0.2624em 0.8em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
}

.poster-info a, #character-sidebar a {
  font-size: 1.563em;
  padding: 0.2623160589em 0.6397952655em 0.2098528471em 0.6397952655em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  padding-left: 0.25em;
  padding-right: 0.25em;
}

nav.global {
  width: 14em;
  display: block;
  left: 0;
}
nav.global:hover, nav.global:focus, nav.global:active {
  left: 0;
}
nav.global:hover + #hide-nav, nav.global:focus + #hide-nav, nav.global:active + #hide-nav {
  display: none;
}

#wrapper, body > footer {
  margin-left: 14em;
}

#show-nav {
  display: none;
}

#userblock-contents h2, .semi-sparse-page main {
  margin-top: 0;
}

nav.global {
  padding-right: 0.3125em;
  padding-left: 0.3125em;
}
nav.global label {
  margin-right: 0.3125em;
}

#navblock { /* Lvl 1 */ }
#navblock > li > h2 {
  font-size: 1.25em;
  line-height: 1;
  text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
  position: relative;
  display: table;
  color: #e8db9c;
  z-index: 1;
  display: block;
}
#navblock > li > h2 a {
  position: relative;
  display: block;
  color: inherit;
  padding-right: 0.6em;
  padding-left: 0.6em;
}
#navblock > li > h2 a:hover, #navblock > li > h2 a:focus {
  text-decoration: none;
  color: #fff1b0;
}
#navblock > li > h2:hover {
  color: #fff1b0;
}
#navblock > li > h2:hover:after {
  background: red;
}
#navblock > li > h2:after {
  content: "";
  background-color: #b4251c;
  background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
  height: 0.256em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -2px;
  display: block;
  transform: skew(-25deg);
  z-index: -1;
}
#navblock > li > h2 a {
  padding-right: 0;
}
#navblock > li li a {
  font-size: 1.25em;
  padding: 0.328em 0.328em 0.2624em 0.328em;
  font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
  font-weight: 400;
  line-height: 1.175;
  padding-left: 0.75em;
  display: block;
  padding-bottom: 0;
  padding-right: 0;
  font-size: inherit;
  font-family: "Roboto", "Arial", sans-serif;
}
#navblock > li li ul {
  padding-left: 0.75em;
}

#userblock-contents h2:after {
  left: -0.3125em;
  padding-right: 0.625em;
}

@media all and (max-width: 40em) {
  footer, main {
    padding-left: 0.8em;
    padding-right: 0.8em;
  }
  .sidebar-item, #newsscroll {
    margin-left: 0.8em;
    margin-right: 0.8em;
  }
  #gallery {
    margin-left: -0.8em;
    margin-right: -0.8em;
  }
  .gallery {
    column-gap: 0.8em;
  }
  #frontpage {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  #sidebar {
    position: relative;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  footer > *, .sidebar-content, .user-details > *, #character-details,
  #registerForm > *, .episode-summary, .main-spacing-inner-horizontal, .main-box, .content-box > *, .content-box .action-buttons, .main-box-flex, main > *, main > header > *, .gallery .gallery-item, .action-buttons, .sprite-scene-nametag, .sprite-scene-textbox, .post-body > .bbcode, time.post-time, .signature, .fanfic-chapter-body, #episode-page, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode .code .codemain, .bbcode-quote .bbcode-quote-body, #header-subtitle, .newspost-body > .bbcode, .newspost-body, .soundtrack, .book {
    padding-right: 0.8em;
    padding-left: 0.8em;
  }
  #registerForm > button {
    margin-right: 0.8em;
    margin-left: 0.8em;
  }
  th, td {
    padding-left: 0.8em;
  }
  th:last-child, th:first-child, td:last-child, td:first-child {
    padding-right: 0.8em;
  }
  .forum-topic-list td {
    padding-left: 0;
    padding-right: 0;
  }
  .forum-topic-list td:last-child * {
    padding-right: 0.8em;
  }
  .forum-topic-list td * {
    padding-left: 0.8em;
  }
  .forum-topic-list td:first-child {
    padding-right: 0.8em;
    padding-left: 0.8em;
  }
  .forum-topic-list td:first-child * {
    padding-right: 0;
    padding-left: 0;
  }
  .profile-icon {
    margin-right: 0.8em;
    right: calc(-0.8em / 2);
  }
  .newspost-header {
    padding-right: 0.8em;
    margin-right: -0.8em;
  }
  .poster-info, #character-sidebar {
    border-left-width: 0.8em;
    border-right-width: 0.8em;
  }
  .twitter-share-button {
    margin-right: 0.8em;
  }
  #header-title {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  #header-title a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.4096262161em;
    padding-left: 0.4096262161em;
  }
  #header-title a:hover, #header-title a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #header-title:hover {
    color: #fff1b0;
  }
  #header-title:hover:after {
    background: red;
  }
  #header-title:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  main > h1, main > h2, table caption, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile] {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.5118362124em;
    padding-left: 0.5118362124em;
  }
  main > h1:after, main > h2:after, table caption:after, .main-title:after, main > header h1:after, main > header h2:after, main > header h3:after, .gallery h2:after, #fanfic-title:after, .fanfic-chapter-body h2:after, .character-animation h2:after, .tag-heading:after, .searchWrapper .gameButtons button:after, .characters-characterList h2:after, .characteristics legend:after, label[for=profile]:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link, .post .post-title, .episode-summary h2, .soundtrack h2 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.4096262161em;
    padding-left: 0.4096262161em;
  }
  .header-link a:hover, .post .post-title a:hover, .episode-summary h2 a:hover, .soundtrack h2 a:hover, .header-link a:focus, .post .post-title a:focus, .episode-summary h2 a:focus, .soundtrack h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .header-link:hover, .post .post-title:hover, .episode-summary h2:hover, .soundtrack h2:hover {
    color: #fff1b0;
  }
  .header-link:hover:after, .post .post-title:hover:after, .episode-summary h2:hover:after, .soundtrack h2:hover:after {
    background: red;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.4096262161em;
    padding-left: 0.4096262161em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  main > h1 {
    display: block;
  }
  main > h2, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    display: table;
  }
  table caption {
    display: table-caption;
    text-align: left;
    font-family: Georgia, serif;
    font-weight: bold;
  }
  .main-title-link {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .main-title-link a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.5118362124em;
    padding-left: 0.5118362124em;
  }
  .main-title-link a:hover, .main-title-link a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .main-title-link:hover {
    color: #fff1b0;
  }
  .main-title-link:hover:after {
    background: red;
  }
  .main-title-link:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .sidebar-item > h2, .post > h3 {
    font-size: 1.25em;
    padding: 0.328em 0.64em 0.2624em 0.64em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
  }
  .poster-info a, #character-sidebar a {
    font-size: 1.563em;
    padding: 0.2623160589em 0.5118362124em 0.2098528471em 0.5118362124em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.2em;
    padding-right: 0.2em;
  }
  #wrapper, body > footer {
    margin-left: 0;
  }
  nav.global {
    width: 14em;
    left: -14em;
  }
  nav.global:hover + #hide-nav, nav.global:focus + #hide-nav, nav.global:active + #hide-nav {
    position: fixed;
    top: 0;
    right: 0;
    border: none;
    background: none;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: block;
  }
  #show-nav {
    display: block;
  }
  #userblock-contents h2 {
    margin-top: 1em;
  }
  .semi-sparse-page main {
    margin-top: 2.441em;
  }
  nav.global {
    padding-right: 0.2em;
    padding-left: 0.2em;
  }
  nav.global label {
    margin-right: 0.2em;
  }
  #navblock { /* Lvl 1 */ }
  #navblock > li > h2 {
    font-size: 1.25em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    display: block;
  }
  #navblock > li > h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.48em;
    padding-left: 0.48em;
  }
  #navblock > li > h2 a:hover, #navblock > li > h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #navblock > li > h2:hover {
    color: #fff1b0;
  }
  #navblock > li > h2:hover:after {
    background: red;
  }
  #navblock > li > h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  #navblock > li > h2 a {
    padding-right: 0;
  }
  #navblock > li li a {
    font-size: 1.25em;
    padding: 0.328em 0.328em 0.2624em 0.328em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.6em;
    display: block;
    padding-bottom: 0;
    padding-right: 0;
    font-size: inherit;
    font-family: "Roboto", "Arial", sans-serif;
  }
  #navblock > li li ul {
    padding-left: 0.6em;
  }
  #userblock-contents h2:after {
    left: -0.2em;
    padding-right: 0.4em;
  }
  .sidebar-item {
    min-width: auto;
    display: block;
  }
  .pager li:after {
    visibility: hidden;
  }
}
@media all and (max-width: 27em) {
  footer, main {
    padding-left: 0;
    padding-right: 0;
  }
  .sidebar-item, #newsscroll {
    margin-left: 0;
    margin-right: 0;
  }
  #gallery {
    margin-left: 0;
    margin-right: 0;
  }
  .gallery {
    column-gap: 0;
  }
  #frontpage {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  #sidebar {
    position: relative;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  footer > *, .sidebar-content, .user-details > *, #character-details,
  #registerForm > *, .episode-summary, .main-spacing-inner-horizontal, .main-box, .content-box > *, .content-box .action-buttons, .main-box-flex, main > *, main > header > *, .gallery .gallery-item, .action-buttons, .sprite-scene-nametag, .sprite-scene-textbox, .post-body > .bbcode, time.post-time, .signature, .fanfic-chapter-body, #episode-page, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode .code .codemain, .bbcode-quote .bbcode-quote-body, #header-subtitle, .newspost-body > .bbcode, .newspost-body, .soundtrack, .book {
    padding-right: 0.512em;
    padding-left: 0.512em;
  }
  #registerForm > button {
    margin-right: 0.512em;
    margin-left: 0.512em;
  }
  th, td {
    padding-left: 0.512em;
  }
  th:last-child, th:first-child, td:last-child, td:first-child {
    padding-right: 0.512em;
  }
  .forum-topic-list td {
    padding-left: 0;
    padding-right: 0;
  }
  .forum-topic-list td:last-child * {
    padding-right: 0.512em;
  }
  .forum-topic-list td * {
    padding-left: 0.512em;
  }
  .forum-topic-list td:first-child {
    padding-right: 0.512em;
    padding-left: 0.512em;
  }
  .forum-topic-list td:first-child * {
    padding-right: 0;
    padding-left: 0;
  }
  .profile-icon {
    margin-right: 0.512em;
    right: calc(-0.512em / 2);
  }
  .newspost-header {
    padding-right: 0.512em;
    margin-right: -0.512em;
  }
  .poster-info, #character-sidebar {
    border-left-width: 0.512em;
    border-right-width: 0.512em;
  }
  .twitter-share-button {
    margin-right: 0.512em;
  }
  #header-title {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  #header-title a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.2621607783em;
    padding-left: 0.2621607783em;
  }
  #header-title a:hover, #header-title a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #header-title:hover {
    color: #fff1b0;
  }
  #header-title:hover:after {
    background: red;
  }
  #header-title:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  main > h1, main > h2, table caption, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile] {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.3275751759em;
    padding-left: 0.3275751759em;
  }
  main > h1:after, main > h2:after, table caption:after, .main-title:after, main > header h1:after, main > header h2:after, main > header h3:after, .gallery h2:after, #fanfic-title:after, .fanfic-chapter-body h2:after, .character-animation h2:after, .tag-heading:after, .searchWrapper .gameButtons button:after, .characters-characterList h2:after, .characteristics legend:after, label[for=profile]:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link, .post .post-title, .episode-summary h2, .soundtrack h2 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.2621607783em;
    padding-left: 0.2621607783em;
  }
  .header-link a:hover, .post .post-title a:hover, .episode-summary h2 a:hover, .soundtrack h2 a:hover, .header-link a:focus, .post .post-title a:focus, .episode-summary h2 a:focus, .soundtrack h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .header-link:hover, .post .post-title:hover, .episode-summary h2:hover, .soundtrack h2:hover {
    color: #fff1b0;
  }
  .header-link:hover:after, .post .post-title:hover:after, .episode-summary h2:hover:after, .soundtrack h2:hover:after {
    background: red;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.2621607783em;
    padding-left: 0.2621607783em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  main > h1 {
    display: block;
  }
  main > h2, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    display: table;
  }
  table caption {
    display: table-caption;
    text-align: left;
    font-family: Georgia, serif;
    font-weight: bold;
  }
  .main-title-link {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .main-title-link a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.3275751759em;
    padding-left: 0.3275751759em;
  }
  .main-title-link a:hover, .main-title-link a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .main-title-link:hover {
    color: #fff1b0;
  }
  .main-title-link:hover:after {
    background: red;
  }
  .main-title-link:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .sidebar-item > h2, .post > h3 {
    font-size: 1.25em;
    padding: 0.328em 0.4096em 0.2624em 0.4096em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
  }
  .poster-info a, #character-sidebar a {
    font-size: 1.563em;
    padding: 0.2623160589em 0.3275751759em 0.2098528471em 0.3275751759em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.128em;
    padding-right: 0.128em;
  }
  #wrapper, body > footer {
    margin-left: 0;
  }
  nav.global {
    width: 14em;
    left: -14em;
  }
  nav.global:hover + #hide-nav, nav.global:focus + #hide-nav, nav.global:active + #hide-nav {
    position: fixed;
    top: 0;
    right: 0;
    border: none;
    background: none;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: block;
  }
  #show-nav {
    display: block;
  }
  #userblock-contents h2 {
    margin-top: 1em;
  }
  .semi-sparse-page main {
    margin-top: 2.441em;
  }
  nav.global {
    padding-right: 0;
    padding-left: 0;
  }
  nav.global label {
    margin-right: 0;
  }
  #navblock { /* Lvl 1 */ }
  #navblock > li > h2 {
    font-size: 1.25em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    display: block;
  }
  #navblock > li > h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.3072em;
    padding-left: 0.3072em;
  }
  #navblock > li > h2 a:hover, #navblock > li > h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #navblock > li > h2:hover {
    color: #fff1b0;
  }
  #navblock > li > h2:hover:after {
    background: red;
  }
  #navblock > li > h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  #navblock > li > h2 a {
    padding-right: 0;
  }
  #navblock > li li a {
    font-size: 1.25em;
    padding: 0.328em 0.328em 0.2624em 0.328em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.384em;
    display: block;
    padding-bottom: 0;
    padding-right: 0;
    font-size: inherit;
    font-family: "Roboto", "Arial", sans-serif;
  }
  #navblock > li li ul {
    padding-left: 0.384em;
  }
  #userblock-contents h2:after {
    left: 0;
    padding-right: 0;
  }
  body {
    font-size: 0.8em;
  }
  body #wrapper > header {
    text-align: center;
    padding-top: 2.441em;
  }
  .newspost-body, .sidebar-content {
    border-left: none;
    border-right: none;
  }
  .poster-info .avatar, #character-sidebar .avatar {
    max-width: 100%;
    float: none;
  }
}
@media all and (min-width: 40em) {
  footer, main {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .sidebar-item, #newsscroll {
    margin-left: 1.25em;
    margin-right: 1.25em;
  }
  #gallery {
    margin-left: -1.25em;
    margin-right: -1.25em;
  }
  .gallery {
    column-gap: 1.25em;
  }
  #frontpage {
    display: block;
    margin-right: 0;
    margin-left: 0;
  }
  #sidebar {
    position: relative;
    width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  footer > *, .sidebar-content, .user-details > *, #character-details,
  #registerForm > *, .episode-summary, .main-spacing-inner-horizontal, .main-box, .content-box > *, .content-box .action-buttons, .main-box-flex, main > *, main > header > *, .gallery .gallery-item, .action-buttons, .sprite-scene-nametag, .sprite-scene-textbox, .post-body > .bbcode, time.post-time, .signature, .fanfic-chapter-body, #episode-page, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode .code .codemain, .bbcode-quote .bbcode-quote-body, #header-subtitle, .newspost-body > .bbcode, .newspost-body, .soundtrack, .book {
    padding-right: 1em;
    padding-left: 1em;
  }
  #registerForm > button {
    margin-right: 1em;
    margin-left: 1em;
  }
  th, td {
    padding-left: 1em;
  }
  th:last-child, th:first-child, td:last-child, td:first-child {
    padding-right: 1em;
  }
  .forum-topic-list td {
    padding-left: 0;
    padding-right: 0;
  }
  .forum-topic-list td:last-child * {
    padding-right: 1em;
  }
  .forum-topic-list td * {
    padding-left: 1em;
  }
  .forum-topic-list td:first-child {
    padding-right: 1em;
    padding-left: 1em;
  }
  .forum-topic-list td:first-child * {
    padding-right: 0;
    padding-left: 0;
  }
  .profile-icon {
    margin-right: 1em;
    right: calc(-1em / 2);
  }
  .newspost-header {
    padding-right: 1em;
    margin-right: -1em;
  }
  .poster-info, #character-sidebar {
    border-left-width: 1em;
    border-right-width: 1em;
  }
  .twitter-share-button {
    margin-right: 1em;
  }
  #header-title {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  #header-title a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.5120327701em;
    padding-left: 0.5120327701em;
  }
  #header-title a:hover, #header-title a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #header-title:hover {
    color: #fff1b0;
  }
  #header-title:hover:after {
    background: red;
  }
  #header-title:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  main > h1, main > h2, table caption, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile] {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.6397952655em;
    padding-left: 0.6397952655em;
  }
  main > h1:after, main > h2:after, table caption:after, .main-title:after, main > header h1:after, main > header h2:after, main > header h3:after, .gallery h2:after, #fanfic-title:after, .fanfic-chapter-body h2:after, .character-animation h2:after, .tag-heading:after, .searchWrapper .gameButtons button:after, .characters-characterList h2:after, .characteristics legend:after, label[for=profile]:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link, .post .post-title, .episode-summary h2, .soundtrack h2 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.5120327701em;
    padding-left: 0.5120327701em;
  }
  .header-link a:hover, .post .post-title a:hover, .episode-summary h2 a:hover, .soundtrack h2 a:hover, .header-link a:focus, .post .post-title a:focus, .episode-summary h2 a:focus, .soundtrack h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .header-link:hover, .post .post-title:hover, .episode-summary h2:hover, .soundtrack h2:hover {
    color: #fff1b0;
  }
  .header-link:hover:after, .post .post-title:hover:after, .episode-summary h2:hover:after, .soundtrack h2:hover:after {
    background: red;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.5120327701em;
    padding-left: 0.5120327701em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  main > h1 {
    display: block;
  }
  main > h2, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    display: table;
  }
  table caption {
    display: table-caption;
    text-align: left;
    font-family: Georgia, serif;
    font-weight: bold;
  }
  .main-title-link {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .main-title-link a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.6397952655em;
    padding-left: 0.6397952655em;
  }
  .main-title-link a:hover, .main-title-link a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .main-title-link:hover {
    color: #fff1b0;
  }
  .main-title-link:hover:after {
    background: red;
  }
  .main-title-link:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .sidebar-item > h2, .post > h3 {
    font-size: 1.25em;
    padding: 0.328em 0.8em 0.2624em 0.8em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
  }
  .poster-info a, #character-sidebar a {
    font-size: 1.563em;
    padding: 0.2623160589em 0.6397952655em 0.2098528471em 0.6397952655em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  #wrapper, body > footer {
    margin-left: 0;
  }
  nav.global {
    width: 14em;
    left: -14em;
  }
  nav.global:hover + #hide-nav, nav.global:focus + #hide-nav, nav.global:active + #hide-nav {
    position: fixed;
    top: 0;
    right: 0;
    border: none;
    background: none;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 9998;
    display: block;
  }
  #show-nav {
    display: block;
  }
  #userblock-contents h2 {
    margin-top: 1em;
  }
  .semi-sparse-page main {
    margin-top: 2.441em;
  }
  nav.global {
    padding-right: 0.3125em;
    padding-left: 0.3125em;
  }
  nav.global label {
    margin-right: 0.3125em;
  }
  #navblock { /* Lvl 1 */ }
  #navblock > li > h2 {
    font-size: 1.25em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    display: block;
  }
  #navblock > li > h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.6em;
    padding-left: 0.6em;
  }
  #navblock > li > h2 a:hover, #navblock > li > h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #navblock > li > h2:hover {
    color: #fff1b0;
  }
  #navblock > li > h2:hover:after {
    background: red;
  }
  #navblock > li > h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  #navblock > li > h2 a {
    padding-right: 0;
  }
  #navblock > li li a {
    font-size: 1.25em;
    padding: 0.328em 0.328em 0.2624em 0.328em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.75em;
    display: block;
    padding-bottom: 0;
    padding-right: 0;
    font-size: inherit;
    font-family: "Roboto", "Arial", sans-serif;
  }
  #navblock > li li ul {
    padding-left: 0.75em;
  }
  #userblock-contents h2:after {
    left: -0.3125em;
    padding-right: 0.625em;
  }
  .sidebar-item {
    display: inline-block;
    width: 16em;
  }
  .newspost-header, .post .post-time {
    float: right;
    margin-left: 1em;
  }
  .episode-poster {
    float: right;
    margin-left: 25px;
  }
}
@media all and (max-width: 56.1875em) {
  #forum_banner {
    height: 96px;
  }
  #forum_banner h1 {
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
  }
  .registerForm-wrapper.poster-wrapper .poster-info:before, .registerForm-wrapper.poster-wrapper #character-sidebar:before {
    display: none;
  }
  nav {
    transition-property: left;
    transition-timing-function: ease-out;
    transition-duration: 0.3s;
    transition-delay: 0.4s;
  }
}
@media all and (min-width: 56.25em) {
  footer, main {
    padding-left: 1.25em;
    padding-right: 1.25em;
  }
  .sidebar-item, #newsscroll {
    margin-left: 1.25em;
    margin-right: 1.25em;
  }
  #gallery {
    margin-left: -1.25em;
    margin-right: -1.25em;
  }
  .gallery {
    column-gap: 1.25em;
  }
  #frontpage {
    display: flex;
  }
  #sidebar {
    width: 18.25em;
  }
  footer > *, .sidebar-content, .user-details > *, #character-details,
  #registerForm > *, .episode-summary, .main-spacing-inner-horizontal, .main-box, .content-box > *, .content-box .action-buttons, .main-box-flex, main > *, main > header > *, .gallery .gallery-item, .action-buttons, .sprite-scene-nametag, .sprite-scene-textbox, .post-body > .bbcode, time.post-time, .signature, .fanfic-chapter-body, #episode-page, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode .code .codemain, .bbcode-quote .bbcode-quote-body, #header-subtitle, .newspost-body > .bbcode, .newspost-body, .soundtrack, .book {
    padding-right: 1em;
    padding-left: 1em;
  }
  #registerForm > button {
    margin-right: 1em;
    margin-left: 1em;
  }
  th, td {
    padding-left: 1em;
  }
  th:last-child, th:first-child, td:last-child, td:first-child {
    padding-right: 1em;
  }
  .forum-topic-list td {
    padding-left: 0;
    padding-right: 0;
  }
  .forum-topic-list td:last-child * {
    padding-right: 1em;
  }
  .forum-topic-list td * {
    padding-left: 1em;
  }
  .forum-topic-list td:first-child {
    padding-right: 1em;
    padding-left: 1em;
  }
  .forum-topic-list td:first-child * {
    padding-right: 0;
    padding-left: 0;
  }
  .profile-icon {
    margin-right: 1em;
    right: calc(-1em / 2);
  }
  .newspost-header {
    padding-right: 1em;
    margin-right: -1em;
  }
  .poster-info, #character-sidebar {
    border-left-width: 1em;
    border-right-width: 1em;
  }
  .twitter-share-button {
    margin-right: 1em;
  }
  #header-title {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  #header-title a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.5120327701em;
    padding-left: 0.5120327701em;
  }
  #header-title a:hover, #header-title a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #header-title:hover {
    color: #fff1b0;
  }
  #header-title:hover:after {
    background: red;
  }
  #header-title:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  main > h1, main > h2, table caption, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile] {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.6397952655em;
    padding-left: 0.6397952655em;
  }
  main > h1:after, main > h2:after, table caption:after, .main-title:after, main > header h1:after, main > header h2:after, main > header h3:after, .gallery h2:after, #fanfic-title:after, .fanfic-chapter-body h2:after, .character-animation h2:after, .tag-heading:after, .searchWrapper .gameButtons button:after, .characters-characterList h2:after, .characteristics legend:after, label[for=profile]:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link, .post .post-title, .episode-summary h2, .soundtrack h2 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.5120327701em;
    padding-left: 0.5120327701em;
  }
  .header-link a:hover, .post .post-title a:hover, .episode-summary h2 a:hover, .soundtrack h2 a:hover, .header-link a:focus, .post .post-title a:focus, .episode-summary h2 a:focus, .soundtrack h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .header-link:hover, .post .post-title:hover, .episode-summary h2:hover, .soundtrack h2:hover {
    color: #fff1b0;
  }
  .header-link:hover:after, .post .post-title:hover:after, .episode-summary h2:hover:after, .soundtrack h2:hover:after {
    background: red;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.5120327701em;
    padding-left: 0.5120327701em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  main > h1 {
    display: block;
  }
  main > h2, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    display: table;
  }
  table caption {
    display: table-caption;
    text-align: left;
    font-family: Georgia, serif;
    font-weight: bold;
  }
  .main-title-link {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .main-title-link a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.6397952655em;
    padding-left: 0.6397952655em;
  }
  .main-title-link a:hover, .main-title-link a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .main-title-link:hover {
    color: #fff1b0;
  }
  .main-title-link:hover:after {
    background: red;
  }
  .main-title-link:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .sidebar-item > h2, .post > h3 {
    font-size: 1.25em;
    padding: 0.328em 0.8em 0.2624em 0.8em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
  }
  .poster-info a, #character-sidebar a {
    font-size: 1.563em;
    padding: 0.2623160589em 0.6397952655em 0.2098528471em 0.6397952655em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.25em;
    padding-right: 0.25em;
  }
  nav.global {
    width: 14em;
    display: block;
    left: 0;
  }
  nav.global:hover, nav.global:focus, nav.global:active {
    left: 0;
  }
  nav.global:hover + #hide-nav, nav.global:focus + #hide-nav, nav.global:active + #hide-nav {
    display: none;
  }
  #wrapper, body > footer {
    margin-left: 14em;
  }
  #show-nav {
    display: none;
  }
  #userblock-contents h2, .semi-sparse-page main {
    margin-top: 0;
  }
  nav.global {
    padding-right: 0.3125em;
    padding-left: 0.3125em;
  }
  nav.global label {
    margin-right: 0.3125em;
  }
  #navblock { /* Lvl 1 */ }
  #navblock > li > h2 {
    font-size: 1.25em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    display: block;
  }
  #navblock > li > h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.6em;
    padding-left: 0.6em;
  }
  #navblock > li > h2 a:hover, #navblock > li > h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #navblock > li > h2:hover {
    color: #fff1b0;
  }
  #navblock > li > h2:hover:after {
    background: red;
  }
  #navblock > li > h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  #navblock > li > h2 a {
    padding-right: 0;
  }
  #navblock > li li a {
    font-size: 1.25em;
    padding: 0.328em 0.328em 0.2624em 0.328em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.75em;
    display: block;
    padding-bottom: 0;
    padding-right: 0;
    font-size: inherit;
    font-family: "Roboto", "Arial", sans-serif;
  }
  #navblock > li li ul {
    padding-left: 0.75em;
  }
  #userblock-contents h2:after {
    left: -0.3125em;
    padding-right: 0.625em;
  }
  .sidebar-item {
    display: block;
    width: auto;
  }
  #character-sidebar {
    float: right;
    max-width: 20em;
  }
  #registerForm {
    padding-left: 15.625em;
  }
  .ds-screen {
    width: 204.8px;
    height: 153.6px;
  }
}
@media all and (min-width: 64em) {
  footer, main {
    padding-left: 1.953em;
    padding-right: 1.953em;
  }
  .sidebar-item, #newsscroll {
    margin-left: 1.953em;
    margin-right: 1.953em;
  }
  #gallery {
    margin-left: -1.953em;
    margin-right: -1.953em;
  }
  .gallery {
    column-gap: 1.953em;
  }
  #frontpage {
    display: flex;
  }
  #sidebar {
    width: 21.906em;
  }
  footer > *, .sidebar-content, .user-details > *, #character-details,
  #registerForm > *, .episode-summary, .main-spacing-inner-horizontal, .main-box, .content-box > *, .content-box .action-buttons, .main-box-flex, main > *, main > header > *, .gallery .gallery-item, .action-buttons, .sprite-scene-nametag, .sprite-scene-textbox, .post-body > .bbcode, time.post-time, .signature, .fanfic-chapter-body, #episode-page, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode .code .codemain, .bbcode-quote .bbcode-quote-body, #header-subtitle, .newspost-body > .bbcode, .newspost-body, .soundtrack, .book {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
  #registerForm > button {
    margin-right: 1.25em;
    margin-left: 1.25em;
  }
  th, td {
    padding-left: 1.25em;
  }
  th:last-child, th:first-child, td:last-child, td:first-child {
    padding-right: 1.25em;
  }
  .forum-topic-list td {
    padding-left: 0;
    padding-right: 0;
  }
  .forum-topic-list td:last-child * {
    padding-right: 1.25em;
  }
  .forum-topic-list td * {
    padding-left: 1.25em;
  }
  .forum-topic-list td:first-child {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
  .forum-topic-list td:first-child * {
    padding-right: 0;
    padding-left: 0;
  }
  .profile-icon {
    margin-right: 1.25em;
    right: calc(-1.25em / 2);
  }
  .newspost-header {
    padding-right: 1.25em;
    margin-right: -1.25em;
  }
  .poster-info, #character-sidebar {
    border-left-width: 1.25em;
    border-right-width: 1.25em;
  }
  .twitter-share-button {
    margin-right: 1.25em;
  }
  #header-title {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  #header-title a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.6400409626em;
    padding-left: 0.6400409626em;
  }
  #header-title a:hover, #header-title a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #header-title:hover {
    color: #fff1b0;
  }
  #header-title:hover:after {
    background: red;
  }
  #header-title:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  main > h1, main > h2, table caption, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile] {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.7997440819em;
    padding-left: 0.7997440819em;
  }
  main > h1:after, main > h2:after, table caption:after, .main-title:after, main > header h1:after, main > header h2:after, main > header h3:after, .gallery h2:after, #fanfic-title:after, .fanfic-chapter-body h2:after, .character-animation h2:after, .tag-heading:after, .searchWrapper .gameButtons button:after, .characters-characterList h2:after, .characteristics legend:after, label[for=profile]:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link, .post .post-title, .episode-summary h2, .soundtrack h2 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.6400409626em;
    padding-left: 0.6400409626em;
  }
  .header-link a:hover, .post .post-title a:hover, .episode-summary h2 a:hover, .soundtrack h2 a:hover, .header-link a:focus, .post .post-title a:focus, .episode-summary h2 a:focus, .soundtrack h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .header-link:hover, .post .post-title:hover, .episode-summary h2:hover, .soundtrack h2:hover {
    color: #fff1b0;
  }
  .header-link:hover:after, .post .post-title:hover:after, .episode-summary h2:hover:after, .soundtrack h2:hover:after {
    background: red;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.6400409626em;
    padding-left: 0.6400409626em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  main > h1 {
    display: block;
  }
  main > h2, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    display: table;
  }
  table caption {
    display: table-caption;
    text-align: left;
    font-family: Georgia, serif;
    font-weight: bold;
  }
  .main-title-link {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .main-title-link a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.7997440819em;
    padding-left: 0.7997440819em;
  }
  .main-title-link a:hover, .main-title-link a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .main-title-link:hover {
    color: #fff1b0;
  }
  .main-title-link:hover:after {
    background: red;
  }
  .main-title-link:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .sidebar-item > h2, .post > h3 {
    font-size: 1.25em;
    padding: 0.328em 1em 0.2624em 1em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
  }
  .poster-info a, #character-sidebar a {
    font-size: 1.563em;
    padding: 0.2623160589em 0.7997440819em 0.2098528471em 0.7997440819em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
  }
  nav.global {
    width: 14em;
    display: block;
    left: 0;
  }
  nav.global:hover, nav.global:focus, nav.global:active {
    left: 0;
  }
  nav.global:hover + #hide-nav, nav.global:focus + #hide-nav, nav.global:active + #hide-nav {
    display: none;
  }
  #wrapper, body > footer {
    margin-left: 14em;
  }
  #show-nav {
    display: none;
  }
  #userblock-contents h2, .semi-sparse-page main {
    margin-top: 0;
  }
  nav.global {
    padding-right: 0.48825em;
    padding-left: 0.48825em;
  }
  nav.global label {
    margin-right: 0.48825em;
  }
  #navblock { /* Lvl 1 */ }
  #navblock > li > h2 {
    font-size: 1.25em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    display: block;
  }
  #navblock > li > h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.75em;
    padding-left: 0.75em;
  }
  #navblock > li > h2 a:hover, #navblock > li > h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #navblock > li > h2:hover {
    color: #fff1b0;
  }
  #navblock > li > h2:hover:after {
    background: red;
  }
  #navblock > li > h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  #navblock > li > h2 a {
    padding-right: 0;
  }
  #navblock > li li a {
    font-size: 1.25em;
    padding: 0.328em 0.328em 0.2624em 0.328em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.9375em;
    display: block;
    padding-bottom: 0;
    padding-right: 0;
    font-size: inherit;
    font-family: "Roboto", "Arial", sans-serif;
  }
  #navblock > li li ul {
    padding-left: 0.9375em;
  }
  #userblock-contents h2:after {
    left: -0.48825em;
    padding-right: 0.9765em;
  }
  .poster-wrapper {
    float: left;
    margin-right: 1em;
  }
  .poster-info, #character-sidebar {
    width: 13.32em;
  }
  .poster-info .avatar, #character-sidebar .avatar {
    float: none;
    max-width: 12.5em;
  }
  .ds-screen {
    width: 256px;
    height: 192px;
  }
}
@media all and (min-width: 80em) {
  footer, main {
    padding-left: 3.052em;
    padding-right: 3.052em;
  }
  .sidebar-item, #newsscroll {
    margin-left: 3.052em;
    margin-right: 3.052em;
  }
  #gallery {
    margin-left: -3.052em;
    margin-right: -3.052em;
  }
  .gallery {
    column-gap: 3.052em;
  }
  #frontpage {
    display: flex;
  }
  #sidebar {
    width: 24.104em;
  }
  footer > *, .sidebar-content, .user-details > *, #character-details,
  #registerForm > *, .episode-summary, .main-spacing-inner-horizontal, .main-box, .content-box > *, .content-box .action-buttons, .main-box-flex, main > *, main > header > *, .gallery .gallery-item, .action-buttons, .sprite-scene-nametag, .sprite-scene-textbox, .post-body > .bbcode, time.post-time, .signature, .fanfic-chapter-body, #episode-page, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode .code .codemain, .bbcode-quote .bbcode-quote-body, #header-subtitle, .newspost-body > .bbcode, .newspost-body, .soundtrack, .book {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
  #registerForm > button {
    margin-right: 1.25em;
    margin-left: 1.25em;
  }
  th, td {
    padding-left: 1.25em;
  }
  th:last-child, th:first-child, td:last-child, td:first-child {
    padding-right: 1.25em;
  }
  .forum-topic-list td {
    padding-left: 0;
    padding-right: 0;
  }
  .forum-topic-list td:last-child * {
    padding-right: 1.25em;
  }
  .forum-topic-list td * {
    padding-left: 1.25em;
  }
  .forum-topic-list td:first-child {
    padding-right: 1.25em;
    padding-left: 1.25em;
  }
  .forum-topic-list td:first-child * {
    padding-right: 0;
    padding-left: 0;
  }
  .profile-icon {
    margin-right: 1.25em;
    right: calc(-1.25em / 2);
  }
  .newspost-header {
    padding-right: 1.25em;
    margin-right: -1.25em;
  }
  .poster-info, #character-sidebar {
    border-left-width: 1.25em;
    border-right-width: 1.25em;
  }
  .twitter-share-button {
    margin-right: 1.25em;
  }
  #header-title {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  #header-title a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.6400409626em;
    padding-left: 0.6400409626em;
  }
  #header-title a:hover, #header-title a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #header-title:hover {
    color: #fff1b0;
  }
  #header-title:hover:after {
    background: red;
  }
  #header-title:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  main > h1, main > h2, table caption, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile] {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.7997440819em;
    padding-left: 0.7997440819em;
  }
  main > h1:after, main > h2:after, table caption:after, .main-title:after, main > header h1:after, main > header h2:after, main > header h3:after, .gallery h2:after, #fanfic-title:after, .fanfic-chapter-body h2:after, .character-animation h2:after, .tag-heading:after, .searchWrapper .gameButtons button:after, .characters-characterList h2:after, .characteristics legend:after, label[for=profile]:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link, .post .post-title, .episode-summary h2, .soundtrack h2 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.6400409626em;
    padding-left: 0.6400409626em;
  }
  .header-link a:hover, .post .post-title a:hover, .episode-summary h2 a:hover, .soundtrack h2 a:hover, .header-link a:focus, .post .post-title a:focus, .episode-summary h2 a:focus, .soundtrack h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .header-link:hover, .post .post-title:hover, .episode-summary h2:hover, .soundtrack h2:hover {
    color: #fff1b0;
  }
  .header-link:hover:after, .post .post-title:hover:after, .episode-summary h2:hover:after, .soundtrack h2:hover:after {
    background: red;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link:after, .post .post-title:after, .episode-summary h2:after, .soundtrack h2:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  .header-link a, .post .post-title a, .episode-summary h2 a, .soundtrack h2 a {
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    font-size: 1.953em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    padding-right: 0.6400409626em;
    padding-left: 0.6400409626em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 700;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .header-link-in-link:after, .link-block h1:after, .link-block h2:after, .link-block h3:after, .link-block h4:after, .link-block h5:after, .link-block h6:after {
    background: #e8db9c;
    height: 0.128em;
    transform: none;
    background: linear-gradient(90deg, #8f6c2c, #683b15 50%, #8f6c2c);
  }
  main > h1 {
    display: block;
  }
  main > h2, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    display: table;
  }
  table caption {
    display: table-caption;
    text-align: left;
    font-family: Georgia, serif;
    font-weight: bold;
  }
  .main-title-link {
    font-size: 1.563em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
  }
  .main-title-link a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.7997440819em;
    padding-left: 0.7997440819em;
  }
  .main-title-link a:hover, .main-title-link a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  .main-title-link:hover {
    color: #fff1b0;
  }
  .main-title-link:hover:after {
    background: red;
  }
  .main-title-link:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  .sidebar-item > h2, .post > h3 {
    font-size: 1.25em;
    padding: 0.328em 1em 0.2624em 1em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
  }
  .poster-info a, #character-sidebar a {
    font-size: 1.563em;
    padding: 0.2623160589em 0.7997440819em 0.2098528471em 0.7997440819em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.3125em;
    padding-right: 0.3125em;
  }
  nav.global {
    width: 14.5em;
    display: block;
    left: 0;
  }
  nav.global:hover, nav.global:focus, nav.global:active {
    left: 0;
  }
  nav.global:hover + #hide-nav, nav.global:focus + #hide-nav, nav.global:active + #hide-nav {
    display: none;
  }
  #wrapper, body > footer {
    margin-left: 14.5em;
  }
  #show-nav {
    display: none;
  }
  #userblock-contents h2, .semi-sparse-page main {
    margin-top: 0;
  }
  nav.global {
    padding-right: 0.763em;
    padding-left: 0.763em;
  }
  nav.global label {
    margin-right: 0.763em;
  }
  #navblock { /* Lvl 1 */ }
  #navblock > li > h2 {
    font-size: 1.25em;
    line-height: 1;
    text-shadow: 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 0 0 5px #221613, 2.5px 2.5px 2.5px #221613, 2.5px calc(-5px / 2) 2.5px #221613, calc(-5px / 2) 2.5px 2.5px #221613, calc(-5px / 2) calc(-5px / 2) 2.5px #221613;
    position: relative;
    display: table;
    color: #e8db9c;
    z-index: 1;
    display: block;
  }
  #navblock > li > h2 a {
    position: relative;
    display: block;
    color: inherit;
    padding-right: 0.75em;
    padding-left: 0.75em;
  }
  #navblock > li > h2 a:hover, #navblock > li > h2 a:focus {
    text-decoration: none;
    color: #fff1b0;
  }
  #navblock > li > h2:hover {
    color: #fff1b0;
  }
  #navblock > li > h2:hover:after {
    background: red;
  }
  #navblock > li > h2:after {
    content: "";
    background-color: #b4251c;
    background: linear-gradient(90deg, #b4251c, #e42b1d 50%, #b4251c);
    height: 0.256em;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    transform: skew(-25deg);
    z-index: -1;
  }
  #navblock > li > h2 a {
    padding-right: 0;
  }
  #navblock > li li a {
    font-size: 1.25em;
    padding: 0.328em 0.328em 0.2624em 0.328em;
    font-family: "Roboto Condensed", "Open Sans Condensed", "Arial Narrow", "Roboto", "Arial", sans-serif;
    font-weight: 400;
    line-height: 1.175;
    padding-left: 0.9375em;
    display: block;
    padding-bottom: 0;
    padding-right: 0;
    font-size: inherit;
    font-family: "Roboto", "Arial", sans-serif;
  }
  #navblock > li li ul {
    padding-left: 0.9375em;
  }
  #userblock-contents h2:after {
    left: -0.763em;
    padding-right: 1.526em;
  }
  #newsscroll > * {
    text-align: justify;
  }
}
@media all and (min-width: 100em) {
  body {
    font-size: 1.125em;
  }
  .poster-info .avatar, #character-sidebar .avatar {
    margin-top: 0.6944444444em;
  }
}
@media all and (max-height: 40em) {
  main {
    padding-top: 1em;
    margin-bottom: 1em;
  }
  main > hr {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .main-spacing-start, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post .post-title, .post-body > .bbcode, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > .bbcode, .soundtrack, .book {
    padding-top: 0.41em;
  }
  .main-spacing-end, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post-body > *:last-child, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > *:last-child, .soundtrack, .book {
    padding-bottom: 0.328em;
  }
  .sidebar-item {
    padding-bottom: 1em;
  }
  #newsscroll > *, .post-main,
  .pager, #game-logos, .main-spacing-outer-vertical, .main-box, .content-box, .main-box-flex, main > header, main > .action-buttons, .gallery-item, .gallery .gallery-item, .gallery .gallery-item-simple, #fanfic-page header, .fanfic-chapter-body, #episode-page, .episode-summary, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characters-characterList .gallery-item-simple, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, header.pm, .soundtrack, #rolelist, #user-info, #edit-avatar, .send-pm-link, .user-warnings, .book {
    margin-bottom: 1em;
  }
  #oldnews {
    top: calc(-1em / 2);
  }
  #newsscroll, #sidebar {
    padding-top: 3.375em;
  }
  #navblock > li > ul {
    margin-bottom: 0.64em;
  }
  ul, ol, dl, button, table, hr, select, fieldset, .btn, .user-details > *,
  #registerForm label, #userblock-contents li,
  .message-form > label, .imageField-limits, .main-inline-spacing-vertical, p, .gallery-item, .gallery .link-block, .social, .action-buttons, .sprite-scene.poll-prompt, .forum-topic-actions, #submitted, .fanart-img img, .characters-characterList .link-block, .bbcode-quote {
    margin-top: 0.64em;
    margin-bottom: 0.64em;
  }
  .forum-topic-actions {
    margin-top: 0;
  }
  #userblock-contents, .profile-icon {
    margin-bottom: 1em;
  }
  .poster-name, #character-profile,
  #character-misc, #character-friendsnfamily {
    padding-bottom: 0.328em;
  }
  #registerForm input, #registerForm legend + label {
    margin-top: 0.164em;
  }
  #openingblurb, .sidebar-content,
  footer, nav.global, #profile-icons,
  #registerForm label[for=username] {
    padding-top: 0.41em;
    padding-bottom: 0.328em;
  }
  #wrapper > header {
    padding-top: 0.41em;
    padding-bottom: 0.648em;
  }
  td, th {
    padding-top: 0.205em;
    padding-bottom: 0.164em;
  }
  .forum-topic-list td {
    padding-top: 0;
    padding-bottom: 0;
  }
  .forum-topic-list td * {
    padding-top: 0.205em;
    padding-bottom: 0.164em;
  }
  .forum-topic-list td:first-child {
    padding-top: 0.205em;
    padding-bottom: 0.164em;
  }
  .forum-topic-list td:first-child * {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-title-link, main > h1, main > h2, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile],
  figure, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    margin-bottom: 0.328em;
  }
  #forum_banner h1 {
    margin-top: 0.328em;
  }
  table caption {
    margin-top: 0.41em;
    margin-bottom: 0.328em;
  }
  #userblock-contents h2, #character-details {
    margin-bottom: 0.328em;
  }
  .poster-info, #character-sidebar {
    border-top-width: 0.64em;
    border-bottom-width: 0.64em;
  }
  hr + .action-buttons, #helpbox {
    margin-top: 0.64em;
  }
}
@media all and (max-height: 25em) {
  main {
    padding-top: 0.8em;
    margin-bottom: 0.8em;
  }
  main > hr {
    margin-top: 0.8em;
    margin-bottom: 0.8em;
  }
  .main-spacing-start, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post .post-title, .post-body > .bbcode, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > .bbcode, .soundtrack, .book {
    padding-top: 0.41em;
  }
  .main-spacing-end, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post-body > *:last-child, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > *:last-child, .soundtrack, .book {
    padding-bottom: 0.328em;
  }
  .sidebar-item {
    padding-bottom: 0.8em;
  }
  #newsscroll > *, .post-main,
  .pager, #game-logos, .main-spacing-outer-vertical, .main-box, .content-box, .main-box-flex, main > header, main > .action-buttons, .gallery-item, .gallery .gallery-item, .gallery .gallery-item-simple, #fanfic-page header, .fanfic-chapter-body, #episode-page, .episode-summary, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characters-characterList .gallery-item-simple, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, header.pm, .soundtrack, #rolelist, #user-info, #edit-avatar, .send-pm-link, .user-warnings, .book {
    margin-bottom: 0.8em;
  }
  #oldnews {
    top: calc(-0.8em / 2);
  }
  #newsscroll, #sidebar {
    padding-top: 3.375em;
  }
  #navblock > li > ul {
    margin-bottom: 0.512em;
  }
  ul, ol, dl, button, table, hr, select, fieldset, .btn, .user-details > *,
  #registerForm label, #userblock-contents li,
  .message-form > label, .imageField-limits, .main-inline-spacing-vertical, p, .gallery-item, .gallery .link-block, .social, .action-buttons, .sprite-scene.poll-prompt, .forum-topic-actions, #submitted, .fanart-img img, .characters-characterList .link-block, .bbcode-quote {
    margin-top: 0.512em;
    margin-bottom: 0.512em;
  }
  .forum-topic-actions {
    margin-top: 0;
  }
  #userblock-contents, .profile-icon {
    margin-bottom: 0.8em;
  }
  .poster-name, #character-profile,
  #character-misc, #character-friendsnfamily {
    padding-bottom: 0.328em;
  }
  #registerForm input, #registerForm legend + label {
    margin-top: 0.164em;
  }
  #openingblurb, .sidebar-content,
  footer, nav.global, #profile-icons,
  #registerForm label[for=username] {
    padding-top: 0.41em;
    padding-bottom: 0.328em;
  }
  #wrapper > header {
    padding-top: 0.41em;
    padding-bottom: 0.584em;
  }
  td, th {
    padding-top: 0.205em;
    padding-bottom: 0.164em;
  }
  .forum-topic-list td {
    padding-top: 0;
    padding-bottom: 0;
  }
  .forum-topic-list td * {
    padding-top: 0.205em;
    padding-bottom: 0.164em;
  }
  .forum-topic-list td:first-child {
    padding-top: 0.205em;
    padding-bottom: 0.164em;
  }
  .forum-topic-list td:first-child * {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-title-link, main > h1, main > h2, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile],
  figure, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    margin-bottom: 0.328em;
  }
  #forum_banner h1 {
    margin-top: 0.328em;
  }
  table caption {
    margin-top: 0.41em;
    margin-bottom: 0.328em;
  }
  #userblock-contents h2, #character-details {
    margin-bottom: 0.328em;
  }
  .poster-info, #character-sidebar {
    border-top-width: 0.512em;
    border-bottom-width: 0.512em;
  }
  hr + .action-buttons, #helpbox {
    margin-top: 0.512em;
  }
}
@media all and (min-height: 50em) {
  main {
    padding-top: 1.953em;
    margin-bottom: 1.953em;
  }
  main > hr {
    margin-top: 1.953em;
    margin-bottom: 1.953em;
  }
  .main-spacing-start, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post .post-title, .post-body > .bbcode, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > .bbcode, .soundtrack, .book {
    padding-top: 0.512em;
  }
  .main-spacing-end, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post-body > *:last-child, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > *:last-child, .soundtrack, .book {
    padding-bottom: 0.41em;
  }
  .sidebar-item {
    padding-bottom: 1.953em;
  }
  #newsscroll > *, .post-main,
  .pager, #game-logos, .main-spacing-outer-vertical, .main-box, .content-box, .main-box-flex, main > header, main > .action-buttons, .gallery-item, .gallery .gallery-item, .gallery .gallery-item-simple, #fanfic-page header, .fanfic-chapter-body, #episode-page, .episode-summary, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characters-characterList .gallery-item-simple, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, header.pm, .soundtrack, #rolelist, #user-info, #edit-avatar, .send-pm-link, .user-warnings, .book {
    margin-bottom: 1.953em;
  }
  #oldnews {
    top: calc(-1.953em / 2);
  }
  #newsscroll, #sidebar {
    padding-top: 3.375em;
  }
  #navblock > li > ul {
    margin-bottom: 1em;
  }
  ul, ol, dl, button, table, hr, select, fieldset, .btn, .user-details > *,
  #registerForm label, #userblock-contents li,
  .message-form > label, .imageField-limits, .main-inline-spacing-vertical, p, .gallery-item, .gallery .link-block, .social, .action-buttons, .sprite-scene.poll-prompt, .forum-topic-actions, #submitted, .fanart-img img, .characters-characterList .link-block, .bbcode-quote {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .forum-topic-actions {
    margin-top: 0;
  }
  #userblock-contents, .profile-icon {
    margin-bottom: 1.953em;
  }
  .poster-name, #character-profile,
  #character-misc, #character-friendsnfamily {
    padding-bottom: 0.41em;
  }
  #registerForm input, #registerForm legend + label {
    margin-top: 0.205em;
  }
  #openingblurb, .sidebar-content,
  footer, nav.global, #profile-icons,
  #registerForm label[for=username] {
    padding-top: 0.512em;
    padding-bottom: 0.41em;
  }
  #wrapper > header {
    padding-top: 0.512em;
    padding-bottom: 0.91em;
  }
  td, th {
    padding-top: 0.256em;
    padding-bottom: 0.205em;
  }
  .forum-topic-list td {
    padding-top: 0;
    padding-bottom: 0;
  }
  .forum-topic-list td * {
    padding-top: 0.256em;
    padding-bottom: 0.205em;
  }
  .forum-topic-list td:first-child {
    padding-top: 0.256em;
    padding-bottom: 0.205em;
  }
  .forum-topic-list td:first-child * {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-title-link, main > h1, main > h2, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile],
  figure, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    margin-bottom: 0.41em;
  }
  #forum_banner h1 {
    margin-top: 0.41em;
  }
  table caption {
    margin-top: 0.512em;
    margin-bottom: 0.41em;
  }
  #userblock-contents h2, #character-details {
    margin-bottom: 0.41em;
  }
  .poster-info, #character-sidebar {
    border-top-width: 1em;
    border-bottom-width: 1em;
  }
  hr + .action-buttons, #helpbox {
    margin-top: 1em;
  }
}
@media all and (min-height: 64em) {
  main {
    padding-top: 2.441em;
    margin-bottom: 2.441em;
  }
  main > hr {
    margin-top: 2.441em;
    margin-bottom: 2.441em;
  }
  .main-spacing-start, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post .post-title, .post-body > .bbcode, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > .bbcode, .soundtrack, .book {
    padding-top: 0.512em;
  }
  .main-spacing-end, .main-spacing-inner-vertical, .main-box, .content-box, .main-box-flex, .gallery .gallery-item, .post-body > *:last-child, .fanfic-chapter-body, #episode-page, .episode-summary, #character-sidebar .link, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, .bbcode-quote .bbcode-quote-body, .newspost-body > *:last-child, .soundtrack, .book {
    padding-bottom: 0.41em;
  }
  .sidebar-item {
    padding-bottom: 2.441em;
  }
  #newsscroll > *, .post-main,
  .pager, #game-logos, .main-spacing-outer-vertical, .main-box, .content-box, .main-box-flex, main > header, main > .action-buttons, .gallery-item, .gallery .gallery-item, .gallery .gallery-item-simple, #fanfic-page header, .fanfic-chapter-body, #episode-page, .episode-summary, #character-profile, #character-misc, #character-friendsnfamily, .characters-characterList .gallery-item, .characters-characterList .gallery-item-simple, .characteristics, .characterForm > .imageField, .message-form, #message-preview, .preview, .bbcode .code, header.pm, .soundtrack, #rolelist, #user-info, #edit-avatar, .send-pm-link, .user-warnings, .book {
    margin-bottom: 2.441em;
  }
  #oldnews {
    top: calc(-2.441em / 2);
  }
  #newsscroll, #sidebar {
    padding-top: 3.375em;
  }
  #navblock > li > ul {
    margin-bottom: 1em;
  }
  ul, ol, dl, button, table, hr, select, fieldset, .btn, .user-details > *,
  #registerForm label, #userblock-contents li,
  .message-form > label, .imageField-limits, .main-inline-spacing-vertical, p, .gallery-item, .gallery .link-block, .social, .action-buttons, .sprite-scene.poll-prompt, .forum-topic-actions, #submitted, .fanart-img img, .characters-characterList .link-block, .bbcode-quote {
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .forum-topic-actions {
    margin-top: 0;
  }
  #userblock-contents, .profile-icon {
    margin-bottom: 2.441em;
  }
  .poster-name, #character-profile,
  #character-misc, #character-friendsnfamily {
    padding-bottom: 0.41em;
  }
  #registerForm input, #registerForm legend + label {
    margin-top: 0.205em;
  }
  #openingblurb, .sidebar-content,
  footer, nav.global, #profile-icons,
  #registerForm label[for=username] {
    padding-top: 0.512em;
    padding-bottom: 0.41em;
  }
  #wrapper > header {
    padding-top: 0.512em;
    padding-bottom: 0.91em;
  }
  td, th {
    padding-top: 0.256em;
    padding-bottom: 0.205em;
  }
  .forum-topic-list td {
    padding-top: 0;
    padding-bottom: 0;
  }
  .forum-topic-list td * {
    padding-top: 0.256em;
    padding-bottom: 0.205em;
  }
  .forum-topic-list td:first-child {
    padding-top: 0.256em;
    padding-bottom: 0.205em;
  }
  .forum-topic-list td:first-child * {
    padding-top: 0;
    padding-bottom: 0;
  }
  .main-title-link, main > h1, main > h2, .main-title, main > header h1, main > header h2, main > header h3, .gallery h2, #fanfic-title, .fanfic-chapter-body h2, .character-animation h2, .tag-heading, .searchWrapper .gameButtons button, .characters-characterList h2, .characteristics legend, label[for=profile],
  figure, .header-link, .post .post-title, .episode-summary h2, .soundtrack h2, .header-link-in-link, .link-block h1, .link-block h2, .link-block h3, .link-block h4, .link-block h5, .link-block h6 {
    margin-bottom: 0.41em;
  }
  #forum_banner h1 {
    margin-top: 0.41em;
  }
  table caption {
    margin-top: 0.512em;
    margin-bottom: 0.41em;
  }
  #userblock-contents h2, #character-details {
    margin-bottom: 0.41em;
  }
  .poster-info, #character-sidebar {
    border-top-width: 1em;
    border-bottom-width: 1em;
  }
  hr + .action-buttons, #helpbox {
    margin-top: 1em;
  }
  #wrapper > header h1 {
    font-size: 1.953em;
  }
}
@media (max-height: 40em), (max-width: 64em) {
  #wrapper > header h1 {
    font-size: 1.25em;
  }
}
@media (max-height: 30em), (max-width: 40em) {
  #wrapper > header h1 {
    font-size: 1em;
  }
}
@media print {
  section, figure {
    page-break-inside: avoid;
  }
  .episode-poster {
    box-decoration-break: clone;
  }
  #sidebar {
    display: none;
  }
  nav, #show-nav {
    display: none !important;
  }
  .new-item-link, .edit-item-link, .delete-item-link {
    display: none;
  }
  .forum-topic-actions, .forum-actions {
    display: none;
  }
  #forum-reply {
    display: none;
  }
  #page-stats, #legal-link {
    display: none;
  }
  #forum_banner {
    height: auto;
  }
  #forum_banner div {
    display: none;
  }
  .soundtrack-tracklist tr {
    break-before: avoid;
  }
  .soundtrack-tracklist .soundtrack-newcd {
    break-before: auto;
  }
  #wrapper {
    min-height: auto;
    margin: 0;
  }
  #wrapper > header {
    border-top: none;
    border-left: none;
    border-right: none;
  }
  #wrapper > header * {
    text-decoration: none;
  }
  footer {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #frontpage {
    padding: 0;
  }
  * {
    color: black !important;
    background: white !important;
    text-shadow: none !important;
    box-shadow: none !important;
    border-color: black !important;
  }
  *:link {
    text-decoration: underline;
  }
  *:before, *:after {
    content: none !important;
  }
}

/*# sourceMappingURL=style.css.map */