@charset "UTF-8";
/*
 Theme Name:   Deepnight v3
 Theme URI:    https://deepnight.net
 Description:  Deepnight Games version 3
 Author:       Sébastien Benard
 Author URI:   https://deepnight.net
 Version:      3.0.2
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  deepnightchild
*/
/* ----------------------------------------------------------------------------------------------------------
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300&display=swap");
@font-face {
  font-family: "pixel";
  src: url("fonts/Pixel-UniCode.ttf");
}
article,
section,
header,
footer,
nav,
li {
  position: relative; /* For absolutely positioning elements within containers (add more to the list if need be) */
}

.group:after {
  display: block;
  height: 0;
  clear: both;
  content: ".";
  visibility: hidden; /* For clearing */
}

body {
  background: #fff; /* Don't forget to style your body to avoid user overrides */
}

/* ----------------------------------------------------------------------------------------------------------
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14pt;
  font-weight: normal;
}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 10pt;
  color: #BABBCD;
  background-image: url("img/siteBg.png");
  background-repeat: repeat-x;
  background-position: 0 192px;
  background-color: #1b1929;
}
body.home {
  background-size: auto;
}

a {
  color: #EECA04;
  text-decoration: none;
}

a:hover {
  color: white;
  text-decoration: underline;
}

a.likeThis {
  margin-right: 0px;
  color: white;
  padding: 2px 5px;
  border: 1px solid #C8441E;
  border-radius: 2px;
  background-color: #C8441E;
}
a.likeThis:hover {
  text-decoration: none;
  color: white;
  background-color: #EB5023;
  border-color: white;
}
a.likeThis.done {
  color: white !important;
  border-color: #9de524;
  background-color: #8dcd20;
}

.commentLink {
  display: inline-block;
  padding-right: 16px;
  background-image: url("img/icon_comment.png");
  background-position: right center;
  background-repeat: no-repeat;
}

.wp-block-image figcaption {
  padding: 4px 8px !important;
  bottom: 4px !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  text-shadow: 0 1px 2px black;
  pointer-events: none;
}

.wp-block-audio {
  display: grid;
  grid-auto-flow: row;
  grid-template-rows: -webkit-min-content 40px;
  grid-template-rows: min-content 40px;
  margin-bottom: 8px;
  border-radius: 3px;
  background-color: black;
  border: 1px solid #424C59;
}
.wp-block-audio:hover {
  border-color: #D18D4F;
}
.wp-block-audio figcaption {
  grid-row: 1/2;
  margin: 0;
  padding: 5px;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #F1B85D;
  font-size: 11pt;
}
.wp-block-audio audio {
  grid-row: 2/3;
  height: -webkit-min-content;
  height: -moz-min-content;
  height: min-content;
  background: transparent;
}

hr,
.separator,
.wp-block-separator {
  border: none;
  background-color: transparent;
  clear: both;
  margin: 45px 0px;
  font-size: 0;
  background-image: url("img/separator1.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 26px;
}
hr.clear,
.separator.clear,
.wp-block-separator.clear {
  background-image: none;
  font-size: 0;
  height: 1px;
}

.wp-block-quote {
  margin-left: 8px;
  padding-left: 16px;
  border-left: 1px solid #D18D4F;
  font-style: italic;
}

.wp-block-column hr,
.wp-block-column .separator,
.wp-block-column .wp-block-separator {
  background-image: url("img/separatorMedium.png");
}

.imgCache {
  position: absolute;
  top: -9999px;
  pointer-events: none;
}

body.blog hr body.blog .separator,
body.blog .wp-block-separator {
  margin: 40px 0px;
}

.ranksHeader {
  padding: 4px;
  background-color: #153c4a;
  color: #FFE888;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.ranksHeader .name {
  font-family: Helvetica, Arial, sans-serif;
  color: #F1B85D;
  font-size: 10pt;
  font-weight: bold;
  font-weight: normal;
}
.ranksHeader .name a {
  display: block;
  padding-right: 16px;
  color: inherit;
  background-image: url("img/icons/link.png");
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}
.ranksHeader .theme {
  color: #D18D4F;
  font-style: italic;
  font-size: 8pt;
}

.ranksHeader + .ranks {
  padding: 2px;
  background-color: #153c4a;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.ranks .rank {
  display: grid;
  padding: 1px;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  gap: 3px;
  align-items: center;
  border-radius: 4px;
  background-color: #424C59;
}
.ranks .rank.gold {
  color: #fc0;
  text-shadow: 0px 0px 16px #ff7a00;
  background-color: #6f310a;
}
.ranks .rank.gold img {
  filter: drop-shadow(0px 0px 4px #fc0);
}
.ranks .rank.silver {
  color: #54ffd9;
  text-shadow: 0px 0px 16px #6f84db;
  background-color: #2d5569;
}
.ranks .rank.silver img {
  filter: drop-shadow(0px 0px 4px #6f84db);
}
.ranks .rank.bronze {
  color: #ff8974;
  text-shadow: 0px 0px 16px #ff8974;
  background-color: #51202d;
}
.ranks .rank.bronze img {
  filter: drop-shadow(0px 0px 4px #ff8974);
}
.ranks .rank.misc {
  color: #8f8f8f;
  background-color: #2d2f39;
}

form input[type=text] {
  margin-bottom: 1px;
  color: white;
  border: 1px solid #4E5563;
  background-color: #383D47;
}
form input[type=text]:hover {
  border-color: #717A8E;
}
form textarea:focus,
form input[type=text]:focus {
  background-color: #292D34;
  border-color: #8D95A5;
}
form textarea {
  background-color: #383D47;
  color: white;
  border: 1px solid #4E5563;
}

.clear {
  clear: both;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 99;
  display: grid;
  align-items: center;
  justify-items: center;
}
.modal .mask {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
.modal .wrapper {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: grid;
  align-items: center;
  justify-items: center;
}
.modal .wrapper .content {
  padding: 16px;
  max-width: 350px;
  min-height: 50px;
  border-radius: 4px;
  box-shadow: 2px 4px 0px rgba(0, 0, 0, 0.3), 0px 0px 16px rgba(0, 0, 0, 0.6);
  background-color: #424C59;
}
.modal .wrapper .content .buttons {
  display: flex;
  flex-wrap: wrap;
  margin-top: 16px;
}
.modal .wrapper .content .buttons a.button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
  flex: 1 1 auto;
  margin: 1px;
}
.modal .wrapper .content .buttons a.button img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
.modal .wrapper .content .buttons a.button strong {
  color: inherit;
}
.modal .wrapper .content .buttons a.button em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
.modal .wrapper .content .buttons a.button:hover {
  color: white;
  border-color: white;
  background-color: black;
}
.modal .wrapper .content .buttons a.button.major {
  flex: 1 1 0px;
  color: black;
  background-color: #ffc022;
  border: none;
}
.modal .wrapper .content .buttons a.button.major:hover {
  background-color: white;
}

ul li code,
ol li code,
p code,
pre.wp-block-preformatted,
code.inlined {
  display: inline-block;
  padding: 4px;
  padding-left: 6px;
  padding-right: 6px;
  color: #A1B1D9;
  border: 1px solid #394363;
  border-radius: 2px;
  background: #1D2333;
}

pre.wp-block-preformatted {
  display: block;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 15px;
}

.content .wp-block-code,
.content pre[class*=language-] {
  background: rgba(0, 0, 0, 0.15);
  margin-left: -25px;
  margin-right: -25px;
  padding-left: 35px;
  padding-right: 35px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 4px inset, rgba(0, 0, 0, 0.1) 0px -3px 2px inset;
  border-top: 1px solid #2a2e35;
  border-bottom: 1px solid #2a2e35;
  border-radius: 0px;
}

.content .wp-block-code:not([class*=language-]) {
  padding-top: 16px;
  padding-bottom: 16px;
}

.pswp__caption {
  display: grid;
  justify-items: center;
  align-items: center;
  opacity: 1 !important;
  top: -50px;
  bottom: auto;
  background: transparent;
  -webkit-animation: captionSlide 0.4s forwards;
          animation: captionSlide 0.4s forwards;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
  pointer-events: none;
}
@-webkit-keyframes captionSlide {
  100% {
    top: 8px;
  }
}
@keyframes captionSlide {
  100% {
    top: 8px;
  }
}
.pswp__caption .pswp__caption__center {
  max-width: none;
  color: white;
  background-color: #D18D4F;
  text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  border-bottom: 1px solid #F1B85D;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}
.pswp__caption .pswp__caption__center:empty {
  display: none !important;
}

.pswp__top-bar {
  background: transparent !important;
}

header,
#main,
footer.main #footer-sidebar {
  max-width: 900px;
  margin: auto;
}

body.game {
  background-position-y: 108px;
}
body.game header.main {
  margin-bottom: 8px;
}
body.game header.main #mainMenu ul li > a {
  font-size: 12pt;
}
body.game header.main #socialMenu,
body.game header.main #projectsMenu {
  display: none;
}
body.game header.main .banner {
  height: 108px;
  background-image: url("img/bannerSmall.png");
}
body.game header.main .banner a {
  margin-top: 25px;
}
body.game .clientWrapper ul.buttons {
  font-size: 10pt;
  grid-column: 1/3;
  margin: 0;
  margin-top: 8px;
}
body.game ul.buttons {
  margin: 0px;
  padding: 0px;
  margin-bottom: 20px;
  list-style: none;
  padding-left: 1px;
  padding-top: 1px;
  border: 1px solid #353a4b;
  border-radius: 3px;
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  align-content: stretch;
}
body.game ul.buttons li {
  margin: 0px;
  padding: 0px;
  padding-right: 1px;
  padding-bottom: 1px;
  box-sizing: border-box;
  flex-grow: 1;
}
body.game ul.buttons li.icon {
  flex: 0 0 35px;
}
body.game ul.buttons li.icon a {
  padding: 0;
  background-position: center;
}
body.game ul.buttons li a {
  display: table;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 10px;
  padding-left: 40px;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 8pt;
  text-align: left;
  white-space: nowrap;
  border-radius: 2px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3);
  background: #282c38;
  background-position: 8px center;
  background-repeat: no-repeat;
  background-image: url("img/btIcons/out.png");
}
body.game ul.buttons li a:hover {
  text-decoration: none;
  background-color: #EECA04 !important;
  color: black !important;
}
body.game ul.buttons li a[href*="deepnight.net"],
body.game ul.buttons li a[href^=".."],
body.game ul.buttons li a[href^="/"] {
  background-image: url("img/btIcons/internal.png");
}
body.game ul.buttons li a[href*="youtube.com"] {
  background-image: url("img/btIcons/video.png");
}
body.game ul.buttons li a[href*="itch.io"] {
  color: white;
  background-image: url("img/icons/itchio.svg");
  background-color: #fa5c5c;
  background-size: 17px;
}
body.game ul.buttons li a[href*="itch.io"]:hover {
  color: white !important;
  background-color: #fa8b77 !important;
}
body.game ul.buttons li a[href*=discord] {
  color: white;
  background-image: url("img/icons/discord.svg");
  background-color: #6e85d3;
  background-size: 17px;
}
body.game ul.buttons li a[href*=twitter] {
  color: white;
  background-image: url("img/icons/twitter.svg");
  background-color: #1d9bf0;
  background-size: 24px;
}
body.game ul.buttons li a[href*="ldjam.com"],
body.game ul.buttons li a[href*="ludumdare.com"] {
  background-image: url("img/icons/ludum.svg");
  background-size: 17px;
}
body.game ul.buttons li a[href*="github.com"] {
  background-image: url("img/btIcons/git.png");
  background-color: #203b59;
}
body.game ul.buttons li a[href$=".zip"] {
  background-color: #592023;
  background-image: url("img/btIcons/dl.png");
}
body.game ul.buttons li a[href*=steampowered] {
  color: white;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
  background-color: #5c8b1b;
  background-image: url("img/icons/steam.png");
  background-size: 17px;
}
body.game ul.buttons li a[href*=steampowered]:hover {
  color: white !important;
  background-color: #6ea620 !important;
}
body.game ul.buttons li a[href*="twitter.com"] {
  background-color: #34425d;
  background-image: url("img/btIcons/twitter.png");
}
body.game ul.buttons li a[href*="mailto:"] {
  background-color: #6b2a39;
  background-image: url("img/btIcons/mail.png");
}
body.game ul.buttons li:not(.icon):first-of-type {
  flex-grow: 2;
}

header.main {
  margin-bottom: 25px;
  max-width: none;
}
header.main .banner {
  margin: auto;
  padding-top: 1px;
  height: 192px;
  max-width: 100%;
  font-size: 0pt;
  line-height: 0pt;
  box-sizing: border-box;
  background-image: url("img/banner.png?v=9");
  background-repeat: no-repeat;
  background-position: center bottom;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}
header.main .banner a {
  display: block;
  width: 350px;
  height: 60px;
  margin: auto;
  margin-top: 110px;
}
header.main nav ul {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}
header.main nav ul li {
  margin: 0;
  padding: 0;
}
header.main nav#mainMenu,
header.main nav#projectsMenu {
  position: relative;
  max-width: 900px;
  margin: auto;
}
header.main nav#mainMenu ul,
header.main nav#projectsMenu ul {
  justify-content: center;
}
header.main nav#mainMenu ul li,
header.main nav#projectsMenu ul li {
  font-family: Helvetica, Arial, sans-serif;
}
header.main nav#mainMenu ul li > a,
header.main nav#projectsMenu ul li > a {
  font-family: "pixel", Helvetica, Arial, sans-serif;
  word-spacing: 3px;
  font-weight: normal;
  scale: 1;
  display: inline-block;
  align-items: center;
  padding: 3px 8px;
  color: #78d7ff;
  font-size: 18pt;
  text-transform: uppercase;
  text-align: left;
  text-shadow: 0px 1px 2px black;
  white-space: nowrap;
  text-rendering: optimizeLegibility;
}
header.main nav#mainMenu ul li > a:hover,
header.main nav#projectsMenu ul li > a:hover {
  color: #689aff;
  text-decoration: none;
}
header.main nav#mainMenu ul li.current_page_item > a,
header.main nav#projectsMenu ul li.current_page_item > a {
  color: black !important;
  text-decoration: none;
  background-color: #FFF540;
  border-radius: 2px;
  text-shadow: none;
}
@media screen and (max-width: 600px) {
  header.main nav#mainMenu ul,
header.main nav#projectsMenu ul {
    flex-wrap: wrap;
  }
  header.main nav#mainMenu ul li a,
header.main nav#projectsMenu ul li a {
    padding: 8px 6px;
    font-size: 16pt;
  }
}
header.main nav#mainMenu {
  padding-bottom: 5px;
}
header.main nav#projectsMenu {
  padding-bottom: 10px;
}
header.main nav#projectsMenu ul li > a {
  color: #cf968c;
  font-size: 12pt;
}
header.main nav#projectsMenu ul li > a:hover {
  color: #f1aea3;
}
header.main nav#socialMenu {
  position: relative;
  max-width: 900px;
  margin: auto;
  font-size: 0;
}
header.main nav#socialMenu ul {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-wrap: nowrap;
  gap: 2px;
  top: 3px;
  right: 0px;
}
header.main nav#socialMenu ul li {
  color: transparent;
}
header.main nav#socialMenu ul li a {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 1px;
  text-decoration: none;
  background-position: center;
  background-repeat: no-repeat;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}
header.main nav#socialMenu ul li a:hover {
  opacity: 1;
}
header.main nav#socialMenu ul li a[href*=twitter] {
  background-image: url("img/icons/tiny_light_twitter.png");
}
header.main nav#socialMenu ul li a[href*=twitter]:hover {
  background-image: url("img/icons/tiny_twitter.png");
}
header.main nav#socialMenu ul li a[href*=itch] {
  background-image: url("img/icons/tiny_light_itchio.png");
}
header.main nav#socialMenu ul li a[href*=itch]:hover {
  background-image: url("img/icons/tiny_itchio.png");
}
header.main nav#socialMenu ul li a[href*=mastodon] {
  background-image: url("img/icons/tiny_light_mastodon.png");
}
header.main nav#socialMenu ul li a[href*=mastodon]:hover {
  background-image: url("img/icons/tiny_mastodon.png");
}
header.main nav#socialMenu ul li a[href*=discord] {
  background-image: url("img/icons/tiny_light_discord.png");
}
header.main nav#socialMenu ul li a[href*=discord]:hover {
  background-image: url("img/icons/tiny_discord.png");
}
header.main nav#socialMenu ul li a[href*=github] {
  background-image: url("img/icons/tiny_light_github.png");
}
header.main nav#socialMenu ul li a[href*=github]:hover {
  background-image: url("img/icons/tiny_github.png");
}
header.main nav#socialMenu ul li a[href*=youtube] {
  background-image: url("img/icons/tiny_light_youtube.png");
}
header.main nav#socialMenu ul li a[href*=youtube]:hover {
  background-image: url("img/icons/tiny_youtube.png");
}
@media screen and (max-width: 600px) {
  header.main nav#socialMenu {
    display: none;
  }
}

footer.main {
  margin-top: 40px;
  padding: 40px 0px;
  background-color: #121316;
  border-top: 1px solid #2E3138;
}
footer.main .copy,
footer.main .notice {
  text-align: center;
  font-size: 9pt;
  color: #8E94A6;
}
footer.main .copy a {
  color: #8E94A6;
}
footer.main .notice {
  margin-top: 3px;
  font-style: italic;
}

nav.pagination .previous a,
nav.pagination .next a {
  display: block;
  max-width: 50%;
  min-width: 200px;
  margin: 15px auto;
  padding: 10px;
  text-align: center;
  color: #9FA5B0;
  background-color: #32353D;
  border-bottom: 1px solid #4B505C;
}
nav.pagination .previous a:hover,
nav.pagination .next a:hover {
  text-decoration: none;
  color: white;
  background-color: #424651;
}

article:last-of-type .content {
  border-bottom: none;
}

body.single-post article footer {
  display: block;
}

article {
  clear: both;
  margin-bottom: 20px;
}
article .body {
  padding: 25px;
  background-color: #130d1d;
  border-radius: 7px;
  overflow: hidden;
}
article header:not([class]) {
  display: table;
  width: 100%;
  margin-bottom: 25px;
  border-bottom: 1px dashed #424C59;
  padding-bottom: 10px;
}
article header:not([class]) .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  display: table-cell;
  vertical-align: middle;
  max-width: 65%;
  padding-top: 5px;
  padding-left: 15px;
  font-size: 24pt;
  color: #F1B85D;
}
article header:not([class]) a.title:hover {
  color: white;
  text-decoration: none;
}
article header:not([class]) .infos {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  min-width: 80px;
  font-size: 9pt;
  text-align: right;
}
article header:not([class]) .infos a {
  color: #F1B85D;
}
article header:not([class]) .infos a:hover {
  color: white;
}
article header:not([class]) a.back {
  display: table-cell;
  vertical-align: middle;
  margin-right: 5px;
  width: 24px;
  height: 48px;
  font-size: 0;
  background-color: #DA8A02;
  background-image: url("img/back.png");
  background-repeat: no-repeat;
  background-position: center center;
}
article header:not([class]) a.back:hover {
  background-color: white;
}
article header time,
article a.item time {
  display: table-cell;
  vertical-align: middle;
  width: 50px;
  padding: 5px 0px;
  margin-right: 10px;
  text-align: center;
  color: #353945;
  background-color: #ffc022;
}
article header time .month,
article a.item time .month {
  display: block;
  font-size: 9pt;
}
article header time .day,
article a.item time .day {
  display: block;
  font-size: 20pt;
  line-height: 21pt;
}
article header time .year,
article a.item time .year {
  display: block;
  font-size: 7.5pt;
}
article header time .edit,
article a.item time .edit {
  position: absolute;
  margin-top: 10px;
  font-size: 8pt;
  opacity: 0.3;
}
article .content {
  margin-bottom: 20px;
  border-bottom: 1px solid #373A42;
}
article .content a.button {
  display: inline-block;
  background-color: #30333D;
  padding: 8px;
  margin-bottom: 8px;
  border-top: 1px solid #424655;
  min-width: 33%;
  font-size: 1.5em;
}
article .content a.button em {
  color: #DD7415;
  display: block;
  font-style: normal;
  font-size: 9pt;
  opacity: 0.6;
  font-weight: normal;
}
article .content a.button:hover {
  text-decoration: none;
  background-color: #383C47;
}
article .content .wp-block-image.imgLink {
  display: grid;
}
article .content .wp-block-image.imgLink a img {
  width: 100%;
  height: 128px;
  -o-object-fit: cover;
     object-fit: cover;
  outline: 1px solid #ffc022;
  outline-offset: -1px;
}
article .content .wp-block-image.imgLink figcaption {
  grid-row: 1/2;
  color: black;
  background-color: #ffc022;
  margin: 0;
}
article .content .wp-block-image.imgLink figcaption strong {
  color: black;
}
article .content .wp-block-image.imgLink figcaption em {
  display: block;
  font-style: normal;
  opacity: 0.6;
}
article .content ul.toc {
  padding-bottom: 10px;
  margin-bottom: 20px;
  padding-left: 20px;
  border-bottom: 1px dashed #373A42;
}
article .content ul.toc li {
  margin-bottom: 5px;
  color: #ffc022;
  cursor: pointer;
}
article .content ul.toc li:hover {
  color: white;
}
article .content ul.toc li.sub {
  padding-left: 30px !important;
}
article .content ul.toc li.sub ~ li:not(.sub) {
  margin-top: 11px;
}
article .content ul.toc li.active {
  background-color: #282E35;
}
article .content ul.toc.floating {
  position: fixed;
  z-index: 99;
  max-width: 200px;
  top: 100px;
  margin-left: -225px;
  background: black;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 2px;
  border: none;
  border-right: 2px solid #ffc022;
  font-size: 85%;
}
article .content ul.toc.floating li {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 3px;
}
article .content .tocFloatingMask {
  position: fixed;
  display: none;
  z-index: 98;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
}
article .content a.floatingButton {
  visibility: hidden;
  position: fixed;
  z-index: 100;
  display: none;
  top: 0;
  right: 0;
  min-width: 1.3cm;
  min-height: 1.3cm;
  padding: 0.3cm;
  box-sizing: border-box;
  box-shadow: 0px 0px 8px black;
  background-color: #424C59;
  background-image: url("img/menuHamburger.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  background-origin: content-box;
}
article .content a.floatingButton.expand {
  visibility: visible;
  width: 70%;
  max-width: none;
  background-image: url("img/close.png");
  background-position: right center;
}
article .content h2.tocActive,
article .content h3.tocActive {
  color: #FFE888;
  border-left: 3px solid #F1B85D;
  margin-left: -25px;
  padding-left: 25px;
  background-color: transparent;
  transition-property: background-color;
  transition-duration: 0.9s;
}
article .content h2.tocBlink,
article .content h3.tocBlink {
  background-color: #D18D4F;
  transition-duration: 0.5s;
}
article .content .wp-block-buttons {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  align-content: stretch;
  grid-gap: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}
article .content .wp-block-buttons:first-child {
  margin-top: 0;
}
article .content .wp-block-buttons .wp-block-button {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  flex-grow: 1;
}
article .content .wp-block-buttons .wp-block-button a.wp-block-button__link {
  display: grid;
  width: 100%;
  height: 100%;
  grid-template-columns: auto;
  align-items: center;
}
article .content .wp-block-buttons .wp-block-button.icon a.wp-block-button__link {
  grid-auto-flow: column;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
}
article .content .wp-block-buttons.icons {
  margin: 0;
  gap: 4px;
  flex-flow: row;
  flex-wrap: nowrap;
}
article .content .wp-block-buttons.icons .wp-block-button,
article .content .wp-block-buttons .wp-block-button.icon {
  flex: 0 0 auto;
}
article .content .wp-block-buttons.icons .wp-block-button a,
article .content .wp-block-buttons .wp-block-button.icon a {
  padding: 4px;
  border-color: transparent;
  border-radius: 4px;
}
article .content .wp-block-buttons.icons .wp-block-button a:hover,
article .content .wp-block-buttons .wp-block-button.icon a:hover {
  border-color: white;
}
article .content .wp-block-buttons.icons .wp-block-button a img,
article .content .wp-block-buttons .wp-block-button.icon a img {
  max-width: 24px;
}
article .content .wp-block-buttons.icons .wp-block-button.major,
article .content .wp-block-buttons .wp-block-button.icon.major {
  min-width: 0;
}
article .content .wp-block-buttons.icons .wp-block-button.major a,
article .content .wp-block-buttons .wp-block-button.icon.major a {
  background-color: #ffc022;
}
article .content .wp-block-buttons.icons .wp-block-button.major a img,
article .content .wp-block-buttons .wp-block-button.icon.major a img {
  filter: brightness(0);
}
article .content a.wp-block-button__link {
  flex-grow: 1;
  box-sizing: border-box;
  vertical-align: middle;
  display: grid;
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
}
article .content a.wp-block-button__link img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
article .content a.wp-block-button__link strong {
  color: inherit;
}
article .content a.wp-block-button__link em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
article .content a.wp-block-button__link:hover {
  color: white;
  border-color: white;
  background-color: black;
}
article .content div.wp-block-button.minor a.wp-block-button__link,
article .content a.wp-block-button__link.minor {
  border-color: #e16c17;
}
article .content div.wp-block-button.major a.wp-block-button__link,
article .content a.wp-block-button__link.major {
  background-color: #ffc022;
  flex-grow: 2;
  color: black;
}
article .content div.wp-block-button.major a.wp-block-button__link:hover,
article .content a.wp-block-button__link.major:hover {
  background-color: white;
  color: black;
}
article .content .wp-block-image img {
  max-width: 100%;
  height: auto;
}
article .content .wp-block-image.full img {
  width: 100%;
}
article .content dl {
  padding-left: 30px;
}
article .content dl dt {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  padding-bottom: 8px;
  padding-left: 16px;
  padding-top: 8px;
  border-left: 1px solid #788094;
  color: #FFE888;
  font-size: 1.3em;
}
article .content dl dd {
  padding-left: 16px;
  border-left: 1px solid #788094;
  padding-bottom: 8px;
  font-style: italic;
}
article .content dl dd + dt {
  margin-top: 16px;
}
article .content .warning {
  color: white;
  background-color: #52121E;
  padding: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
}
article .content .wp-block-cover {
  height: auto;
  position: relative;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.2);
  text-shadow: -1px -1px 0px black, 1px 1px 0px black, 1px 2px 0px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 8px black;
  border-radius: 3px;
}
article .content .wp-block-cover a {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 32px;
  box-sizing: border-box;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  border: 1px solid #2e3138;
  border-radius: 3px;
  outline: 1px solid black;
  outline-offset: -2px;
}
article .content .wp-block-cover a strong {
  padding: 2px 8px;
  font-size: 20pt;
  font-weight: normal;
  color: #FFE888;
  background-color: rgba(57, 36, 36, 0.5);
  border-radius: 3px;
}
article .content .wp-block-cover a em {
  margin-top: 8px;
  padding: 2px 8px;
  font-size: 10pt;
  font-style: normal;
  color: #F1B85D;
  background-color: rgba(57, 36, 36, 0.5);
  border-radius: 3px;
}
article .content .wp-block-cover a:hover strong, article .content .wp-block-cover a:hover em {
  color: white;
}
article .content .wp-block-cover a:hover {
  text-decoration: none;
  border-color: white;
}
article .content ul.tutorialList {
  list-style: none;
}
article .content ul.tutorialList li + li {
  margin-top: 16px;
}
article .content ul.tutorialList li a {
  display: block;
  position: relative;
  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.5);
  border-top: 1px solid #343442;
  border-bottom: 1px solid black;
  background-size: cover;
  background-position: 50% 70%;
  min-height: 180px;
  box-sizing: border-box;
  border: 1px solid #120c1c;
}
article .content ul.tutorialList li a .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  display: block;
  padding: 8px;
  background: #ffc022;
  color: black;
  font-size: 13pt;
}
article .content ul.tutorialList li a .desc {
  display: block;
  font-size: 9pt;
  color: #b8becf;
  padding: 8px;
  background: rgba(0, 0, 0, 0.2);
  text-shadow: 0px 1px 2px black, 0px -1px 2px black, 0px 2px 8px black;
}
article .content ul.tutorialList li a:hover {
  text-decoration: none;
  border-color: white;
}
article footer {
  display: none;
  margin-bottom: -10px;
  font-size: 8pt;
  text-align: right;
  opacity: 0.6;
  color: #656B7A;
}
article footer a {
  display: inline-block;
  vertical-align: middle;
  color: #8C919F;
  margin: 0px 5px;
}
article footer a:hover {
  color: white;
}

body.about #main {
  max-width: 600px;
}

body.tutorials article .content .wp-block-cover {
  border-left: 3px solid #ffc022;
  min-height: 115px !important;
}
body.tutorials article .content .wp-block-cover a {
  display: block;
  padding: 10px;
  width: calc(100% - 20px);
  height: calc(100% - 20px);
  text-align: left;
  font-size: 15pt;
}
body.tutorials article .content .wp-block-cover a em {
  display: block;
  padding-top: 2px;
  font-style: normal;
  font-size: 10pt;
  color: #b8becf;
}
body.tutorials article .content .wp-block-cover:hover {
  border-color: white;
}
body.tutorials article .content .wp-block-cover + .wp-block-cover {
  margin-top: 8px;
}
body.tutorials article .content .tutoIntro {
  min-height: 3.8em;
  text-align: justify;
}
body.tutorials article .content .wp-block-column:not(:first-child) {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #424C59;
}

body.gameSheet article header a.back,
body.changelog article header a.back {
  width: 48px;
  background-color: #ffc022;
}
body.gameSheet article header a.back:hover,
body.changelog article header a.back:hover {
  background-color: white;
}

body.gameSheet article .body header {
  margin-bottom: 8px;
}
body.gameSheet article .body header .specs {
  display: table-row;
}
body.gameSheet article .body dl.specs {
  display: grid;
  grid-template-columns: 6em auto;
  border-bottom: 1px dashed #424C59;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
body.gameSheet article .body dl.specs dt {
  font-weight: bold;
  color: #FFE888;
}
body.gameSheet article .body dl.specs dd span {
  display: inline-block;
}
body.gameSheet article .body dl.specs dd span + span:before {
  content: ", ";
}

.tldr {
  color: white;
  grid-template-columns: 1fr 0.75fr;
  text-align: justify;
  padding: 0;
  margin-left: -25px;
  margin-right: -25px;
  background-color: #2f1a23;
  background-image: linear-gradient(90deg, rgb(23, 25, 30) 0%, rgb(47, 26, 35) 6%, rgb(47, 26, 35) 94%, rgb(23, 25, 30) 100%);
  box-shadow: 0px 7px 16px rgba(0, 0, 0, 0.4);
}
.tldr .has-small-font-size {
  color: #F1B85D;
}
.tldr .wp-block-media-text__content {
  padding: 25px !important;
}

#main .content .intro {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  margin: auto;
  margin-bottom: 35px;
  -o-border-image: url("img/scroll.png");
     border-image: url("img/scroll.png");
  border-image-slice: 87 87 fill;
  border-image-repeat: repeat;
  border-width: 87px 87px;
  border-style: solid;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
}
#main .content .intro > .wp-block-group__inner-container {
  margin-left: -42px;
  margin-right: -42px;
  margin-top: -35px;
  margin-bottom: -55px;
}
#main .content .intro .major, #main .content .intro .minor {
  display: block;
  min-width: 500px;
  margin: 0;
}
#main .content .intro .major p, #main .content .intro .minor p {
  margin: 0;
}
#main .content .intro .major a, #main .content .intro .minor a {
  color: #FFF7D8;
}
#main .content .intro .major a:hover, #main .content .intro .minor a:hover {
  color: white;
  text-decoration: none;
}
#main .content .intro .major {
  font-family: "pixel", Helvetica, Arial, sans-serif;
  word-spacing: 3px;
  font-weight: normal;
  scale: 1;
  text-align: center;
  color: white;
  font-size: 20pt;
  line-height: 0.9em;
  word-spacing: 4px;
  text-rendering: geometricPrecision;
  text-transform: uppercase;
  white-space: nowrap;
  text-shadow: 0 2px 0px black;
}
#main .content .intro .minor {
  font-family: "pixel", Helvetica, Arial, sans-serif;
  word-spacing: 3px;
  font-weight: normal;
  scale: 1;
  color: #EFC096;
  text-align: left;
  margin-top: 5px;
  font-size: 18pt;
  line-height: 0.9em;
  word-spacing: 4px;
  text-rendering: geometricPrecision;
  text-shadow: 0 1px 0px black;
}
#main .content .intro .minor strong {
  color: inherit;
}
@media screen and (max-width: 600px) {
  #main .content .intro {
    max-width: none;
    width: auto;
  }
  #main .content .intro .major, #main .content .intro .minor {
    white-space: initial;
    min-width: 0;
  }
}

.wp-block-columns.dev {
  margin-bottom: 0px;
}
.wp-block-columns.dev .wp-block-column {
  margin-bottom: 0px;
}

article.list {
  max-width: 550px;
  margin: auto;
}
article.list a.item {
  display: table;
  width: 100%;
  margin: auto;
  margin-bottom: 10px;
  text-decoration: none;
  background-color: #0D1113;
}
article.list a.item .cell-thumb {
  display: table-cell;
  vertical-align: middle;
  width: 90px;
}
article.list a.item .cell-thumb img {
  width: 100%;
  height: auto;
  box-shadow: 0px 0px 5px black;
  border: 1px solid #3d404a;
}
article.list a.item .cell-infos {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-bottom: 5px;
}
article.list a.item .cell-infos .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  margin-bottom: 5px;
  color: #F1B85D;
  font-size: 16pt;
}
article.list a.item .cell-infos .excerpt {
  color: #7B899D;
  font-size: 8pt;
}
article.list a.item time {
  display: table-cell;
}
article.list a.item:hover {
  background-color: #090C0D;
  outline: 1px solid white;
}
article.list a.item:hover .cell-infos .title {
  color: #FFE888;
}
article.list a.post-edit-link {
  position: absolute;
  display: block;
  width: 60px;
  right: 65px;
  font-size: 7pt;
  opacity: 0.3;
  text-align: right;
}

article .content h1,
article .content h2,
article .content h3,
article .content h4,
article .content h5,
article .content h6,
li.comment .content h1,
li.comment .content h2,
li.comment .content h3,
li.comment .content h4,
li.comment .content h5,
li.comment .content h6 {
  margin: 0px;
  margin-top: 40px;
  margin-bottom: 15px;
  padding: 0px;
  font-weight: normal;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #F1B85D;
}
article .content h2,
li.comment .content h2 {
  margin-top: 45px;
  padding-top: 50px;
  background-image: url("img/separator1.png");
  background-repeat: no-repeat;
  background-position: top center;
}
article .content h2.noSep,
article .content h2:first-child,
article .content .wp-block-buttons + h2,
article .content h1 + h2,
article .content hr + h2,
article .content .toc + h2,
li.comment .content h2.noSep,
li.comment .content h2:first-child,
li.comment .content .wp-block-buttons + h2,
li.comment .content h1 + h2,
li.comment .content hr + h2,
li.comment .content .toc + h2 {
  padding-top: 0;
  background: none;
}
article .content h1:first-child,
article .content h2:first-child,
article .content h3:first-child,
article .content h4:first-child,
article .content h5:first-child,
article .content h6:first-child,
article .content hr + h1,
article .content hr + h2,
article .content hr + h3,
article .content hr + h4,
article .content hr + h5,
li.comment .content h1:first-child,
li.comment .content h2:first-child,
li.comment .content h3:first-child,
li.comment .content h4:first-child,
li.comment .content h5:first-child,
li.comment .content h6:first-child,
li.comment .content hr + h1,
li.comment .content hr + h2,
li.comment .content hr + h3,
li.comment .content hr + h4,
li.comment .content hr + h5 {
  margin-top: 0px;
}
article .content h1 + h2,
article .content h2 + h3,
article .content h3 + h4,
article .content h4 + h5,
li.comment .content h1 + h2,
li.comment .content h2 + h3,
li.comment .content h3 + h4,
li.comment .content h4 + h5 {
  margin-top: 15px;
}
article .content h1,
article .content h2,
li.comment .content h1,
li.comment .content h2 {
  font-size: 26pt;
}
article .content h3,
li.comment .content h3 {
  font-size: 20pt;
  color: #D18D4F;
}
article .content h4,
article .content h5,
article .content h6,
li.comment .content h4,
li.comment .content h5,
li.comment .content h6 {
  opacity: 0.73;
  font-size: 14pt;
}
article .content h2.big,
li.comment .content h2.big {
  text-align: center;
  font-weight: bold;
  color: white;
  background-image: none;
  padding: 0;
  margin-top: 8px;
  margin-bottom: 32px;
}
article .content h2.big + h3.big,
li.comment .content h2.big + h3.big {
  margin-top: -32px;
}
article .content h3.big,
li.comment .content h3.big {
  text-align: center;
  color: #F1B85D;
  margin-bottom: 32px;
}
article .content p,
li.comment .content p {
  margin-bottom: 15px;
}
article .content .wp-caption,
li.comment .content .wp-caption {
  max-width: 600px !important;
}
article .content .wp-caption .wp-caption-text,
li.comment .content .wp-caption .wp-caption-text {
  background-color: #181B1F;
  padding: 8px;
  font-size: 8pt;
  color: #677889;
}
article .content .wp-block-image figcaption,
li.comment .content .wp-block-image figcaption {
  margin-top: 0;
  background-color: black;
  padding: 8px;
  font-size: 9pt;
  color: #677889;
}
article .content .wp-block-media-text,
li.comment .content .wp-block-media-text {
  margin-bottom: 10px;
}
article .content .wp-block-media-text figure.wp-block-media-text__media,
li.comment .content .wp-block-media-text figure.wp-block-media-text__media {
  min-height: 0 !important;
}
article .content .wp-block-media-text .wp-block-media-text__media img,
li.comment .content .wp-block-media-text .wp-block-media-text__media img {
  height: auto;
}
article .content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content,
li.comment .content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
  padding-left: 0;
}
article .content .wp-block-image figure.alignleft,
article .content .wp-block-image figure.alignright,
li.comment .content .wp-block-image figure.alignleft,
li.comment .content .wp-block-image figure.alignright {
  max-width: 45%;
}
article .content .wp-block-image figure.alignleft img,
article .content .wp-block-image figure.alignright img,
li.comment .content .wp-block-image figure.alignleft img,
li.comment .content .wp-block-image figure.alignright img {
  height: auto;
}
article .content .wp-block-image figure.aligncenter a:hover img,
article .content .wp-block-image figure.alignleft a:hover img,
article .content .wp-block-image figure.alignright a:hover img,
li.comment .content .wp-block-image figure.aligncenter a:hover img,
li.comment .content .wp-block-image figure.alignleft a:hover img,
li.comment .content .wp-block-image figure.alignright a:hover img {
  outline: 1px solid white;
}
article .content .wp-block-image a:hover img,
li.comment .content .wp-block-image a:hover img {
  outline: 1px solid white;
}
article .content .wp-block-image figure.alignleft,
li.comment .content .wp-block-image figure.alignleft {
  margin-right: 1em;
  margin-bottom: 1em;
}
article .content .wp-block-image figure.alignright,
li.comment .content .wp-block-image figure.alignright {
  margin-left: 1em;
  margin-bottom: 1em;
}
article .content img.alignnone,
li.comment .content img.alignnone {
  width: 100%;
  height: auto !important;
}
article .content img.alignright,
li.comment .content img.alignright {
  float: right;
  margin-left: 10px;
}
article .content img.alignleft,
li.comment .content img.alignleft {
  float: left;
  margin-left: 10px;
}
article .content img.clean,
li.comment .content img.clean {
  box-shadow: none;
  outline: none;
  border: none;
}
article .content b,
article .content strong,
li.comment .content b,
li.comment .content strong {
  color: white;
}
article .content a strong,
li.comment .content a strong {
  color: #FFFF9D;
}
article .content ul:not([class]),
li.comment .content ul:not([class]) {
  margin: 20px 0px;
  padding-left: 40px;
}
article .content ul:not([class]) li,
li.comment .content ul:not([class]) li {
  list-style: square;
}
article .content ul:not([class]) li + li,
li.comment .content ul:not([class]) li + li {
  margin-top: 15px;
}
article .content ol,
li.comment .content ol {
  margin: 20px 0px;
  padding-left: 40px;
  list-style: none;
  counter-reset: li;
}
article .content ol li::before,
li.comment .content ol li::before {
  content: counter(li) ".";
  color: white;
  display: inline-block;
  font-weight: bold;
  width: 1.6em;
}
article .content ol li,
li.comment .content ol li {
  counter-increment: li;
}
article .content ol li + li,
li.comment .content ol li + li {
  margin-top: 15px;
}
article .content .wp-block-embed,
li.comment .content .wp-block-embed {
  background-color: black;
  border-radius: 4px;
  margin-bottom: 1.5em;
}
article .content .wp-block-embed figcaption,
li.comment .content .wp-block-embed figcaption {
  margin-bottom: 0;
}
article .content .wp-block-gallery,
li.comment .content .wp-block-gallery {
  margin-bottom: 1em;
}
article .content .wp-block-gallery .blocks-gallery-item,
li.comment .content .wp-block-gallery .blocks-gallery-item {
  margin: 2px;
}
article .content .wp-block-gallery .blocks-gallery-item a:hover img,
li.comment .content .wp-block-gallery .blocks-gallery-item a:hover img {
  outline: 1px solid white !important;
}
article .content .wp-block-gallery .blocks-gallery-item figcaption,
li.comment .content .wp-block-gallery .blocks-gallery-item figcaption {
  display: none;
  box-sizing: border-box;
}
article .content .wp-block-gallery figcaption,
li.comment .content .wp-block-gallery figcaption {
  width: 100%;
}
@media screen and (min-width: 600px) {
  article .content .wp-block-gallery.art .wp-block-image:first-child,
li.comment .content .wp-block-gallery.art .wp-block-image:first-child {
    width: 50% !important;
  }
}
article .content .wp-block-gallery.tutorial.columns-1 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-1 ul.blocks-gallery-grid {
  grid-template-columns: auto;
}
article .content .wp-block-gallery.tutorial.columns-2 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-2 ul.blocks-gallery-grid {
  grid-template-columns: repeat(2, auto);
}
article .content .wp-block-gallery.tutorial.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-3 ul.blocks-gallery-grid {
  grid-template-columns: repeat(3, auto);
}
article .content .wp-block-gallery.tutorial.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-4 ul.blocks-gallery-grid {
  grid-template-columns: repeat(4, auto);
}
article .content .wp-block-gallery.tutorial.columns-5 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-5 ul.blocks-gallery-grid {
  grid-template-columns: repeat(5, auto);
}
@media screen and (max-width: 400px) {
  article .content .wp-block-gallery.tutorial.columns-1 ul.blocks-gallery-grid, article .content .wp-block-gallery.tutorial.columns-2 ul.blocks-gallery-grid, article .content .wp-block-gallery.tutorial.columns-3 ul.blocks-gallery-grid, article .content .wp-block-gallery.tutorial.columns-4 ul.blocks-gallery-grid, article .content .wp-block-gallery.tutorial.columns-5 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-1 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-2 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial.columns-5 ul.blocks-gallery-grid {
    grid-template-columns: auto;
  }
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid {
  counter-reset: gallery;
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(3, auto);
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item {
  counter-increment: gallery;
  width: 100%;
  margin-bottom: 8px;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure {
  padding-top: 40px;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure a,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure a {
  padding-top: 40px;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure a img,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure a img {
  outline: 2px solid #424C59;
  outline-offset: -2px;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption {
  display: block;
  box-sizing: border-box;
  top: 0;
  bottom: auto;
  min-height: 50px;
  padding: 8px;
  left: 3%;
  width: 94%;
  font-size: 8.5pt;
  color: white;
  text-align: left;
  background: #377B6F;
  pointer-events: none;
  border: 1px solid #91DBC2;
  box-shadow: 0px 4px 8px black;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption::before,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption::before {
  content: counter(gallery) ". ";
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong {
  display: inline-block;
  color: white;
  padding: 2px 4px;
  margin-top: 1px;
  margin-bottom: 1px;
  border-radius: 2px;
  background-color: #120c1c;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption {
  background-color: #45998A;
  outline: 1px solid white;
}
article .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption strong,
li.comment .content .wp-block-gallery.tutorial ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption strong {
  background-color: #424C59;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure {
  padding-bottom: 20px;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure a img,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure a img {
  outline: 2px solid #424C59;
  outline-offset: -2px;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption {
  display: grid;
  align-content: center;
  justify-content: center;
  box-sizing: border-box;
  bottom: 0;
  min-height: 30px;
  padding: 8px;
  left: 3%;
  width: 94%;
  font-size: 8.5pt;
  color: white;
  text-align: left;
  background: black;
  pointer-events: none;
  box-shadow: 0px 4px 8px black;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong {
  display: inline-block;
  color: white;
  padding: 2px 4px;
  margin-top: 1px;
  margin-bottom: 1px;
  border-radius: 2px;
  background-color: #120c1c;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption {
  background-color: #424C59;
  outline: 1px solid white;
}
article .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption strong,
li.comment .content .wp-block-gallery.captions ul.blocks-gallery-grid li.blocks-gallery-item figure:hover figcaption strong {
  background-color: #424C59;
}
article .content .wp-block-gallery.features,
li.comment .content .wp-block-gallery.features {
  margin-top: 32px;
  margin-bottom: 32px;
}
article .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid {
  grid-template-columns: repeat(4, auto);
}
article .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid {
  grid-template-columns: repeat(3, auto);
}
article .content .wp-block-gallery.features.columns-2 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-2 ul.blocks-gallery-grid {
  grid-template-columns: repeat(2, auto);
}
@media screen and (max-width: 800px) {
  article .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid, article .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid {
    grid-template-columns: repeat(2, auto);
  }
}
@media screen and (max-width: 500px) {
  article .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid, article .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid, article .content .wp-block-gallery.features.columns-2 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-4 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-3 ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features.columns-2 ul.blocks-gallery-grid {
    grid-template-columns: auto;
  }
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid {
  display: grid;
  gap: 24px;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item {
  margin: 0;
  width: 100%;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure {
  display: grid;
  grid-template-rows: 150px 120px;
  gap: 2px;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a {
  grid-row: 1/2;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a img,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a img {
  border-radius: 4px;
  outline-offset: -2px;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a:hover img,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure a:hover img {
  border-color: white;
  outline: none !important;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption {
  position: static;
  height: 100%;
  box-sizing: border-box;
  grid-row: 2/3;
  display: grid;
  align-content: flex-start;
  justify-content: flex-start;
  bottom: 0;
  padding: 8px;
  font-size: 9.5pt;
  color: #b8becf;
  text-align: left;
  background: black;
}
article .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong,
li.comment .content .wp-block-gallery.features ul.blocks-gallery-grid li.blocks-gallery-item figure figcaption strong {
  display: block;
  margin-bottom: 4px;
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  text-align: center;
  font-size: 21pt;
  color: #F1B85D;
}
article .content .wp-block-gallery.alignleft,
li.comment .content .wp-block-gallery.alignleft {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}
article .content .wp-block-gallery.alignright,
li.comment .content .wp-block-gallery.alignright {
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}
article .content iframe.twitter-follow-button,
li.comment .content iframe.twitter-follow-button {
  vertical-align: top;
}

body.art article .content .blocks-gallery-item:first-of-type {
  width: 50% !important;
}

#comments h2 {
  color: #383D47;
  margin-bottom: 25px;
  font-size: 16pt;
}
#comments #respond {
  background-color: #2d3139;
  padding: 20px;
  padding-right: 25px;
  padding-top: 15px;
  margin-bottom: 40px;
  border-radius: 2px;
}
#comments #respond h3 {
  display: none;
  color: #383D47;
  font-size: 16pt;
}
#comments #respond .logged-in-as {
  font-size: 8pt;
  opacity: 0.7;
}
#comments #respond form.comment-form {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  grid-gap: 12px;
}
#comments #respond form.comment-form p[class^=comment-] {
  flex-grow: 1;
  margin: 0;
}
#comments #respond form.comment-form input[type=text] {
  width: 100%;
  padding: 4px;
  box-sizing: border-box;
}
#comments #respond form.comment-form .comment-notes {
  width: 100%;
  font-size: 9pt;
  font-style: italic;
  color: #ffc022;
}
#comments #respond form.comment-form p.comment-form-comment {
  width: 100%;
}
#comments #respond form.comment-form p.comment-form-comment textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 4px;
  min-height: 60px;
  height: 60px;
}
#comments #respond form.comment-form p.comment-subscription-form {
  width: 100%;
}
#comments #respond form.comment-form p.comment-subscription-form label:hover {
  color: white;
}
#comments #respond form.comment-form p.form-submit {
  width: 100%;
}
#comments #respond form.comment-form p.form-submit input.submit {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
}
#comments #respond form.comment-form p.form-submit input.submit img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
#comments #respond form.comment-form p.form-submit input.submit strong {
  color: inherit;
}
#comments #respond form.comment-form p.form-submit input.submit em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
#comments #respond form.comment-form p.form-submit input.submit:hover {
  color: white;
  border-color: white;
  background-color: black;
}
#comments #respond form label {
  display: block;
}
#comments ol.pings li.comment, #comments ol.realComments li.comment {
  background-color: #14171a;
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 3px;
  clear: both;
  position: relative;
}
#comments ol.pings li.comment .avatar, #comments ol.realComments li.comment .avatar {
  display: none;
  float: left;
  margin-right: 5px;
  margin-bottom: 5px;
}
#comments ol.pings li.comment .author, #comments ol.realComments li.comment .author {
  display: inline-block;
  font-weight: bold;
  color: black;
  background-color: #515565;
  padding: 2px;
  margin-right: 3px;
  border-radius: 2px;
}
#comments ol.pings li.comment .commentBody, #comments ol.realComments li.comment .commentBody {
  display: block;
  padding-right: 15%;
  padding-top: 10px;
  font-style: italic;
}
#comments ol.pings li.comment .commentBody p:first-of-type:before, #comments ol.realComments li.comment .commentBody p:first-of-type:before {
  content: "« ";
}
#comments ol.pings li.comment .commentBody p:last-of-type:after, #comments ol.realComments li.comment .commentBody p:last-of-type:after {
  content: " »";
}
#comments ol.pings li.comment .commentBody p + p, #comments ol.realComments li.comment .commentBody p + p {
  margin-top: 5px;
}
#comments ol.pings li.comment .commentBody br, #comments ol.realComments li.comment .commentBody br {
  display: none;
}
#comments ol.pings li.comment .date, #comments ol.realComments li.comment .date {
  margin-top: 4px;
  font-size: 7pt;
  opacity: 0.3;
}
#comments ol.pings li.comment .content, #comments ol.realComments li.comment .content {
  max-width: 365px;
  display: inline-block;
  vertical-align: top;
  background: transparent;
  outline: none;
  border: none;
  box-shadow: none;
}
#comments ol.pings li.comment .content pre.body, #comments ol.realComments li.comment .content pre.body {
  font-family: Helvetica, Arial, sans-serif;
}
#comments ol.pings li.comment .content pre.body br, #comments ol.realComments li.comment .content pre.body br {
  display: none;
}
#comments ol.pings li.comment .content .author, #comments ol.realComments li.comment .content .author {
  font-size: 18pt;
  line-height: 16pt;
  padding-top: 5px;
  color: #CACDD5;
}
#comments ol.pings li.comment .content time, #comments ol.realComments li.comment .content time {
  font-size: 7pt;
  opacity: 0.7;
  margin-bottom: 5px;
}
#comments ol.pings li.comment .content a.comment-reply-link, #comments ol.realComments li.comment .content a.comment-reply-link {
  display: inline-block;
  padding: 1px 5px;
  font-size: 8pt;
  color: #636B7C;
  border-radius: 2px;
  border: 1px solid #414652;
}
#comments ol.pings li.comment .content a.comment-reply-link:hover, #comments ol.realComments li.comment .content a.comment-reply-link:hover {
  color: #7A8396;
  text-decoration: none;
  border-color: #7A8396;
}
#comments ol.pings li.comment.bypostauthor .author, #comments ol.realComments li.comment.bypostauthor .author {
  background-color: #FAEEA9;
  color: black;
  border-radius: 2px;
  margin-right: 4px;
}
#comments ol.pings li.comment.bypostauthor .author a, #comments ol.realComments li.comment.bypostauthor .author a {
  color: inherit;
}
#comments ol.pings li {
  margin-bottom: 10px;
}
#comments ol.pings li .extract {
  margin-left: 20px;
  font-size: 9pt;
  font-style: italic;
}
#comments li ~ ul.children {
  margin-top: -3px;
}
#comments ol ul.children li.comment {
  padding-left: 80px;
}
#comments ol ul.children .content {
  width: 410px;
}
#comments ol + #respond {
  border-top: 1px solid #383D47;
  margin-top: 20px;
  padding-top: 20px;
}
#comments .pagination a, #comments .pagination span.current {
  display: inline-block;
  padding: 4px;
  border: 1px solid #424C59;
  border-radius: 2px;
}
#comments .pagination span.current {
  background-color: #ffc022;
  border-color: #ffc022;
  color: black;
}
#comments .pagination a:hover {
  border-color: #ffc022;
}

body.single-post #main {
  max-width: 700px;
}

body.game #main {
  width: auto;
  max-width: none;
  text-align: center;
}
body.game div.game {
  text-align: left;
  margin: auto;
}
body.game div.game header {
  text-align: center;
  width: auto;
  font-size: 10pt;
  margin-bottom: 5px;
}
body.game div.game header div.title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #F1B85D;
  font-size: 14pt;
}
body.game div.game header div.date {
  font-size: 9pt;
  opacity: 0.66;
  color: #F1B85D;
}
body.game div.game header div.like {
  display: inline-block;
  font-size: 12pt;
  color: #595F6C;
  padding: 5px;
  z-index: 2;
}
body.game div.game .clientMobilePlaceholder {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 150px;
  max-width: 900px;
  margin: 20px auto;
  padding: 32px;
  border-radius: 3px;
  background-color: #424C59;
  border: 1px solid #788094;
}
body.game div.game .clientMobilePlaceholder button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
  margin-top: 10px;
  width: 100%;
}
body.game div.game .clientMobilePlaceholder button img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
body.game div.game .clientMobilePlaceholder button strong {
  color: inherit;
}
body.game div.game .clientMobilePlaceholder button em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
body.game div.game .clientMobilePlaceholder button:hover {
  color: white;
  border-color: white;
  background-color: black;
}
body.game div.game .clientWrapper {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 0pt;
  text-align: center;
}
body.game div.game .clientWrapper .grid {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  display: inline-grid;
  padding: 8px;
  background-color: black;
  border-radius: 4px;
  grid-template-columns: auto auto;
}
body.game div.game .clientWrapper .client {
  background-color: black;
  background-image: url("img/loading.gif");
  background-repeat: no-repeat;
  background-position: center center;
}
body.game div.game .loading {
  position: absolute;
  font-size: 8pt;
  text-align: right;
  margin-top: -15px;
  opacity: 0.7;
}
body.game div.game object {
  font-size: 0;
  line-height: 0;
  display: block;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.5);
}
body.game div.game .side {
  padding-left: 10px;
  min-width: 200px;
  max-width: 250px;
}
body.game div.game .side .resize {
  margin-bottom: 10px;
}
body.game div.game .side .resize p {
  font-size: 8pt;
  opacity: 0.6;
  font-style: italic;
}
body.game div.game .side .resize a {
  display: block;
  padding: 8px;
  color: #515562;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 9pt;
  border: 1px solid #515562;
  border-radius: 2px;
}
body.game div.game .side .resize a img {
  opacity: 0.5;
}
body.game div.game .side .resize a:hover {
  color: white;
  border-color: white;
}
body.game div.game .side .resize a:hover img {
  opacity: 1;
}
body.game div.game .side .ranks {
  display: grid;
  gap: 1px;
  font-size: 9pt;
  margin-bottom: 20px;
}
body.game div.game .side .ranks .rank {
  gap: 4px;
}
body.game div.game .side .ranks .rank img {
  width: 24px;
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 4px;
}
body.game div.game .side .cover {
  position: relative;
  width: 100%;
  aspect-ratio: 128/78;
  overflow: hidden;
  margin-bottom: 8px;
}
body.game div.game .side .cover img.thumbnail {
  width: 100%;
  height: 100%;
  filter: brightness(66%);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
body.game div.game .side .cover .overlay {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
  background-image: url("img/gameCover.png");
  background-repeat: no-repeat;
  background-size: contain;
  image-rendering: -moz-crisp-edges;
  image-rendering: pixelated;
  pointer-events: none;
}
body.game div.game .side .cover .top {
  position: absolute;
  z-index: 1;
  top: 12px;
  left: 0px;
  padding: 0px 3px;
  padding-top: 1px;
  text-align: left;
}
body.game div.game .side .cover .top .title {
  font-family: "pixel", Helvetica, Arial, sans-serif;
  word-spacing: 3px;
  font-weight: normal;
  scale: 1;
  text-transform: uppercase;
  color: white;
  font-size: 12pt;
}
body.game div.game .side .cover .top .date {
  font-family: "pixel", Helvetica, Arial, sans-serif;
  word-spacing: 3px;
  font-weight: normal;
  scale: 1;
  font-size: 12pt;
  line-height: 12pt;
  color: #b8becf;
}
body.game div.game .side .cover .top .title,
body.game div.game .side .cover .top .date {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-left: 15px;
  padding-right: 4px;
  text-shadow: -1px -1px 1px #171a2f, 1px -1px 1px #171a2f, 1px 1px 1px #171a2f, -1px 1px 1px #171a2f;
  background-color: rgba(0, 0, 0, 0.8);
}
body.game div.game .side .cover .like {
  position: absolute;
  font-size: 10pt;
  background-color: black;
  color: white;
  z-index: 2;
  left: 3px;
  bottom: 4px;
}
body.game div.game .side .cover .like .likeThis {
  display: block;
}
body.game div.game .side .controls {
  text-align: left;
  padding-left: 10px;
}
body.game div.game .side .controls h2 {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #8696A6;
  margin-bottom: 10px;
}
body.game div.game .side .controls dl dd {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #F1B85D;
  font-size: 10pt;
}
body.game div.game .side .controls dl dt {
  font-size: 8.5pt;
  margin-bottom: 10px;
}
body.game div.game .side pre.controls {
  font-family: Helvetica, Arial, sans-serif;
  color: white;
}
body.game div.game.swf .clientWrapper {
  padding-top: 0;
}
@media (max-width: 650px) {
  body.game div.game.swf .clientWrapper .grid {
    grid-template-columns: auto;
  }
  body.game div.game.swf .clientWrapper .grid .client.placeholder {
    width: auto !important;
  }
  body.game div.game.swf .clientWrapper .grid .controls {
    display: none;
  }
}
body.game div.game.swf .clientWrapper .client.placeholder {
  position: relative;
  background-image: none;
  background-color: black;
  width: 400px !important;
  height: auto !important;
}
body.game div.game.swf .clientWrapper .client.placeholder img.coverBg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  -o-object-fit: cover;
     object-fit: cover;
  filter: blur(8px) brightness(0.4);
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning {
  position: absolute;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  padding: 16px;
  top: 0;
  width: 100%;
  height: 100%;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning h2 {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  color: #ffc022;
  margin-bottom: 16px;
  text-align: left;
  font-size: 18pt;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning img.thumb {
  display: block;
  margin: auto;
  margin-bottom: 16px;
  max-width: 200px;
  border: 1px solid #b8becf;
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.2);
  height: auto;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning p {
  text-align: left;
  font-size: 11pt;
  color: white;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning p + p {
  margin-top: 8px;
}
body.game div.game.swf .clientWrapper .client.placeholder .flashWarning p + button {
  margin-top: 16px;
}
body.game div.game.swf .clientWrapper .client.placeholder button {
  margin: 0;
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #ffc022;
  background: rgba(0, 0, 0, 0.25);
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  font-size: 11pt;
  border: 1px solid #ffc022;
  border-radius: 2px;
  width: 100%;
  margin-bottom: 4px;
}
body.game div.game.swf .clientWrapper .client.placeholder button img {
  border: none;
  margin-right: 4px;
  margin-left: 4px;
  vertical-align: middle;
  width: auto !important;
  height: auto !important;
  max-height: 2em;
}
body.game div.game.swf .clientWrapper .client.placeholder button strong {
  color: inherit;
}
body.game div.game.swf .clientWrapper .client.placeholder button em {
  display: block;
  font-size: 9pt;
  font-style: normal;
  text-transform: none;
  opacity: 0.6;
}
body.game div.game.swf .clientWrapper .client.placeholder button:hover {
  color: white;
  border-color: white;
  background-color: black;
}
body.game div.game.swf .clientWrapper .client.placeholder button.download {
  color: black;
  background-color: #ffc022;
}
body.game div.game.swf .clientWrapper .client.placeholder button.download:hover {
  background-color: white;
}
body.game div.game.swf .clientWrapper .client.placeholder #gameTarget {
  display: grid;
  margin: 16px;
  align-items: center;
  justify-items: center;
}
body.game div.game.mobile .clientWrapper {
  padding-top: 0;
}
body.game div.game.mobile .clientWrapper .grid {
  grid-template-columns: auto;
  grid-template-rows: repeat(2, auto);
}
body.game div.game.mobile .clientWrapper .grid .client {
  width: 100% !important;
  height: 250px !important;
  margin-bottom: 16px;
}
body.game div.game.mobile .clientWrapper .grid .client canvas {
  width: 100% !important;
  height: 250px !important;
}
body.game .columns {
  display: inline-block;
  font-size: 0;
}
body.game .columns .col {
  display: inline-block;
  vertical-align: top;
  font-size: 10pt;
}
body.game .columns .col-controls {
  margin-left: 10px;
  width: 200px;
}
body.game .gameInfos {
  margin: auto;
  max-width: 900px;
  margin-top: 32px;
  text-align: left;
}

#main article .aboutCorpo {
  padding: 16px;
  gap: 1em;
  background-color: black;
  box-shadow: 0px 0px 16px black;
  border-radius: 4px;
}
@media screen and (max-width: 600px) {
  #main article .aboutCorpo .logo {
    display: none;
  }
}
#main article .aboutCorpo .logo {
  flex-basis: min-content !important;
}
#main article .aboutCorpo .logo img {
  width: 64px;
  height: auto;
  max-width: none;
}
#main article .aboutCorpo .desc {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
}
#main article .aboutCorpo .desc p {
  font-size: 11pt;
  line-height: 1.4em;
  margin: 0;
  color: #FFE888;
}
#main article .aboutCorpo .desc p strong {
  font-size: 12.3pt;
  display: block;
  color: #FFE888;
}
#main article .aboutCorpo .desc p a {
  font-size: 8pt;
}
#main article .aboutCorpo .desc p.sub {
  font-size: 9pt;
  margin-top: 8px;
  color: #F1B85D;
  font-style: italic;
}

article.allGames .wp-block-columns.projectHighlight {
  background-color: #0a091b;
  padding: 16px;
  border-radius: 4px;
}
article.allGames .wp-block-columns.projectHighlight .wp-block-image {
  margin: 0 !important;
}
article.allGames .wp-block-columns.projectHighlight .wp-block-column:nth-child(2) {
  align-self: center;
}
article.allGames .wp-block-columns.projectHighlight .wp-block-buttons {
  margin-bottom: 0;
}
article.allGames .content {
  margin-bottom: 0px;
}
article.allGames h2 {
  padding-top: 20px;
  padding-bottom: 30px;
  margin-bottom: 10px;
  color: #FFE888;
  text-align: center;
  background-image: url("img/separator1.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  font-variant: small-caps;
}
article.allGames .wp-block-columns.mainProjects .wp-block-column .wp-block-image {
  margin: 0;
}
article.allGames .wp-block-columns.mainProjects .wp-block-column .wp-block-image img {
  border: 1px solid #153c4a;
  border-radius: 3px;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.5);
}
article.allGames .wp-block-columns.mainProjects .wp-block-column .wp-block-image figcaption {
  text-align: center;
}
@media screen and (max-width: 800px) {
  article.allGames .wp-block-columns.mainProjects {
    gap: 4px;
  }
  article.allGames .wp-block-columns.mainProjects .wp-block-column {
    flex-basis: 0 !important;
  }
  article.allGames .wp-block-columns.mainProjects .wp-block-column + .wp-block-column {
    margin-left: 8px;
  }
}
article.allGames .gallery {
  font-size: 0;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
}
article.allGames .gallery a {
  position: relative;
  flex: 1;
  flex-basis: 19%;
  max-width: 20%;
  display: block;
  z-index: 1;
}
article.allGames .gallery a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none !important;
}
article.allGames .gallery a .infos {
  position: absolute;
  display: none;
  margin-top: 45%;
  text-align: center;
  width: 90%;
  padding: 0 5%;
  background-color: rgba(0, 0, 0, 0.85);
}
article.allGames .gallery a .infos .title {
  font-family: "Roboto Condensed", Helvetica, Arial, sans-serif;
  font-weight: 100;
  display: block;
  color: white;
  font-size: 11.5pt;
  text-transform: uppercase;
  text-shadow: 0px 1px 2px black, 0px -1px 2px black, 0px 0px 2px black;
}
article.allGames .gallery a .infos .desc {
  display: block;
  color: #FFE888;
  font-size: 8.5pt;
  text-transform: uppercase;
  text-shadow: 0px 1px 2px black, 0px -1px 2px black, 0px 0px 2px black;
}
article.allGames .gallery a:hover {
  outline: 1px solid white;
  z-index: 10;
}
article.allGames .gallery a:hover .infos {
  display: block;
}
article.allGames .gallery a.expand {
  display: none !important;
}
article.allGames .galleryHeader {
  background: #ffc022;
  color: black;
  padding: 8px;
}
article.allGames .galleryHeader .title {
  text-transform: uppercase;
  font-size: 125%;
}
article.allGames .galleryHeader .desc p {
  font-size: 8.5pt;
  color: #6b451c;
  margin: 0;
}
article.allGames .gridGallery ~ .galleryHeader {
  margin-top: 30px;
}
article.allGames .gridGallery {
  font-size: 0;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  margin-bottom: 30px;
  grid-gap: 1px;
}
article.allGames .gridGallery a.item:first-of-type {
  grid-column: 1/3;
  grid-row: 1/3;
  outline: 1px solid #ffc022;
  outline-offset: -1px;
  z-index: 2;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.8);
}
article.allGames .gridGallery a.item {
  position: relative;
  display: block;
  background-color: black;
}
article.allGames .gridGallery a.item .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border: none !important;
}
article.allGames .gridGallery a.item .ranks {
  display: flex;
  position: absolute;
  font-size: 0pt;
  bottom: 0px;
  padding-left: 1px;
  padding-bottom: 1px;
  overflow: hidden;
}
article.allGames .gridGallery a.item .ranks .rank {
  display: inline-block;
  text-align: center;
}
article.allGames .gridGallery a.item .ranks .rank img {
  vertical-align: middle;
  margin-right: 1px;
}
article.allGames .gridGallery a.item .ranks .rank.gold {
  border: 1px solid #fc0;
}
article.allGames .gridGallery a.item .ranks .rank.silver {
  border: 1px solid #54ffd9;
}
article.allGames .gridGallery a.item .ranks .rank.bronze {
  border: 1px solid #ff8974;
}
article.allGames .gridGallery a.item .ranks .rank.misc {
  border: 1px solid #8f8f8f;
}
article.allGames .gridGallery a.item .ranks .rank + .rank {
  margin-left: 1px;
}
article.allGames .gridGallery a.item .infos {
  position: absolute;
  display: none;
  top: 0;
  text-align: center;
  width: 100%;
  padding: 3px 5%;
  background-color: black;
  box-sizing: border-box;
  border: 1px solid white;
  border-bottom: none;
}
article.allGames .gridGallery a.item .infos .title {
  display: block;
  color: white;
  font-size: 8pt;
  text-transform: uppercase;
}
article.allGames .gridGallery a.item .infos .desc {
  font-size: 8pt;
  display: block;
  color: #F1B85D;
}
article.allGames .gridGallery a.item:hover {
  outline: 1px solid white;
  outline-offset: -1px;
}
article.allGames .gridGallery a.item:hover .infos {
  display: block;
}
article.allGames .gridGallery a.item:hover .ranks {
  border-color: white;
  font-size: 7pt;
}
article.allGames .gridGallery a.expand {
  display: none !important;
}
article.allGames .gridGallery.collapsed {
  position: relative;
  max-height: 660px;
  overflow: hidden;
}
article.allGames .gridGallery.collapsed a.expand {
  display: block !important;
  position: absolute;
  z-index: 11;
  bottom: 0;
  left: 0;
  padding: 20px;
  padding-bottom: 10px;
  width: 100%;
  max-width: 100%;
  font-size: 10pt;
  text-align: center;
  background-image: linear-gradient(to bottom, transparent, #120c1c);
}
article.allGames .gridGallery.collapsed a.expand span {
  display: inline-block;
  padding: 4px;
  background-color: black;
  color: white;
  border-radius: 2px;
}
article.allGames .gridGallery.collapsed a.expand:hover {
  outline: none;
  text-decoration: none;
}
article.allGames .gridGallery.collapsed a.expand:hover span {
  background-color: #ffc022;
  color: black;
}
article.allGames .gallery.motion-twin a.item:first-of-type {
  flex: 2;
}

article .markdown h1, article .markdown h2 {
  font-family: Helvetica, Arial, sans-serif;
  margin: 0px;
  padding: 3px 8px;
  background-image: none;
  font-weight: bold;
}
article .markdown h1 {
  font-size: 16pt;
  color: #FFE888;
}
article .markdown h2 {
  font-size: 12pt;
  color: #D18D4F;
}
article .markdown strong {
  color: #F1B85D;
}

body.ldtk .wp-block-column:nth-child(2) {
  display: grid;
  align-items: center;
  align-content: center;
}

body.nuclearblaze .wp-block-embed-youtube > div {
  position: relative;
  padding-top: 56.25%;
}
body.nuclearblaze .wp-block-embed-youtube > div iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body.mapClient #main {
  width: auto;
  max-width: none;
  text-align: center;
}
body.mapClient article {
  margin: auto;
  max-width: 900px;
  margin-top: 15px;
  text-align: left;
}
body.mapClient article header .title {
  display: block;
  font-size: 14pt;
  max-width: none;
  text-align: center;
}
body.mapClient article header .title .like {
  display: inline-block;
}
body.mapClient .fullScreenClient {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999999;
  top: 0px;
  left: 0px;
  background-color: black;
  background-image: url("img/loading.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

article .panel-grid-cell .panel {
  margin-bottom: 0px;
}

/* ----------------------------------------------------------------------------------------------------------
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1100px) {
  article .content ul.toc.floating {
    visibility: hidden;
    top: 1.3cm;
    right: 0px;
    z-index: 99;
    margin-left: 0px;
    max-width: none;
    width: 70%;
    box-sizing: border-box;
    height: calc(100% - 1.3cm);
    overflow: scroll;
    border: none;
  }
  article .content ul.toc.floating li {
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 0;
    font-size: 10pt;
  }
  article .content ul.toc.floating.expand {
    visibility: visible;
  }
  article .content a.floatingButton {
    visibility: visible;
  }
}
@media screen and (max-width: 900px) {
  article {
    padding: 0px 10px;
  }
  article.allGames .gridGallery {
    grid-template-columns: repeat(4, 1fr);
  }
  article.allGames .gallery a.item {
    flex-basis: 24%;
    max-width: 25%;
  }
  article.allGames .gallery a.item .infos .title {
    font-size: 11pt;
  }
  article.allGames .gallery a.item .infos .desc {
    font-size: 7.5pt;
  }
}
@media screen and (max-width: 600px) {
  .wp-block-column {
    flex-basis: 100% !important;
  }
  body.tutorials article .content .wp-block-column:not(:first-child) {
    margin-left: 0;
    padding-left: 0;
    border: none;
  }
  body.tutorials .wp-block-column + .wp-block-column {
    margin-top: 35px;
    padding-top: 45px;
    background-image: url("img/separator1.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right,
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-left {
    grid-template-rows: 1fr 1fr;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-left .wp-block-media-text__media {
    grid-column: 1;
    grid-row: 1;
  }
  .wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content,
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-left .wp-block-media-text__content {
    grid-column: 1;
    grid-row: 2;
  }
  body.art article .content .wp-block-gallery .blocks-gallery-item:first-of-type {
    width: 100% !important;
  }
  article .content .wp-block-gallery.alignleft,
article .content .wp-block-gallery.alignright {
    float: none !important;
    max-width: none;
    margin-left: 0;
    margin-right: 0;
  }
  article .content .wp-block-gallery.alignleft .blocks-gallery-item:first-of-type,
article .content .wp-block-gallery.alignright .blocks-gallery-item:first-of-type {
    width: auto !important;
  }
}
@media screen and (max-width: 600px) {
  article header {
    margin-bottom: 16px;
  }
  article header .title {
    font-size: 16pt;
  }
  article header .infos {
    display: none;
  }
  article .body {
    padding: 8px;
  }
  article .intro {
    font-size: 11pt;
  }
  article .content h2.big,
article .content h3.big {
    font-size: 12pt;
  }
  article.list a.item {
    margin-left: -10px;
    margin-right: -10px;
    padding: 10px;
  }
  article.list a.item .cell-thumb {
    width: 50px;
  }
  article.list a.item .cell-infos .title {
    font-size: 12pt;
  }
  article.allGames .gridGallery {
    grid-template-columns: repeat(3, 1fr);
  }
  article.allGames .gridGallery a.item .ranks .rank img {
    width: 12px;
  }
  article.allGames .gridGallery a.item:not(:hover) .ranks .rank + .rank {
    margin-left: -3px;
  }
  article.allGames .gallery a.item {
    flex-basis: 32%;
    max-width: 33.33%;
  }
  article.allGames .gallery a.item:hover .infos .title,
article.allGames .gallery a.item:hover .infos .desc {
    display: none;
  }
  footer.main {
    padding-left: 10px;
    padding-right: 10px;
  }
  footer.main #footer-sidebar1,
footer.main #footer-sidebar2,
footer.main #footer-sidebar3 {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
  }
  footer.main .optional {
    display: none !important;
  }
}
@media screen and (max-width: 370px) {
  article .content .wp-block-image figure.alignright,
article .content .wp-block-image figure.alignleft {
    display: block;
    float: none;
    max-width: none;
    margin: 0;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  article .content .wp-block-image figure.alignright img,
article .content .wp-block-image figure.alignleft img {
    width: 100%;
    height: auto;
  }
  article .content .wp-block-image figure.alignright figcaption,
article .content .wp-block-image figure.alignleft figcaption {
    display: block;
  }
  article.allGames .gridGallery {
    grid-template-columns: repeat(2, 1fr);
  }
  article.allGames .gallery a.item {
    flex-basis: 49%;
    max-width: 50%;
  }
}
.wedocs {
  display: flex;
  width: 100%;
}
.wedocs .wedocs-sidebar {
  flex: 0 0 27%;
  margin-right: 3%;
}
.wedocs .wedocs-sidebar h3 {
  font-family: Helvetica, Arial, sans-serif;
  color: #ffc022;
  border: none;
  margin-bottom: 32px;
}
.wedocs ul.doc-nav-list li a {
  display: block;
  padding: 8px;
  border-radius: 2px;
}
.wedocs ul.doc-nav-list li a:hover {
  text-decoration: none;
  color: white;
  background-color: #424C59;
}
.wedocs ul.doc-nav-list li.current_page_item > a {
  color: black;
  background-color: #ffc022;
}
.wedocs ul.doc-nav-list li ul.children {
  margin-left: 16px;
  padding-left: 8px;
  border-left: 1px dotted #424C59;
}
.wedocs .wedocs-single-content {
  flex: 1 1 auto;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb li {
  margin: 0;
  padding: 0;
  font-size: 8pt;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb li a {
  padding: 8px 0px;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb li + li {
  margin-left: 10px;
}
.wedocs .wedocs-single-content ol.wedocs-breadcrumb li:nth-child(n+2):nth-child(-n+4) {
  display: none;
}
.wedocs .wedocs-single-content .content header {
  margin-top: 16px;
  padding-top: 16px;
  border-top: 1px dashed #424C59;
}
.wedocs .wedocs-single-content .content .wedocs-doc-nav {
  border-top: 1px dashed #424C59;
  border-bottom: 1px dashed #424C59;
}