/* Vault — archive / filing-drawer aesthetic · AIGame69 · game437 */
@import url("https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@400;500;600;700;800&family=Newsreader:opsz,wght@6..72,500;6..72,600;6..72,700&display=swap");

:root{
  --vt-graphite:#1c1917;
  --vt-graphite-2:#292524;
  --vt-graphite-3:#44403c;
  --vt-bone:#f5f5f4;
  --vt-bone-2:#e7e5e4;
  --vt-copper:#b45309;
  --vt-copper-deep:#92400e;
  --vt-ink:#1c1917;
  --vt-muted:#78716c;
  --vt-line:#d6d3d1;
  --vt-card:#fafaf9;
  --vt-max:1120px;
  --vt-radius:4px;
  --vt-font:"Libre Franklin",system-ui,sans-serif;
  --vt-display:"Newsreader",Georgia,"Times New Roman",serif;
  --vt-cookie-pad:0px;
  --vt-bg:var(--vt-graphite);
  --vt-accent:var(--vt-copper);
  --vt-accent2:var(--vt-copper-deep);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100vh;
  font-family:var(--vt-font);font-size:15px;line-height:1.55;
  color:var(--vt-bone);
  background:
    radial-gradient(ellipse 80% 50% at 50% -10%,rgba(180,83,9,.14),transparent 55%),
    linear-gradient(180deg,var(--vt-graphite) 0%,#0c0a09 100%);
  background-attachment:fixed;
  padding-bottom:var(--vt-cookie-pad);
}
body.vt-lock{overflow:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--vt-copper);text-decoration:none}
a:hover{text-decoration:underline;color:#d97706}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3{margin:0 0 .5em;line-height:1.2;font-weight:700;font-family:var(--vt-display);color:inherit}
.vt-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.vt-wrap{max-width:var(--vt-max);margin:0 auto;padding:0 16px}
.vt-preview,.is-preview{
  margin:0;padding:7px 12px;text-align:center;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;background:#0c0a09;color:var(--vt-bone-2);border-bottom:1px solid var(--vt-graphite-3);
}

/* ——— header ——— */
.vt-head{
  position:sticky;top:0;z-index:40;
  background:rgba(28,25,23,.92);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--vt-graphite-3);
}
.vt-head__in{display:flex;align-items:center;gap:14px;max-width:var(--vt-max);margin:0 auto;padding:10px 16px}
.vt-logo{
  display:flex;align-items:center;gap:10px;color:var(--vt-bone);
  font-family:var(--vt-display);font-weight:700;font-size:1.35rem;letter-spacing:.02em;text-decoration:none;
}
.vt-logo:hover{text-decoration:none;color:#fff}
.vt-logo img,.vt-logo__mark{
  width:36px;height:36px;border-radius:2px;object-fit:cover;
  background:var(--vt-copper);color:var(--vt-bone);display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--vt-font);font-size:11px;font-weight:800;letter-spacing:.06em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.15);
}
.vt-nav{display:none;gap:2px;margin-left:8px}
.vt-nav a{
  padding:8px 11px;border-radius:2px;color:#a8a29e;font-size:13px;font-weight:600;
  text-decoration:none;letter-spacing:.03em;text-transform:uppercase;
}
.vt-nav a:hover,.vt-nav a.is-on{color:var(--vt-bone);background:var(--vt-graphite-2);text-decoration:none}
.vt-head__search{margin-left:auto;display:none;align-items:center;gap:0;max-width:260px;flex:1}
.vt-head__search input{
  flex:1;min-width:0;padding:9px 12px;border:1px solid var(--vt-graphite-3);border-right:0;
  border-radius:2px 0 0 2px;font:inherit;background:#0c0a09;color:var(--vt-bone);
}
.vt-head__search input::placeholder{color:#78716c}
.vt-head__search button{
  padding:9px 14px;border:0;border-radius:0 2px 2px 0;background:var(--vt-copper);color:var(--vt-bone);
  font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.04em;font-size:12px;
}
.vt-head__search button:hover{background:var(--vt-copper-deep)}
.vt-burger{margin-left:auto;display:inline-flex;flex-direction:column;gap:5px;padding:10px;border:0;background:transparent;cursor:pointer}
.vt-burger span{display:block;width:20px;height:2px;background:var(--vt-bone)}
@media(min-width:860px){
  .vt-nav{display:flex}
  .vt-head__search{display:flex;margin-left:auto}
  .vt-burger{display:none}
}

/* ——— drawer ——— */
.vt-drawer{position:fixed;inset:0;z-index:50;background:rgba(12,10,9,.55)}
.vt-drawer[hidden]{display:none!important}
.vt-drawer__panel{
  position:absolute;top:0;right:0;bottom:0;width:min(300px,88vw);
  background:var(--vt-graphite-2);padding:20px;
  border-left:1px solid var(--vt-graphite-3);
  box-shadow:-12px 0 32px rgba(0,0,0,.35);
}
.vt-drawer__nav{display:flex;flex-direction:column;gap:4px;margin-top:24px}
.vt-drawer__nav a{
  padding:12px;border-radius:2px;color:var(--vt-bone);font-weight:600;text-decoration:none;
  border-bottom:1px solid var(--vt-graphite-3);
}
.vt-drawer__nav a:hover{background:#0c0a09;text-decoration:none;color:var(--vt-copper)}
.vt-drawer__close{
  border:1px solid var(--vt-graphite-3);background:#0c0a09;color:var(--vt-bone);
  padding:8px 12px;border-radius:2px;cursor:pointer;float:right;font:inherit;
}

/* ——— hero / banner: brand stamp + open drawer ——— */
.vt-banner{
  position:relative;padding:36px 0 28px;margin-bottom:0;
  border-bottom:1px solid var(--vt-graphite-3);
  background:
    linear-gradient(90deg,transparent 0%,rgba(180,83,9,.06) 50%,transparent 100%),
    repeating-linear-gradient(0deg,transparent,transparent 23px,rgba(245,245,244,.03) 23px,rgba(245,245,244,.03) 24px);
}
.vt-banner__in{max-width:var(--vt-max);margin:0 auto;padding:0 16px}
.vt-banner h1,.vt-stamp{
  font-family:var(--vt-display);font-size:clamp(2.4rem,6vw,3.6rem);font-weight:700;
  letter-spacing:.01em;margin:0 0 .35em;color:var(--vt-bone);line-height:1;
}
.vt-stamp{
  display:inline-block;padding:.12em .28em .18em;
  border:2px solid var(--vt-copper);border-radius:2px;
  box-shadow:inset 0 0 0 1px rgba(180,83,9,.35);
  transform:rotate(-1.5deg);margin-bottom:.55em;
}
.vt-stamp__sub{
  display:block;font-family:var(--vt-font);font-size:.28em;font-weight:600;
  letter-spacing:.22em;text-transform:uppercase;color:var(--vt-copper);margin-top:.35em;
}
.vt-banner__lead{margin:0 0 1.1em;max-width:36em;color:#a8a29e;font-size:1.05rem}
.vt-banner__search{
  display:flex;gap:0;max-width:420px;margin:0 0 1.5em;
  box-shadow:0 8px 28px rgba(0,0,0,.25);
}
.vt-banner__search input{
  flex:1;min-width:0;padding:14px 16px;border:1px solid var(--vt-graphite-3);border-right:0;
  border-radius:2px 0 0 2px;font:inherit;font-size:15px;background:var(--vt-bone);color:var(--vt-ink);
}
.vt-banner__search button{
  padding:14px 20px;border:0;border-radius:0 2px 2px 0;background:var(--vt-copper);color:var(--vt-bone);
  font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.06em;font-size:12px;
}
.vt-banner__search button:hover{background:var(--vt-copper-deep)}

/* open drawer — single featured */
.vt-open{
  display:block;text-decoration:none;color:var(--vt-ink);
  background:var(--vt-bone);border:1px solid var(--vt-graphite-3);
  border-radius:0 0 3px 3px;overflow:hidden;
  box-shadow:0 14px 40px rgba(0,0,0,.35),inset 0 3px 0 var(--vt-copper);
  transition:transform .2s ease,box-shadow .2s ease;
}
.vt-open:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 18px 48px rgba(0,0,0,.4),inset 0 3px 0 var(--vt-copper)}
.vt-open__rail{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:8px 14px;background:var(--vt-graphite-2);color:var(--vt-bone);font-size:11px;
  font-weight:700;letter-spacing:.14em;text-transform:uppercase;
}
.vt-open__pull{
  width:48px;height:10px;border-radius:999px;background:var(--vt-copper);
  box-shadow:inset 0 1px 2px rgba(255,255,255,.25);
}
.vt-open__grid{display:grid;gap:0}
@media(min-width:720px){.vt-open__grid{grid-template-columns:1.35fr 1fr}}
.vt-open__media{aspect-ratio:16/10;background:var(--vt-bone-2);overflow:hidden}
.vt-open__media img,.vt-open__ph{width:100%;height:100%;object-fit:cover;display:block}
.vt-open__ph{background:linear-gradient(135deg,#d6d3d1,#a8a29e 40%,#78716c)}
.vt-open__body{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:8px}
.vt-open__kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--vt-copper)}
.vt-open__title{font-family:var(--vt-display);font-size:clamp(1.35rem,2.5vw,1.85rem);margin:0;color:var(--vt-ink);line-height:1.15}
.vt-open__desc{margin:0;color:var(--vt-muted);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vt-open__go{
  display:inline-flex;align-self:flex-start;margin-top:6px;padding:10px 18px;
  background:var(--vt-graphite);color:var(--vt-bone);font-size:12px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;border-radius:2px;
}
.vt-open:hover .vt-open__go{background:var(--vt-copper)}

/* legacy hero helpers */
.vt-hero{padding:28px 0 8px}
.vt-hero h1{font-size:clamp(1.45rem,3vw,2rem)}
.vt-hero p{margin:0;max-width:42em;color:#a8a29e}
.vt-hero__lead{font-size:1.05rem;max-width:46em}

/* featured strip (kept for other pages) */
.vt-feat{display:flex;gap:12px;overflow-x:auto;padding:8px 0 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}
.vt-feat::-webkit-scrollbar{height:6px}
.vt-feat a{
  flex:0 0 148px;scroll-snap-align:start;background:var(--vt-card);border:1px solid var(--vt-line);
  border-radius:var(--vt-radius);overflow:hidden;text-decoration:none;color:var(--vt-ink);
}
.vt-feat a:hover{border-color:var(--vt-copper);text-decoration:none}
.vt-feat__img{aspect-ratio:16/10;background:var(--vt-bone-2);overflow:hidden}
.vt-feat__img img,.vt-feat__ph{width:100%;height:100%;object-fit:cover}
.vt-feat__ph{display:block;background:linear-gradient(135deg,#d6d3d1,#a8a29e)}
.vt-feat__meta{padding:8px 10px}
.vt-feat__badge{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--vt-copper);padding:2px 6px;border-radius:2px;margin-bottom:4px}
.vt-feat__title{font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* ——— cabinet doors (categories) ——— */
.vt-cats{padding:28px 0 20px}
.vt-cats__hd{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.vt-cats__hd h2{font-size:1.35rem;margin:0;color:var(--vt-bone)}
.vt-cats__hd a{font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#a8a29e}
.vt-cats__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
@media(min-width:640px){.vt-cats__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vt-cats__link,.vt-cabinet{
  position:relative;display:flex;flex-direction:column;gap:6px;min-height:120px;
  padding:18px 14px 16px;background:linear-gradient(180deg,#44403c 0%,var(--vt-graphite-2) 55%,#0c0a09 100%);
  border:1px solid var(--vt-graphite-3);border-radius:2px 2px 3px 3px;
  color:var(--vt-bone);font-weight:700;text-decoration:none;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 6px 16px rgba(0,0,0,.25);
  transition:transform .15s ease,border-color .15s;
}
.vt-cats__link::before,.vt-cabinet::before{
  content:"";position:absolute;top:10px;left:50%;transform:translateX(-50%);
  width:36px;height:8px;border-radius:999px;background:var(--vt-copper);
  box-shadow:inset 0 1px 1px rgba(255,255,255,.2);
}
.vt-cats__link:hover,.vt-cabinet:hover{
  border-color:var(--vt-copper);text-decoration:none;transform:translateY(-2px);
}
.vt-cats__name{font-family:var(--vt-display);font-size:1.05rem;margin-top:14px}
.vt-cats__n{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a8a29e}
.vt-cats__blurb{font-size:12px;font-weight:500;color:#a8a29e;line-height:1.4;margin-top:2px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* ——— folder rows + tiles ——— */
.vt-picks{padding:18px 0 10px}
.vt-folder{
  margin:0 0 8px;padding:10px 14px 0;
  background:var(--vt-bone);border:1px solid var(--vt-line);border-bottom:0;
  border-radius:6px 6px 0 0;color:var(--vt-ink);
  box-shadow:0 -2px 0 var(--vt-copper) inset;
}
.vt-folder__tab{
  display:inline-block;margin:-18px 0 8px;padding:6px 16px 8px;
  background:var(--vt-bone-2);border:1px solid var(--vt-line);border-bottom:0;
  border-radius:6px 6px 0 0;font-family:var(--vt-display);font-size:1.05rem;font-weight:700;color:var(--vt-ink);
}
.vt-folder__lead{margin:0 0 10px;color:var(--vt-muted);font-size:13px}
.vt-picks .vt-grid{
  background:var(--vt-bone);border:1px solid var(--vt-line);border-top:0;
  border-radius:0 0 4px 4px;padding:12px 14px 18px;margin-bottom:20px;
}
.vt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:4px 0 24px;width:100%}
@media(min-width:720px){.vt-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.vt-tile{
  display:flex;flex-direction:column;min-width:0;width:100%;height:100%;
  background:var(--vt-card);border:1px solid var(--vt-line);
  border-radius:var(--vt-radius);overflow:hidden;text-decoration:none;color:var(--vt-ink);
  transition:border-color .15s,box-shadow .15s;
}
.vt-tile:hover{border-color:var(--vt-copper);box-shadow:0 6px 18px rgba(28,25,23,.1);text-decoration:none}
.vt-tile__img{aspect-ratio:1;background:var(--vt-bone-2);overflow:hidden}
.vt-tile__img img,.vt-tile__ph{width:100%;height:100%;object-fit:cover}
.vt-tile__ph{display:block;background:linear-gradient(135deg,#e7e5e4,#a8a29e)}
.vt-tile__body{display:flex;flex-direction:column;gap:4px;padding:10px 12px 12px;flex:1}
.vt-tile__title{font-size:13px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vt-tile__genre{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--vt-copper)}
.vt-tile__desc{font-size:12px;line-height:1.4;color:var(--vt-muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vt-tile__play{
  display:inline-flex;align-self:flex-start;margin-top:auto;padding:6px 12px;border-radius:2px;
  background:var(--vt-graphite);color:var(--vt-bone);font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
}
.vt-tile:hover .vt-tile__play{background:var(--vt-copper)}

/* detail + tags: wider cards that fill the wrap */
.vt-page .vt-grid,
.vt-related .vt-grid{
  display:grid;
  width:100%;
  gap:16px;
  padding:8px 0 24px;
  grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));
}
@media(min-width:900px){
  .vt-page .vt-grid,
  .vt-related .vt-grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}
}
.vt-page .vt-tile,
.vt-related .vt-tile{min-height:100%}
.vt-page .vt-tile__img,
.vt-related .vt-tile__img{aspect-ratio:16/10}
.vt-page .vt-tile__body,
.vt-related .vt-tile__body{gap:6px;padding:14px 16px 16px}
.vt-page .vt-tile__genre,
.vt-related .vt-tile__genre{order:-1}
.vt-page .vt-tile__title,
.vt-related .vt-tile__title{
  font-family:var(--vt-display);font-size:1.08rem;font-weight:700;line-height:1.25;
  -webkit-line-clamp:2;
}
.vt-page .vt-tile__desc,
.vt-related .vt-tile__desc{font-size:13px;line-height:1.45;-webkit-line-clamp:3}
.vt-page .vt-tile__play,
.vt-related .vt-tile__play{margin-top:10px;padding:8px 14px;font-size:12px}
.vt-sec-hd{font-size:1.2rem;margin:8px 0 8px;text-align:left;color:var(--vt-ink);font-family:var(--vt-display)}
.vt-sec-lead{text-align:left;margin:0 0 12px;max-width:42em;color:var(--vt-muted);font-size:14px}
.vt-picks > .vt-sec-hd,.vt-picks > .vt-sec-lead{color:var(--vt-bone)}
.vt-picks > .vt-sec-lead{color:#a8a29e}

/* layout: rail */
.vt-layout--rail{display:block}
@media(min-width:900px){
  .vt-layout--rail{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start}
  .vt-rail{position:sticky;top:72px;background:var(--vt-bone);border:1px solid var(--vt-line);border-radius:var(--vt-radius);padding:12px;color:var(--vt-ink)}
  .vt-rail a{display:block;padding:8px 10px;border-radius:2px;color:var(--vt-ink);font-weight:600;font-size:14px;text-decoration:none}
  .vt-rail a:hover,.vt-rail a.is-on{background:var(--vt-bone-2);text-decoration:none;color:var(--vt-copper)}
}

/* layout: hero duo */
.vt-hero-duo{display:grid;gap:14px;padding:8px 0 20px}
@media(min-width:720px){.vt-hero-duo{grid-template-columns:1.4fr 1fr}}
.vt-hero-main{display:block;background:var(--vt-bone);border:1px solid var(--vt-line);border-radius:var(--vt-radius);overflow:hidden;text-decoration:none;color:var(--vt-ink)}
.vt-hero-main:hover{border-color:var(--vt-copper);text-decoration:none}
.vt-hero-main__img{aspect-ratio:16/9;background:var(--vt-bone-2)}
.vt-hero-main__img img,.vt-hero-main__ph{width:100%;height:100%;object-fit:cover;display:block}
.vt-hero-main__body{padding:14px 16px}
.vt-hero-main__body h2{margin:0 0 6px;font-size:1.25rem;color:var(--vt-ink)}
.vt-hero-side{display:flex;flex-direction:column;gap:10px}
.vt-hero-side a{display:grid;grid-template-columns:72px 1fr;gap:10px;align-items:center;padding:8px;background:var(--vt-bone);border:1px solid var(--vt-line);border-radius:var(--vt-radius);text-decoration:none;color:var(--vt-ink)}
.vt-hero-side a:hover{border-color:var(--vt-copper);text-decoration:none}
.vt-hero-side__img{width:72px;height:72px;border-radius:2px;overflow:hidden;background:var(--vt-bone-2)}
.vt-hero-side__img img,.vt-hero-side__ph{width:100%;height:100%;object-fit:cover;display:block}
.vt-hero-side strong{font-size:14px;display:block}
.vt-hero-side span{font-size:12px;color:var(--vt-muted)}

/* SEO / FAQ / ledger */
.vt-seo,.vt-welcome,.vt-howto,.vt-about-home,.vt-faq,.vt-page,.vt-prose-page{
  color:var(--vt-ink);
}
.vt-seo,.vt-welcome,.vt-howto,.vt-about-home,.vt-faq,.vt-page{
  background:var(--vt-bone);border:1px solid var(--vt-line);border-radius:4px;
  margin:16px auto;padding:22px 20px 28px;max-width:var(--vt-max);
}
.vt-seo{max-width:720px}
.vt-seo h2,.vt-faq h2,.vt-howto h2,.vt-about-home h2,.vt-page h1{color:var(--vt-ink)}
.vt-seo h3{font-size:1rem;margin-top:1.2em;color:var(--vt-ink)}
.vt-seo p,.vt-seo li,.vt-welcome p,.vt-howto__list li,.vt-about-home p{color:var(--vt-muted);margin:0 0 .85em}
.vt-seo ul{padding-left:1.2em;list-style:disc}
.vt-faq{padding:18px 20px 28px;max-width:720px;margin-left:auto;margin-right:auto}
.vt-faq h2{font-size:1.35rem;margin-bottom:6px}
.vt-faq__ledger-mark{
  display:inline-block;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;
  color:var(--vt-copper);margin-bottom:10px;
}
.vt-faq details,.vt-faq__item{border-bottom:1px solid var(--vt-line);padding:10px 0}
.vt-faq summary,.vt-faq__item summary{cursor:pointer;font-weight:700;color:var(--vt-ink)}
.vt-faq p,.vt-faq__item p{margin:8px 0 4px;color:var(--vt-muted)}
.vt-faq__more{margin-top:14px;font-weight:700}
.vt-welcome{padding:18px 20px;max-width:720px;text-align:left}
.vt-howto{padding:20px;max-width:720px}
.vt-howto .vt-sec-lead,.vt-howto h2{text-align:left;color:var(--vt-ink)}
.vt-howto__list{margin:12px 0 0;padding-left:1.25em;list-style:decimal;text-align:left;max-width:40em}
.vt-howto__list li{margin:0 0 .75em;padding-left:.25em}
.vt-howto__list strong{color:var(--vt-ink)}
.vt-about-home{padding:22px 20px}
.vt-genre-article{margin:12px 0 22px;color:var(--vt-ink)}
.vt-genre-article h3{margin-top:1.1em;font-size:1.05rem;color:var(--vt-ink)}
.vt-genre-article p,.vt-genre-article li{color:var(--vt-muted)}

/* catalog */
.vt-catalog{padding:8px 0 28px;border-top:1px solid var(--vt-graphite-3);margin-top:8px}
.vt-catalog__band{padding:18px 0;border-bottom:1px solid var(--vt-graphite-3)}
.vt-catalog__band h3{margin:0 0 8px;font-size:1.15rem;color:var(--vt-bone)}
.vt-catalog__meta{font-size:13px;font-weight:500;color:#a8a29e}
.vt-catalog__genre{margin:0 0 12px;color:#a8a29e;max-width:52em}
.vt-catalog__list{display:grid;gap:12px;margin:0 0 10px}
@media(min-width:720px){.vt-catalog__list{grid-template-columns:1fr 1fr}}
.vt-catalog__item h4{margin:0 0 4px;font-size:15px;color:var(--vt-bone)}
.vt-catalog__item p{margin:0;font-size:13px;color:#a8a29e}
.vt-catalog__more{margin:0;font-size:14px;font-weight:700}

/* footer */
.vt-foot{background:#0c0a09;color:#a8a29e;padding:36px 0 24px;margin-top:24px;border-top:1px solid var(--vt-graphite-3)}
.vt-foot a{color:#e7e5e4}
.vt-foot a:hover{color:var(--vt-copper)}
.vt-foot__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px;max-width:var(--vt-max);margin:0 auto;padding:0 16px}
.vt-foot h2{color:var(--vt-bone);font-family:var(--vt-font);font-size:12px;text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px}
.vt-foot ul{display:flex;flex-direction:column;gap:6px}
.vt-foot__copy{max-width:var(--vt-max);margin:20px auto 0;padding:16px 16px 0;border-top:1px solid var(--vt-graphite-3);font-size:12px}
.vt-foot__brand{padding:0 16px 20px;max-width:var(--vt-max);margin:0 auto}
.vt-foot__logo{display:inline-flex;align-items:center;gap:10px;color:var(--vt-bone);text-decoration:none;font-family:var(--vt-display);font-size:1.25rem;margin-bottom:8px}
.vt-foot__logo img{border-radius:2px}
.vt-foot__brand p{margin:0;max-width:36em;font-size:14px;line-height:1.5}

/* detail / play */
.vt-crumbs{display:flex;flex-wrap:wrap;gap:6px;font-size:13px;color:#a8a29e;padding:16px 0 8px}
.vt-crumbs a{color:#a8a29e}
.vt-play{background:#0c0a09;border-radius:var(--vt-radius);overflow:hidden;margin:12px 0;border:1px solid var(--vt-graphite-3)}
.vt-play__bar{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--vt-graphite-2);color:var(--vt-bone);font-size:13px}
.vt-play__bar .vt-grow{flex:1}
.vt-play__box{position:relative;aspect-ratio:16/9;background:#000}
.vt-play__box iframe,
.vt-play__frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000;z-index:1}
.vt-play__frame[hidden],
.vt-play__box iframe[hidden]{display:none!important}
.vt-play.is-max{position:fixed;inset:0;z-index:100;border-radius:0;margin:0}
.vt-play.is-max .vt-play__box{aspect-ratio:auto;height:calc(100vh - 96px)}
.vt-play__poster{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;cursor:pointer;border:0;padding:0;background:#111;width:100%}
.vt-play__poster[hidden],
.vt-play.is-playing .vt-play__poster{display:none!important}
.vt-play__poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.vt-play__poster-cta{
  position:relative;z-index:1;padding:14px 28px;border-radius:2px;background:var(--vt-copper);color:var(--vt-bone);
  font:800 14px/1 var(--vt-font);letter-spacing:.08em;text-transform:uppercase;
  box-shadow:0 10px 28px rgba(180,83,9,.35);pointer-events:none;
}
.vt-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;border:0;border-radius:2px;font:700 13px/1 var(--vt-font);cursor:pointer;text-decoration:none}
.vt-btn--pri{background:var(--vt-copper);color:var(--vt-bone)}
.vt-btn--pri:hover{background:var(--vt-copper-deep);color:var(--vt-bone);text-decoration:none}
.vt-btn--sec{background:var(--vt-graphite-3);color:var(--vt-bone)}
.vt-btn--xs{padding:6px 10px;font-size:11px}
.vt-play__ft{display:flex;gap:8px;padding:12px;background:var(--vt-graphite-2)}
.vt-exit{
  position:fixed;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));
  z-index:110;display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-height:44px;min-width:44px;padding:10px 16px;border:0;border-radius:999px;
  background:rgba(12,10,9,.92);color:#fff;font:700 14px/1 var(--vt-font);
  box-shadow:0 4px 16px rgba(0,0,0,.35);cursor:pointer;-webkit-tap-highlight-color:transparent;
}
.vt-exit[hidden]{display:none!important}
.vt-exit:active{background:var(--vt-copper)}
.vt-prose{background:var(--vt-bone);border:1px solid var(--vt-line);border-radius:var(--vt-radius);padding:16px 18px;margin:16px 0;color:var(--vt-ink)}
.vt-prose h3,.vt-prose h2{color:var(--vt-ink)}
.vt-prose p,.vt-prose li{color:var(--vt-muted)}
.vt-related{padding:8px 0 24px;width:100%}
.vt-related h2{font-size:1.15rem;margin:0 0 12px;color:var(--vt-bone)}

/* pages */
.vt-page{padding:16px 20px 40px}
.vt-page h1{font-size:1.65rem}
.vt-form{display:flex;gap:0;max-width:480px;margin:12px 0 20px}
.vt-form input{flex:1;padding:12px 14px;border:1px solid var(--vt-line);border-right:0;border-radius:2px 0 0 2px;font:inherit;background:#fff;color:var(--vt-ink)}
.vt-form button{padding:12px 18px;border:0;border-radius:0 2px 2px 0;background:var(--vt-copper);color:var(--vt-bone);font-weight:700;cursor:pointer}
.vt-empty{padding:24px;color:var(--vt-muted)}
.vt-ad{
  margin:20px auto;padding:12px 14px;border:1px dashed var(--vt-graphite-3);border-radius:2px;
  text-align:center;color:#a8a29e;font-size:12px;overflow:hidden;background:rgba(12,10,9,.45);
  display:flex;flex-direction:column;align-items:center;max-width:728px;contain:layout;
}
.vt-ad__tag{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#78716c;margin:0 0 8px}
.vt-ad__in{
  display:flex;justify-content:center;align-items:center;flex-wrap:wrap;width:100%;min-width:0;
  min-height:90px;max-height:280px;overflow:auto;
}
.vt-ad__in>*,.vt-ad__in iframe,.vt-ad__in ins{margin-left:auto;margin-right:auto;max-width:100%}
.vt-cookie{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#0c0a09;color:var(--vt-bone);padding:12px 16px;border-top:1px solid var(--vt-graphite-3)}
.vt-cookie__row{max-width:var(--vt-max);margin:0 auto;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center}
.vt-ok{padding:8px 16px;border:0;border-radius:2px;background:var(--vt-copper);color:var(--vt-bone);font-weight:700;cursor:pointer}

.vt-prose-page{max-width:760px;margin:16px auto;padding:22px 20px 36px;background:var(--vt-bone);border:1px solid var(--vt-line);border-radius:4px;color:var(--vt-ink)}
.vt-prose-page h2{margin-top:1.4em;font-size:1.15rem;color:var(--vt-ink)}
.vt-prose-page h3{margin-top:1.1em;font-size:1.02rem;color:var(--vt-ink)}
.vt-prose-page ul,.vt-prose-page ol{margin:0 0 1em;padding-left:1.25em;list-style:disc}
.vt-prose-page ol{list-style:decimal}
.vt-prose-page li{margin:0 0 .4em;color:var(--vt-muted)}
.vt-prose-page p{color:var(--vt-muted)}
.vt-prose-page .vt-btn{margin:4px 8px 4px 0}
.vt-lede{font-size:1.05rem;color:var(--vt-ink)!important}
.vt-card{background:#fff;border:1px solid var(--vt-line);border-radius:var(--vt-radius);padding:14px 16px;margin:0 0 12px;color:var(--vt-ink)}
.vt-card h2{margin:0 0 8px;font-size:1rem;color:var(--vt-ink)}
.vt-game-desc{font-size:1.02rem;color:var(--vt-muted);max-width:42em}
.vt-game-genre{font-size:14px;font-weight:700;color:var(--vt-copper)}
.vt-sitemap{margin:0 0 1.2em;padding-left:1.1em;list-style:disc}
.vt-sitemap--games{columns:2;column-gap:24px}
@media(min-width:800px){.vt-sitemap--games{columns:3}}

/* motion */
@keyframes vt-stamp-in{
  from{opacity:0;transform:rotate(-1.5deg) scale(.96)}
  to{opacity:1;transform:rotate(-1.5deg) scale(1)}
}
@keyframes vt-drawer-rise{
  from{opacity:0;transform:translateY(12px)}
  to{opacity:1;transform:translateY(0)}
}
.vt-stamp{animation:vt-stamp-in .55s ease both}
.vt-open{animation:vt-drawer-rise .55s .12s ease both}
.vt-cabinet,.vt-cats__link{transition:transform .18s ease,border-color .18s,box-shadow .18s}
@media(prefers-reduced-motion:reduce){
  .vt-stamp,.vt-open{animation:none}
  html{scroll-behavior:auto}
}

.vt-legal-cms{max-width:760px}
.vt-legal-cms h1,.vt-legal-cms h2,.vt-legal-cms h3{font-family:var(--vt-display)}
.vt-legal-cms p,.vt-legal-cms li{color:var(--vt-muted);line-height:1.6}
.vt-legal-cms a{color:var(--vt-copper);font-weight:700}