/* The site's own pages (about.html, privacy.html, imprint.html, credits.html)
   in the start menu's design language (2026-10-11): its background, its
   Barlow titles (uppercase, italic), the amber kicker and links, content on
   the menu's dark cards. Linked after each page's own <style>, which keeps
   the layout; this only restyles. */
@font-face{font-family:Barlow;src:url('../../assets/fonts/barlow-condensed/BarlowCondensed-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:Barlow;src:url('../../assets/fonts/barlow-condensed/BarlowCondensed-ExtraBold.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:Barlow;src:url('../../assets/fonts/barlow-condensed/BarlowCondensed-ExtraBoldItalic.ttf') format('truetype');font-style:italic;font-weight:800;font-display:swap}
:root{--ink:#080c13;--ink2:#141d2d;--chrome:#f5f1e8;--dim:#bcc7d8;--flame:#ffad47;--line:rgba(179,197,232,.15)}
html{background:#080c13}
body{min-height:100vh;color:#f5f1e8;font-family:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  background:radial-gradient(70% 45% at 50% 112%,rgba(255,150,60,.14),transparent 72%),radial-gradient(ellipse at 50% 0,#243147 0,#111927 46%,#080c13 82%) fixed}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.06;
  background:repeating-linear-gradient(115deg,transparent 0 46px,#b3c5e8 47px 48px,transparent 49px 94px)}
h1,h2,h3{font-family:Barlow,'Arial Narrow',Impact,sans-serif;text-transform:uppercase;letter-spacing:.005em;color:#f5f1e8}
h1{font-weight:800;font-style:italic;font-size:clamp(34px,7vw,58px);line-height:.95;text-shadow:0 2px 0 rgba(0,0,0,.35)}
h2{font-weight:800;font-style:italic;font-size:clamp(22px,4vw,30px);line-height:1}
h3{font-weight:800;font-size:18px;letter-spacing:.02em}
.kicker{font:600 12px/1.2 Barlow,'Arial Narrow',sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#ffad47}
p,li{color:#bcc7d8}
a{color:#ffad47;text-underline-offset:3px}
a:hover{color:#ffd27a}
/* the reading column of the legal pages: the menu's card */
main{margin-top:32px!important;margin-bottom:32px!important;padding:32px 28px 40px!important;border-radius:22px;
  background:linear-gradient(180deg,rgba(29,42,63,.92),rgba(16,24,38,.92));
  box-shadow:inset 0 0 0 1px rgba(179,197,232,.16),inset 0 3px 0 #ffad47,0 8px 0 #04070c,0 30px 60px rgba(0,0,0,.5)}
main h2{margin-top:32px}
footer{border-top-color:rgba(179,197,232,.15)!important;color:#8f9fb6}
.todo{border-radius:12px!important;border-color:#ffad47!important;background:rgba(255,173,71,.1)!important}
.todo strong,.placeholder{color:#ffad47!important}
/* about.html */
.card{border:0!important;border-radius:16px!important;background:linear-gradient(180deg,#1d2a3f,#121b2b)!important;
  box-shadow:inset 0 0 0 1px rgba(179,197,232,.14),0 4px 0 #04070c,0 10px 20px rgba(0,0,0,.35)}
.card h3{color:#ffad47!important}
.cta{display:inline-flex!important;align-items:center;justify-content:center;min-height:56px;padding:0 34px!important;border-radius:14px!important;
  font:800 italic 22px/1 Barlow,'Arial Narrow',Impact,sans-serif!important;letter-spacing:.02em!important;text-transform:uppercase;color:#2a1406!important;
  background:linear-gradient(180deg,#ffd781,#ff9b3d)!important;text-shadow:0 1px 0 rgba(255,255,255,.35);
  box-shadow:inset 0 0 0 1px rgba(255,236,190,.55),inset 0 2px 0 rgba(255,255,255,.2),0 5px 0 #b0560f,0 10px 18px rgba(0,0,0,.42)}
.hero-shot,.shots img{border:0!important;border-radius:16px!important;box-shadow:inset 0 0 0 1px rgba(179,197,232,.16),0 20px 50px rgba(0,0,0,.55)}
.store-pill{border-color:rgba(179,197,232,.3)!important;color:#bcc7d8!important}
/* credits.html: the model tables on cards */
table{background:rgba(9,14,23,.42);border-radius:14px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(179,197,232,.15)}
th{font-family:Barlow,'Arial Narrow',sans-serif;color:#8f9fb6!important;letter-spacing:.14em!important}
th,td{border-bottom-color:rgba(179,197,232,.1)!important}
input{border:0!important;border-radius:12px!important;min-height:46px;background:#090e17!important;color:#f5f1e8!important;
  box-shadow:inset 0 2px 5px rgba(0,0,0,.55),inset 0 0 0 1px rgba(214,226,250,.28)}
.back{display:inline-flex!important;align-items:center;min-height:42px;padding:0 16px;border-radius:12px;text-decoration:none;
  font:800 italic 16px/1 Barlow,'Arial Narrow',sans-serif;text-transform:uppercase;color:#f5f1e8!important;background:linear-gradient(180deg,#25344d,#172235);
  box-shadow:inset 0 0 0 1px rgba(214,226,250,.16),0 4px 0 #04070c}
@media (max-width:600px){main{padding:24px 18px 32px!important;border-radius:18px;margin:16px 12px!important}}