/*
Theme Name: Vic's Hangout — Arcade
Description: A small independent browser arcade. Standalone second-generation theme.
Version: 2.1.2
Author: Vic's Hangout
License: GNU General Public License v2 or later
Text Domain: vics-hangout-v2
*/
@font-face {font-family:VH Display;src:url('assets/display.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
:root {
  --vh-bg:#101211; --vh-surface:#191d1b; --vh-text:#f4f0e6;
  --vh-muted:#b1b8af; --vh-line:#3b423d; --vh-accent:#ff8756; --vh-cyan:#79dedb;
  --vh-body:Arial,Helvetica,sans-serif; --vh-display:'VH Display','Arial Narrow',sans-serif;
  --vh-mono:'Courier New',monospace; --vh-space:8px;
}
*,*::before,*::after {box-sizing:border-box}
html {scroll-padding-top:24px}
body {margin:0;background:var(--vh-bg);color:var(--vh-text);font:17px/1.6 var(--vh-body)}
a {color:inherit;text-underline-offset:5px}
a:focus-visible {outline:3px solid var(--vh-cyan);outline-offset:6px}
a:active {filter:brightness(.85)}
p,h1,h2,h3,figure {margin:0}
.vh-shell {max-width:1360px;margin:auto;padding:0 56px}
.vh-skip {position:absolute;top:8px;left:8px;padding:12px 20px;background:var(--vh-cyan);color:var(--vh-bg);transform:translateY(-180%);z-index:5}
.vh-skip:focus {transform:none}
.vh-header {min-height:116px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--vh-line)}
.vh-brand {display:block;text-decoration:none;padding:8px 0}
.vh-brand-stack {display:block}
.vh-brand-row {display:flex;align-items:flex-start;gap:11px}
.vh-brand-mark {display:block;width:auto;height:23px;flex:0 0 auto;margin-top:4px}
.vh-brand-word {display:block;font:bold 32px/1 var(--vh-body);letter-spacing:-2px}
.vh-plus {color:var(--vh-accent);padding-left:3px}
.vh-brand small {display:block;font:10px/1.5 var(--vh-mono);letter-spacing:1.3px;margin-top:9px}
.vh-nav {display:flex;gap:32px;font-size:14px;font-weight:bold}
.vh-nav a {display:flex;align-items:center;min-height:44px;text-decoration:none;border-bottom:2px solid transparent}
.vh-nav a:hover {color:var(--vh-accent);border-bottom-color:var(--vh-accent)}
.vh-eyebrow {font:12px/1.5 var(--vh-mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--vh-muted)}
.vh-play {background:var(--vh-accent);color:var(--vh-bg);padding:16px 24px;min-height:56px;display:flex;gap:32px;align-items:center;justify-content:space-between;font-weight:bold;text-decoration:none;transition:background .16s ease,transform .16s ease}
.vh-play:hover {background:var(--vh-cyan);transform:translateY(-2px)}
.vh-play:active {transform:translateY(1px)}
.vh-about {display:grid;grid-template-columns:1fr 1.08fr;gap:48px;padding:40px 0 48px}
.vh-about h2 {font:400 28px/1.15 var(--vh-display);text-transform:uppercase}
.vh-about p {max-width:490px;color:var(--vh-muted);font-size:15px}
.vh-footer {display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--vh-line);padding:24px 0 32px;font-size:12px;color:var(--vh-muted)}
.vh-footer p>span {color:var(--vh-accent);padding:0 8px}
.vh-footer nav {display:flex;gap:24px}
.vh-footer a {display:inline-flex;align-items:center;min-height:44px}
.vh-footer a:hover,.vh-back:hover,.vh-content a:hover {color:var(--vh-accent)}
.vh-document {max-width:820px;margin:0 auto;padding:40px 0 72px}
.vh-back {display:inline-flex;align-items:center;min-height:44px;color:var(--vh-cyan);font-size:14px;margin-bottom:32px}
.vh-document-heading {padding-bottom:32px;border-bottom:1px solid var(--vh-line);margin-bottom:32px}
.vh-document h1 {font:400 clamp(40px,5vw,64px)/1.1 var(--vh-display);text-transform:uppercase;margin-top:16px}
.vh-content {font-size:17px;line-height:1.8;overflow-wrap:anywhere}
.vh-content h2 {font-size:25px;line-height:1.3;margin:40px 0 16px;letter-spacing:-.4px}
.vh-content h3 {margin:32px 0 12px;font-size:20px}
.vh-content p,.vh-content ul,.vh-content ol {margin:0 0 20px}
.vh-content li {margin-bottom:12px}
.vh-content ul,.vh-content ol {padding-left:24px}
.vh-content a {color:var(--vh-cyan)}
.vh-content em {color:var(--vh-muted)}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}.vh-play:hover,.vh-play:active {transform:none}}