/*
+ Root
+-+ Category
| +-+ Item
| | +-+ SubItem
| | | + SubItem
| | | + SubItem

+ Home
+-+ Games
| +-+ Aquaventura 
| | +-+ Aquaventura_Title
| | | + Aquaventura_Title_wip1
| | | + Aquaventura_Title_wip2
| | | + Aquaventura_Title_wip3
| | +-+ Aquaventura_GameOver
| |   + Aquaventura_GameOver_var1
| +-+ Baal
| | +-+ Baal_Title
| |

*/


/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

 html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
  overflow-y: scroll;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  color: #000;
  background-color: transparent;
  text-decoration: none;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

/*
 * Fonts
 */

@font-face {
  font-family: "Amiga";
  src: url("../fonts/TopazPlus_a1200_v1.0.eot");
  src: url("../fonts/TopazPlus_a1200_v1.0.eot") format('embedded-opentype'),
       url("../fonts/TopazPlus_a1200_v1.0.ttf") format('truetype');
}

@font-face {
  font-family: "Normal";
  src: url('../fonts/PTSans-Regular.ttf') format('truetype');
}

@font-face {
  font-family: "Bold";
  src: url('../fonts/PTSans-Bold.ttf') format('truetype');
}

/*
 * General ----------------------------------------------------------------------------------------------------------------------------------------------------
 */

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin-top: 2em;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  /* padding: 10px 8px; */
  font-family: "Normal", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #AAA;
  background-color: #222;
}

h1, h2, h3, h4, h5, h6 {
  /* font-family: "Bold", sans-serif; */
  font-family: "Amiga";
  font-weight: normal;
  /* text-transform: uppercase; */
  margin: 0.5em 0;
  padding: 0;
}

dd {
  margin-bottom: 0.5em;
}

table th, table td {
  text-align: left;
  vertical-align: top;
}

img {
  color: #D00;
}

main {
  margin-top: 1.5em;
}

.header {
  font-family: "Amiga";
  font-size: 1em;
  color: #777;
  background-color: #DDD;  
  border-bottom: 0.125em #000 solid;
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
  height: 1.5em;
  overflow: hidden;
}

.header a {
  color: #222;
  margin: 0 0.25em;
}

.header .title,
.header .navigation,
.header .options,
.header .knowledge {
  margin: 0 0.2em;
}

.header .title a:before {
  content: "/ ";
  color: #777;
}

.header .title a:first-child:before {
  content: "";
}

.introduction {
  margin-top: 0;
  margin-bottom: 2em;
  /*display: grid;*/
  /*grid-auto-columns: minmax(0, 1fr);*/
  /*grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
  /*grid-gap: 10px;*/
}

.introduction h1 {
  text-align: center;
  font-size: 2.2em;
  /*grid-column: span 2;*/
  margin: 0;
}

.introduction a,
.introduction p,
.introduction blockquote {
  margin: 0;
  /*grid-column: span 2;*/
}

.introduction blockquote {
  margin: 0.5em 0;
  /*grid-column: span 2;*/
}

.introduction .image {
  display: inline-block;
  /*grid-column: span 1;*/
  margin: 0.5em;
  position: relative;
  padding-bottom: 4em;
}

.introduction .image img {
  width: auto;
  height: 16em;
  object-fit: contain;
  display: block;
}

/*.introduction img {*/
/*  !*display: block;*!*/
/*  !*width: 100%;*!*/
/*}*/

.introduction .image label {
  position: absolute;
  width: 100%;
  height: 5em;
  padding: 0.25em 0.5em;
  box-sizing: border-box;
  overflow: hidden;
  font-size: 0.8em;
  /*margin: 0.25em 0.5em;*/
  /*display: block;*/
}

a {
  color: #FFF;
}

p a[href^="http://"]:after,
p a[href^="https://"]:after,
a.external:after {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0.2em;
  width: 0.6em;
  height: 0.6em;
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M256 64C256 46.33 270.3 32 288 32H415.1C415.1 32 415.1 32 415.1 32C420.3 32 424.5 32.86 428.2 34.43C431.1 35.98 435.5 38.27 438.6 41.3C438.6 41.35 438.6 41.4 438.7 41.44C444.9 47.66 447.1 55.78 448 63.9C448 63.94 448 63.97 448 64V192C448 209.7 433.7 224 416 224C398.3 224 384 209.7 384 192V141.3L214.6 310.6C202.1 323.1 181.9 323.1 169.4 310.6C156.9 298.1 156.9 277.9 169.4 265.4L338.7 96H288C270.3 96 256 81.67 256 64V64zM0 128C0 92.65 28.65 64 64 64H160C177.7 64 192 78.33 192 96C192 113.7 177.7 128 160 128H64V416H352V320C352 302.3 366.3 288 384 288C401.7 288 416 302.3 416 320V416C416 451.3 387.3 480 352 480H64C28.65 480 0 451.3 0 416V128z" fill="rgb(221,221,221)" /></svg>');
}

hr {
  clear: both;
  visibility: hidden;
  height: 0;
}

ul {
  margin: 0.5em 0;
}

li {
  margin: 0.5em 0;
}

blockquote {
  font-style: italic;
  color: #888;
  margin: 0;
  padding: 0;
}

blockquote:before {
  content: "“";
}

blockquote:after {
  content: "”";
}

section {
  clear: both;
}

.youtube {
  width: 100%;
  height: 28em;
}

.image {
  font-style: normal;
  color: #AAA;
  background: #171717;
}

.centered .image {
  display: flex;
}

.centered .image > * {
  flex: 1;
}

.centered .image label {
  padding: 0.5em 1.0em;
}

.image img {
  vertical-align: top;
}

.image.floatLeft,
.image.floatRight {
  width: 40%;
}

.description.floatLeft,
.description.floatRight {
  width: 50%;
  margin-top: 0;
  margin-bottom: 0;
}

.ehbImageGrid {
  display: grid;
  grid-template-columns: 30% 30% 30% 10%;
  background: #000;
}

.ehbImageGrid img {
  grid-column: 1 / span 4;
  width: 100%;
}

.ehbImageGrid div {
  text-align: center;
}

.fullWidth img {
  width: 100%;
}

.floatLeft {
  float: left;
  margin: 1em 1em 1em 0;
}

.floatLeft img {
  width: 100%;
}

.floatRight {
  float: right;
  margin: 1em 0 1em 1em;
}

.floatRight img {
  width: 100%;
}

.explanationGrid {
  display: grid;
  column-gap: 1em;
  grid-template-columns: 40% 60%;
}

.explanationGrid h3 {
  grid-column: 1 / span 2;
}

.explanationGrid img {
  margin: 1em 0;
  width: 100%;
}

/*
 * Over View
 */

/*
 * Multisize Grid Layout
 * https://codepen.io/ashleynakamoto/pen/pMopML
*/

.gallery {
  /* margin: 0 auto; */
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: 128px;
  grid-auto-flow: dense;
}

.gallery figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
}

.gallery figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.gallery figure label {
  position: absolute;
  color: #FFF;
  background: #222;
  font-size: 0.75em;
  display: inline-block;
}

.gallery figure label.name {
  bottom: 0;
  left: 0;
  font-family: Bold;
  padding-right: 0.5em;
  display: block;
  width: 100%;
}

.gallery figure label.count {
  bottom: 0;
  right: 0;
  padding-left: 0.5em;
  color: #CCC;
}

/* .gallery figure:hover {
  border: 2px solid #FFF;
  margin: -2px;
}

.gallery figure:hover label {
  color: #222;
  background: #FFF;
} */

.gallery figure.normal {
  background: #000;
}

.gallery figure.horizontal {
  background: #000;
  grid-column: span 2;
}

.gallery figure.vertical {
  background: #000;
  grid-row: span 2;
}

.gallery figure.big {
  background: #000;
  grid-column: span 2;
  grid-row: span 2;
}

.bullet {
  display: inline-block;
  padding-left: 2em;
  text-indent: -1em;
}

.bullet:before {
  content: "•";
  padding-right: 0.5em;
}

.list {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: 40% auto;
}

.list h2 {
  grid-column: span 2;
}

.list h4 {
  color: #DDD;
  font-weight: normal;
  float: left;
  margin: 0 1em 0 0;
}

.list img {
  width: 100%;
}

.list p {
  margin: 0 1em 0 0;
}

/*
 * Detail View
 *
 */

.viewer .detailView {
  margin-left: 0;
  margin-right: 0;
  clear: both;
}

.viewer  .detailView a {
  color: #222;
 }

 .viewer  .detailView p a {
  color: #FFF;
 }

 .viewer  .detailView h3 {
  font-family: "Amiga";
  font-size: 1em;
  color: #222;
  background: #AAA url(./titleBar16.png) repeat-x center center;
  border-right: 0.2em solid #AAA;
  margin-bottom: 0.125em;
  box-sizing: border-box;
  position: relative;
  text-align: right;
  height: 1.5em;
}

.viewer .detailView h3 label { 
  background-color: #AAA;
  display: inline-block;
  padding: 0 0.4em;
}

.viewer .detailView h3 .title {
  position: absolute;
  left: 0;
}

.viewer .detailView h3 .download:before {
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M480 352h-133.5l-45.25 45.25C289.2 409.3 273.1 416 256 416s-33.16-6.656-45.25-18.75L165.5 352H32c-17.67 0-32 14.33-32 32v96c0 17.67 14.33 32 32 32h448c17.67 0 32-14.33 32-32v-96C512 366.3 497.7 352 480 352zM432 456c-13.2 0-24-10.8-24-24c0-13.2 10.8-24 24-24s24 10.8 24 24C456 445.2 445.2 456 432 456zM233.4 374.6C239.6 380.9 247.8 384 256 384s16.38-3.125 22.62-9.375l128-128c12.49-12.5 12.49-32.75 0-45.25c-12.5-12.5-32.76-12.5-45.25 0L288 274.8V32c0-17.67-14.33-32-32-32C238.3 0 224 14.33 224 32v242.8L150.6 201.4c-12.49-12.5-32.75-12.5-45.25 0c-12.49 12.5-12.49 32.75 0 45.25L233.4 374.6z"  fill="rgb(0,0,0)" /></svg>');
  display: inline-block;
  width: 1em;
  height: 100%;
  background-size: 1em 100%;
  margin-right: 0.25em;
}

.viewer .detailView .description {
  background-color: #171717;
  padding: 1em;
}

.viewer .detailView .description p {
  margin: 0;
  padding: 0 0 1em 0;
}

.viewer .detailView .centered {
  margin-left: auto;
  margin-right: auto;
}

.viewer .detailView .item {
  margin-bottom: 6em;
}

.viewer .detailView .media {
  margin-left: auto;
  margin-right: auto;
}

/* Images */

.viewer .detailView .image img {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.viewer .detailView .image img.tft { 
  -ms-interpolation-mode: nearest-neighbor;
  image-rendering: crisp-edges;
  image-rendering: pixelated;  
  vertical-align: top;
}

.viewer .detailView .PAL .image img,
.viewer .detailView .NTSC .image img { 
  -ms-interpolation-mode: bicubic;
  image-rendering: auto;
}

/* Thumbs */

.viewer .detailView .thumbs {
  background: #171717;
}

.viewer .detailView .thumbs img {
  width: auto;
  height: 100%;
  vertical-align: top;
  object-fit: cover;
  object-position: center;
  display: block;
}

.viewer .detailView .thumbs .file {
  width: 6em;
  height: 6em;
  position: relative;
  overflow: hidden;
}

/*
.viewer .detailView .thumbs .is-nav-selected:after { 
  display: inline-block;
  position: absolute;
  top: 0.25em;
  right: 0.5em;
  width: 1em;
  height: 1em;
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z" fill="rgb(221,221,221)" /></svg>');
} 
*/

/* Videos */

.viewer .detailView .video video {
  width: 100%;
  height: 100%;
  object-fit: fill;
  vertical-align: top;
}

/* NSFW lock */

.gallery .NSFW a {
  background: url(nsfw.png) 50% 50% repeat;
  background-size: 60px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.gallery .NSFW img {
  visibility: hidden;
}

.thumbs .NSFW {
  background: url(nsfw.png) 50% 50% repeat;
  background-size: 60px;
  position: relative;
}

.thumbs .NSFW img {
  visibility: hidden;
}

.files .NSFW .image {
  background: url(nsfw.png) 50% 50% repeat;
  position: relative;
}

.files .NSFW img {
  /* display: none; */
  visibility: hidden;
}

.files .NSFW .unlockNSFW {
  position: absolute;
  top: 45%;
  width: 100%;
  text-align: center;
  font-size: 1.6em;
}

.files .NSFW .unlockNSFW a {
  color: #888;
  background: #555;
  border-radius: 0.3em;
  padding: 0.3em 0.6em;
  font-family: Bold;
  display: inline;
}

.files .NSFW .unlockNSFW a:before {
  width: 1em;
  height: 1em;
  padding-right: 0.5em;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M80 192V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80zM144 192H304V144C304 99.82 268.2 64 224 64C179.8 64 144 99.82 144 144V192z' fill='rgb(170,170,170)'/></svg>");
}

.header .options a {
  margin: 0 0.5em;
}

.header .options a:before {
  width: 1em;
  height: 1em;
  margin: 0 auto;
  display: inline-block;
  vertical-align: top;
  padding-right: 4px;
}

.header .unlockNSFW:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M80 192V144C80 64.47 144.5 0 224 0C303.5 0 368 64.47 368 144V192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H80zM144 192H304V144C304 99.82 268.2 64 224 64C179.8 64 144 99.82 144 144V192z' fill='rgb(16,16,16)'/></svg>");
}

.header .lockNSFW:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M352 192H384C419.3 192 448 220.7 448 256V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V256C0 220.7 28.65 192 64 192H288V144C288 64.47 352.5 0 432 0C511.5 0 576 64.47 576 144V192C576 209.7 561.7 224 544 224C526.3 224 512 209.7 512 192V144C512 99.82 476.2 64 432 64C387.8 64 352 99.82 352 144V192z' fill='rgb(16,16,16)'/></svg>");
}

.header .crtScreen:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M512 448H127.1C110.3 448 96 462.3 96 479.1S110.3 512 127.1 512h384C529.7 512 544 497.7 544 480S529.7 448 512 448zM592 0h-544C21.5 0 0 21.5 0 48v320C0 394.5 21.5 416 48 416h544c26.5 0 48-21.5 48-48v-320C640 21.5 618.5 0 592 0zM576 352H64v-288h512V352z' fill='rgb(16,16,16)'/></svg>");
}

.header .tftScreen:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M400 32C426.5 32 448 53.49 448 80V336C448 362.5 426.5 384 400 384H266.7L277.3 416H352C369.7 416 384 430.3 384 448C384 465.7 369.7 480 352 480H96C78.33 480 64 465.7 64 448C64 430.3 78.33 416 96 416H170.7L181.3 384H48C21.49 384 0 362.5 0 336V80C0 53.49 21.49 32 48 32H400zM64 96V320H384V96H64zM592 32C618.5 32 640 53.49 640 80V432C640 458.5 618.5 480 592 480H528C501.5 480 480 458.5 480 432V80C480 53.49 501.5 32 528 32H592zM544 96C535.2 96 528 103.2 528 112C528 120.8 535.2 128 544 128H576C584.8 128 592 120.8 592 112C592 103.2 584.8 96 576 96H544zM544 192H576C584.8 192 592 184.8 592 176C592 167.2 584.8 160 576 160H544C535.2 160 528 167.2 528 176C528 184.8 535.2 192 544 192zM560 400C577.7 400 592 385.7 592 368C592 350.3 577.7 336 560 336C542.3 336 528 350.3 528 368C528 385.7 542.3 400 560 400z' fill='rgb(16,16,16)'/></svg>");
}

.header .squarePAR:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 480'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M384 32C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96C0 60.65 28.65 32 64 32H384zM384 80H64C55.16 80 48 87.16 48 96V416C48 424.8 55.16 432 64 432H384C392.8 432 400 424.8 400 416V96C400 87.16 392.8 80 384 80z' fill='rgb(16,16,16)'/></svg>");
}

.header .originalPAR:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M208 256c35.35 0 64-28.65 64-64c0-35.35-28.65-64-64-64s-64 28.65-64 64C144 227.3 172.7 256 208 256zM464 232h-96c-13.25 0-24 10.75-24 24s10.75 24 24 24h96c13.25 0 24-10.75 24-24S477.3 232 464 232zM240 288h-64C131.8 288 96 323.8 96 368C96 376.8 103.2 384 112 384h192c8.836 0 16-7.164 16-16C320 323.8 284.2 288 240 288zM464 152h-96c-13.25 0-24 10.75-24 24s10.75 24 24 24h96c13.25 0 24-10.75 24-24S477.3 152 464 152zM512 32H64C28.65 32 0 60.65 0 96v320c0 35.35 28.65 64 64 64h448c35.35 0 64-28.65 64-64V96C576 60.65 547.3 32 512 32zM528 416c0 8.822-7.178 16-16 16H64c-8.822 0-16-7.178-16-16V96c0-8.822 7.178-16 16-16h448c8.822 0 16 7.178 16 16V416z' fill='rgb(16,16,16)'/></svg>");
}


/*
 * File Tags 
 */

 .tags {
  list-style: none;
  padding: 5px 10px;
  background: #171717;
}

.tags li {
  display: inline;
  font-size: 0.8em;
  padding-right: 1.0em;
  white-space: nowrap;
}

.tags .icon:before {
  display: inline-block;
  width: 1.25em;
  height: 100%;
  background-size: 0.8em 100%;
  margin-right: 0.25em;
}

.tags .label {
  color: #AAA;
  display: inline-block;
}

.tags a {
  color: #FFF !important;
  font-size: 1.4em;
}

.tags .artist:before,
.tags .scener:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M224 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 224 256zM274.7 304H173.3C77.61 304 0 381.6 0 477.3c0 19.14 15.52 34.67 34.66 34.67h378.7C432.5 512 448 496.5 448 477.3C448 381.6 370.4 304 274.7 304z' fill='rgb(221,221,221)'/></svg>");
}

.tags .original:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M223.1 256c70.7 0 128-57.31 128-128s-57.3-128-128-128C153.3 0 96 57.31 96 128S153.3 256 223.1 256zM274.7 304H173.3C77.61 304 0 381.7 0 477.4C0 496.5 15.52 512 34.66 512h286.4c-1.246-5.531-1.43-11.31-.2832-17.04l14.28-71.41c1.943-9.723 6.676-18.56 13.68-25.56l45.72-45.72C363.3 322.4 321.2 304 274.7 304zM371.4 420.6c-2.514 2.512-4.227 5.715-4.924 9.203l-14.28 71.41c-1.258 6.289 4.293 11.84 10.59 10.59l71.42-14.29c3.482-.6992 6.682-2.406 9.195-4.922l125.3-125.3l-72.01-72.01L371.4 420.6zM629.5 255.7l-21.1-21.11c-14.06-14.06-36.85-14.06-50.91 0l-38.13 38.14l72.01 72.01l38.13-38.13C643.5 292.5 643.5 269.7 629.5 255.7z' fill='rgb(221,221,221)'/></svg>");
}

.tags .game:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M448 64H192C85.96 64 0 149.1 0 256s85.96 192 192 192h256c106 0 192-85.96 192-192S554 64 448 64zM247.1 280h-32v32c0 13.2-10.78 24-23.98 24c-13.2 0-24.02-10.8-24.02-24v-32L136 279.1C122.8 279.1 111.1 269.2 111.1 256c0-13.2 10.85-24.01 24.05-24.01L167.1 232v-32c0-13.2 10.82-24 24.02-24c13.2 0 23.98 10.8 23.98 24v32h32c13.2 0 24.02 10.8 24.02 24C271.1 269.2 261.2 280 247.1 280zM431.1 344c-22.12 0-39.1-17.87-39.1-39.1s17.87-40 39.1-40s39.1 17.88 39.1 40S454.1 344 431.1 344zM495.1 248c-22.12 0-39.1-17.87-39.1-39.1s17.87-40 39.1-40c22.12 0 39.1 17.88 39.1 40S518.1 248 495.1 248z' fill='rgb(221,221,221)'/></svg>");
}

.tags .application:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M364.2 83.8C339.8 59.39 300.2 59.39 275.8 83.8L91.8 267.8C49.71 309.9 49.71 378.1 91.8 420.2C133.9 462.3 202.1 462.3 244.2 420.2L396.2 268.2C407.1 257.3 424.9 257.3 435.8 268.2C446.7 279.1 446.7 296.9 435.8 307.8L283.8 459.8C219.8 523.8 116.2 523.8 52.2 459.8C-11.75 395.8-11.75 292.2 52.2 228.2L236.2 44.2C282.5-2.08 357.5-2.08 403.8 44.2C450.1 90.48 450.1 165.5 403.8 211.8L227.8 387.8C199.2 416.4 152.8 416.4 124.2 387.8C95.59 359.2 95.59 312.8 124.2 284.2L268.2 140.2C279.1 129.3 296.9 129.3 307.8 140.2C318.7 151.1 318.7 168.9 307.8 179.8L163.8 323.8C157.1 330.5 157.1 341.5 163.8 348.2C170.5 354.9 181.5 354.9 188.2 348.2L364.2 172.2C388.6 147.8 388.6 108.2 364.2 83.8V83.8z' fill='rgb(221,221,221)'/></svg>");
}

.tags .created:before{
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M96 32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32zM448 464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192H448V464z' fill='rgb(170,170,170)'/></svg>");
}

.tags .screenDepth:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M512 255.1C512 256.9 511.1 257.8 511.1 258.7C511.6 295.2 478.4 319.1 441.9 319.1H344C317.5 319.1 296 341.5 296 368C296 371.4 296.4 374.7 297 377.9C299.2 388.1 303.5 397.1 307.9 407.8C313.9 421.6 320 435.3 320 449.8C320 481.7 298.4 510.5 266.6 511.8C263.1 511.9 259.5 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256V255.1zM96 255.1C78.33 255.1 64 270.3 64 287.1C64 305.7 78.33 319.1 96 319.1C113.7 319.1 128 305.7 128 287.1C128 270.3 113.7 255.1 96 255.1zM128 191.1C145.7 191.1 160 177.7 160 159.1C160 142.3 145.7 127.1 128 127.1C110.3 127.1 96 142.3 96 159.1C96 177.7 110.3 191.1 128 191.1zM256 63.1C238.3 63.1 224 78.33 224 95.1C224 113.7 238.3 127.1 256 127.1C273.7 127.1 288 113.7 288 95.1C288 78.33 273.7 63.1 256 63.1zM384 191.1C401.7 191.1 416 177.7 416 159.1C416 142.3 401.7 127.1 384 127.1C366.3 127.1 352 142.3 352 159.1C352 177.7 366.3 191.1 384 191.1z' fill='rgb(170,170,170)'/></svg>");
}

.tags .screenMode:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M0 96C0 60.65 28.65 32 64 32H384C419.3 32 448 60.65 448 96V416C448 451.3 419.3 480 384 480H64C28.65 480 0 451.3 0 416V96z' fill='rgb(170,170,170)'/></svg>");
}

.tags .special:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 576'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M417.1 368c-5.937 10.27-16.69 16-27.75 16c-5.422 0-10.92-1.375-15.97-4.281L256 311.4V448c0 17.67-14.33 32-31.1 32S192 465.7 192 448V311.4l-118.3 68.29C68.67 382.6 63.17 384 57.75 384c-11.06 0-21.81-5.734-27.75-16c-8.828-15.31-3.594-34.88 11.72-43.72L159.1 256L41.72 187.7C26.41 178.9 21.17 159.3 29.1 144C36.63 132.5 49.26 126.7 61.65 128.2C65.78 128.7 69.88 130.1 73.72 132.3L192 200.6V64c0-17.67 14.33-32 32-32S256 46.33 256 64v136.6l118.3-68.29c3.838-2.213 7.939-3.539 12.07-4.051C398.7 126.7 411.4 132.5 417.1 144c8.828 15.31 3.594 34.88-11.72 43.72L288 256l118.3 68.28C421.6 333.1 426.8 352.7 417.1 368z' fill='rgb(170,170,170)' /></svg>");
}

.tags .publication:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d='M144.3 32.04C106.9 31.29 63.7 41.44 18.6 61.29c-11.42 5.026-18.6 16.67-18.6 29.15l0 357.6c0 11.55 11.99 19.55 22.45 14.65c126.3-59.14 219.8 11 223.8 14.01C249.1 478.9 252.5 480 256 480c12.4 0 16-11.38 16-15.98V80.04c0-5.203-2.531-10.08-6.781-13.08C263.3 65.58 216.7 33.35 144.3 32.04zM557.4 61.29c-45.11-19.79-88.48-29.61-125.7-29.26c-72.44 1.312-118.1 33.55-120.9 34.92C306.5 69.96 304 74.83 304 80.04v383.1C304 468.4 307.5 480 320 480c3.484 0 6.938-1.125 9.781-3.328c3.925-3.018 97.44-73.16 223.8-14c10.46 4.896 22.45-3.105 22.45-14.65l.0001-357.6C575.1 77.97 568.8 66.31 557.4 61.29z' fill='rgb(170,170,170)' /></svg>");
}

/*
 * Palette Overlay
 */

 .palettes {
  display: none;
}

#palette {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 1024;
  pointer-events: none;
}

section {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

p {
  text-align: justify;
}

/* h1, h2 {
  margin: 0 auto;
}

h3 {
  margin: 0.15em auto;
}

.image, .thumbs {
  margin: 0 auto;
}

p,
blockquote,
.tags {
  margin: 0.5em auto;
} */

.youtube {
  /* margin: 0.5em auto; */
  display: block;
}

/* .normalFrame {
  margin-left: auto;
  margin-right: auto;
} */

.frame {
  margin: 0 1em;
  overflow: auto;
}

/* .content {
  margin: 0 auto;
} */

.content a {
  color: #DDD;
}

body { font-size: 14px; }
section, .centered,
.viewer .detailView .centered { margin-left: 1em; margin-right: 1em; }
.viewer .detailView h3, .window { background: #AAA url(./titleBar16.png) repeat-x center center; }
section.header { margin-left: 0; margin-right: 0; }

@media screen and (min-width: 720px) and (min-height: 480px) {
  body { font-size: 16px; }
  section, .centered { width: 640px; margin-left: auto; margin-right: auto;  }
  .introduction h1 { text-align: left; }
  .viewer .detailView .centered { margin-left: auto; margin-right: auto; }
  .viewer .detailView h3, .window { background: #AAA url(./titleBar16.png) repeat-x center center; }
}

@media screen and (min-width: 1080px) and (min-height: 720px) {
  body { font-size: 20px; }
  section, .centered { width: 960px; margin-left: auto; margin-right: auto; }
  .introduction h1 { text-align: left; }
  .viewer .detailView .centered { margin-left: auto; margin-right: auto; }
  .viewer .detailView h3, .window { background: #AAA url(./titleBar20.png) repeat-x center center; }
  .viewer .detailView .image img.tft.hires ,
  .viewer .detailView .image img.tft.interlaced {
    -ms-interpolation-mode: bicubic !important;
    image-rendering: auto !important;
  }
}

@media screen and (min-width: 1440px) and (min-height: 960px) {
  body { font-size: 24px; }
  section, .centered { width: 1280px; margin-left: auto; margin-right: auto; }
  .introduction h1 { text-align: left; }
  .viewer .detailView .centered { margin-left: auto; margin-right: auto; }
  .viewer .detailView h3, .window { background: #AAA url(./titleBar24.png) repeat-x center center; }
  .viewer .detailView .image img.tft.hires,
  .viewer .detailView .image img.tft.interlaced {
    -ms-interpolation-mode: nearest-neighbor !important;
    image-rendering: pixelated !important;
  }
  /*.viewer .detailView .lowres .image img.tft { */
  /*  -ms-interpolation-mode: nearest-neighbor !important; */
  /*  image-rendering: crisp-edges !important;*/
  /*  image-rendering: pixelated !important;  */
  /*  vertical-align: top;*/
  /*}*/
}

@media screen and (min-width: 1800px) and (min-height: 1200px) {
  body { font-size: 28px; }
  section, .centered { width: 1600px; margin-left: auto; margin-right: auto; }
  .introduction h1 { text-align: left; }
  .viewer .detailView .centered { margin-left: auto; margin-right: auto; }
  .viewer .detailView h3, .window { background: #AAA url(./titleBar24.png) repeat-x center center; }
  .viewer .detailView .image img.tft.hires,
  .viewer .detailView .image img.tft.interlaced {
    -ms-interpolation-mode: bicubic !important;
    image-rendering: auto !important;
  }
}

@media screen and (min-width: 2160px) and (min-height: 1440px) {
  body { font-size: 32px; }
  section, .centered { width: 1920px; margin-left: auto; margin-right: auto; }
  .introduction h1 { text-align: left; }
  .viewer .detailView .centered { margin-left: auto; margin-right: auto; }
  .viewer .detailView h3, .window { background: #AAA url(./titleBar24.png) repeat-x center center; }
  .viewer .detailView .image img.tft.hires,
  .viewer .detailView .image img.tft.interlaced {
    -ms-interpolation-mode: nearest-neighbor !important;
    image-rendering: pixelated !important;
  }
}

/*
 * Navigation
 */

.navigation .previous {
  position: absolute;
  left: 0.5em;
  margin:0.5em;
}

.navigation .previous:after {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0.2em;
  width: 1.2em;
  height: 1.2em;
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M192 448c-8.188 0-16.38-3.125-22.62-9.375l-160-160c-12.5-12.5-12.5-32.75 0-45.25l160-160c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25L77.25 256l137.4 137.4c12.5 12.5 12.5 32.75 0 45.25C208.4 444.9 200.2 448 192 448z" fill="rgb(221,221,221)" /></svg>');
}

.navigation .previous .label {
  display: none;
}

.navigation .next {
  position: absolute;
  right: 0.5em;
  margin:0.5em;
}

.navigation .next:after {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 0.2em;
  width: 1.2em;
  height: 1.2em;
  content: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512"><!--! Font Awesome Free 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc. --><path d="M64 448c-8.188 0-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L178.8 256L41.38 118.6c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160c12.5 12.5 12.5 32.75 0 45.25l-160 160C80.38 444.9 72.19 448 64 448z" fill="rgb(221,221,221)" /></svg>');
}

.navigation .next .label {
  display: none;
}

/*
 * Footer 
 */

 .footer {
  color: #777;
  font-size: 0.9em;
}

.signature {
  float: right;
}

/*
 * Screen Modes Article
 */

 .screenModes {
  border-spacing: 0;
  margin-bottom: 2em;
 }

 .screenModes canvas {
  vertical-align: middle;
 }

 .screenModes td {
  font-size: 0.8em;
  background: #000;
}

.screenModes p {
  margin: 0.5em 0;
}

.screenMode {
  width: 1%;
  /* padding-right: 0.5em; */
  padding-bottom: 0;
}


/*
 * Home page
 */
/*
.home .detailView .files {
  height: 640px;
  margin-top: -160px;
  margin-bottom: -160px;
  overflow: hidden;
}
*/

.home .detailView {
  height: 400px;
}

.home .detailView .frame {
  margin: 0 5px;
}

.home .detailView .item {
  margin-bottom: 0;
}

.home .gallery {
  margin-bottom: 1em;
  background: #222;
  padding: 10px 9px;
  position: relative;
  z-index: 16;
}

.home .gallery figure label {
  font-size: 1em;
}

.home .linkBox {
  display: flex;
  gap: 64px;
}

/*
 * Comparison
 */

.comparison {
  width: 100%;
  border-spacing: 0;
}

.window {
  margin: 0;
  padding: 0;
  border-left: 0.2em solid #AAA;
  border-right: 0.2em solid #AAA;
  font-family: Amiga;
  font-size: inherit;
  color: #222;
}

.window .title {
  display: inline-block;
  margin: 0;
  padding: 0 0.4em 0 0.2em;
  font-family: inherit;
  font-size: 1em;
  background: #AAA;
}

.comparison tbody {
  background: #000;
}

.comparison .labels_left {
  width: 40%;
  text-align: right;
}

.comparison .labels_right {
  width: 40%;
  text-align: left;
}

.comparison .column_left {
  width: 40%;
  text-align: right;
}

.comparison .column_center {
  width: 20%;
  text-align: center;
  vertical-align: middle;
  color: #888;
}

.comparison .column_right {
  width: 40%;
  text-align: left;
}

.comparison .superior {
  color: rgb(0,170,0);
}

.comparison .column_left.superior:after {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><path d='M16 32L64 8L64 56Z' fill='rgb(0,170,0)'/></svg>");
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
}

.comparison .column_right.superior:before {
  content: url("data:image/svg+xml;charset=UTF-8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'><path d='M48 32L0 8L0 56Z' fill='rgb(0,170,0)'/></svg>");
  display: inline-block;
  width: 0.8em;
  height: 0.8em;
}

.timeline {
  display:grid;
  gap:2px;
}

.timeline .item {
  font-size: 0.75em;
  padding: 0 0.25em;
  background: #444;
}

.timeline .item.medium {
  font-size: 0.55em;
}

.timeline .item.small {
  font-size: 0.4em;
}

.timeline .item.alive {
  border-right: 1em solid #0A0;
}

.timeline .item.dead {
  border-right: 1em solid #F00;
}

.updates .update {
  display: grid;
  padding-bottom: 1em;
  grid-gap: 10px;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: 128px 128px minmax(128px, 1fr);
  /* grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  grid-auto-rows: 128px;
  grid-auto-flow: dense; */
}

.updates .update { 
  margin-bottom: 10px; 
}

.updates .update .description {
  grid-column: span 6;
}

.updates .update .description h4 {
  margin-top: 0;
  margin-right: 0.5em;
}

.updates .update .thumbnail.big {
  grid-column: span 2;
  grid-row: span 2;
}

.updates .update .thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.updates .update p,
.updates .update h4 {
  display: inline;
}

.updates .update .description {
  overflow: hidden;
}