/* Skin: "arcade" — 8-bit pixel cabinet. Black, chunky pixel type, neon. */
.skin-arcade { background: #05060f; }
.skin-arcade .viewport { background: #07081a; background-image: repeating-linear-gradient(rgba(0,0,0,0) 0 3px, rgba(255,255,255,.03) 3px 4px); }
.skin-arcade .site { max-width: 720px; margin: 0 auto; font-family: "Courier New", monospace; color: #e8e8ff; }
.skin-arcade .masthead { text-align: center; padding: 34px 18px 20px; }
.skin-arcade .brand { margin: 0; font: 700 34px "Courier New", monospace; letter-spacing: 3px; text-transform: uppercase; color: #ffe000; text-shadow: 3px 3px 0 #d6006e, 6px 6px 0 #0a0; }
.skin-arcade .tag { margin: 14px 0 0; color: #00e0ff; font-size: 16px; letter-spacing: 2px; text-transform: uppercase; }
.skin-arcade .tag::before { content: "\25B6 1UP  "; color: #ff3; }
.skin-arcade .content { padding: 20px 30px 28px; }
.skin-arcade .content p { font-size: 16px; line-height: 1.75; color: #d8d8ff; margin: 0 0 1em; }
.skin-arcade .content h2 { font: 700 20px "Courier New", monospace; letter-spacing: 2px; text-transform: uppercase; color: #ff2e88; margin: 1.4em 0 .4em; }
.skin-arcade .content a, .skin-arcade .period-links a { color: #00e0ff; text-decoration: none; border-bottom: 2px solid #00e0ff; }
.skin-arcade .content a:hover { color: #ffe000; border-color: #ffe000; }
.skin-arcade .period-links { font-size: 16px; margin: 0 0 16px; text-transform: uppercase; letter-spacing: 1px; }
.skin-arcade .inline img, .skin-arcade .tile img { max-width: 100%; height: auto; display: block; border: 3px solid #ff2e88; image-rendering: pixelated; }
.skin-arcade .inline figcaption, .skin-arcade .tile figcaption { font-size: 14px; color: #00e0ff; margin-top: 4px; text-transform: uppercase; }
.skin-arcade .period-gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 12px; margin-top: 18px; }
.skin-arcade .tile { margin: 0; }
.skin-arcade .period-foot { color: #ffe000; font: 700 14px "Courier New", monospace; letter-spacing: 2px; text-transform: uppercase; padding: 16px 30px; text-align: center; }
.skin-arcade .period-foot::before { content: "INSERT COIN \2014 "; color: #ff2e88; }