/* =========================================================
   TRUE-CRIME-GAME.NL — DESIGN SYSTEM v1
   Editorial Investigative Aesthetic
   Fonts: DM Serif Display + IBM Plex Mono + DM Sans
   Palette: Deep charcoal · Amber · Off-white · Bloodred
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@400;600&family=DM+Sans:wght@300;400;500;700&display=swap');

:root {
  --bg:          #13120f;
  --bg-2:        #1a1915;
  --bg-3:        #222018;
  --bg-4:        #2a271f;
  --amber:       #d4892a;
  --amber-light: #f0a93c;
  --amber-dim:   #8a5a1a;
  --red:         #8b1a1a;
  --red-bright:  #b32020;
  --off-white:   #ede8dc;
  --off-white-2: #c8c2b4;
  --off-white-3: #8a8478;
  --line:        rgba(212,137,42,.15);
  --line-strong: rgba(212,137,42,.30);
  --max:         1240px;
  --font-serif:  'DM Serif Display', Georgia, serif;
  --font-mono:   'IBM Plex Mono', 'Courier New', monospace;
  --font-sans:   'DM Sans', system-ui, sans-serif;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;font-size:16px}
html,body{min-height:100%}

body{
  font-family:var(--font-sans);font-size:17px;line-height:1.7;
  color:var(--off-white);background:var(--bg);
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}

/* Scanlines */
body::after{
  content:'';position:fixed;inset:0;
  background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,0,0,.025) 2px,rgba(0,0,0,.025) 4px);
  pointer-events:none;z-index:9997;
}

img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

.container,.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}

/* TYPOGRAPHY */
.h1{font-family:var(--font-serif);font-size:clamp(34px,5vw,72px);line-height:1.0;font-weight:400;font-style:italic;color:var(--off-white);letter-spacing:-.02em;text-wrap:balance;margin:0 0 14px}
.h2{font-family:var(--font-serif);font-size:clamp(24px,3.5vw,48px);line-height:1.05;font-weight:400;font-style:italic;color:var(--off-white);letter-spacing:-.015em;text-wrap:balance;margin:0 0 12px}
.h3{font-family:var(--font-serif);font-size:clamp(19px,2vw,26px);line-height:1.15;font-weight:400;color:var(--off-white);margin:0 0 8px}
.lead{font-family:var(--font-sans);font-size:clamp(15px,1.4vw,18px);color:var(--off-white-2);line-height:1.75;font-weight:300;max-width:64ch}
p.lead{padding-bottom:12px}
.muted{color:var(--off-white-3)}
.small{color:var(--off-white-3);font-size:14px}

.kicker,.kickerLine{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--amber)}
.kicker::before,.kickerLine::before{content:'//';opacity:.5;font-size:10px}

.section{position:relative;padding:80px 0}
.sectionTight{padding:40px 0}
.sectionDivider{border-top:1px solid var(--line)}
.sectionHead{margin-bottom:36px}

/* BUTTONS */
.btnRow,.ctaRow{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 28px;border:1px solid transparent;font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:600;cursor:pointer;user-select:none;transition:all .2s ease}
.btn:hover{transform:translateY(-2px)}
.btn:active{transform:none}
.btnPrimary{background:var(--amber);color:var(--bg);border-color:var(--amber)}
.btnPrimary:hover{background:var(--amber-light);border-color:var(--amber-light);box-shadow:0 6px 24px rgba(212,137,42,.3)}
.btnGhost{background:transparent;color:var(--off-white);border-color:rgba(237,232,220,.25)}
.btnGhost:hover{border-color:var(--amber);color:var(--amber)}
.btnOutline{background:transparent;color:var(--off-white-2);border-color:rgba(237,232,220,.2)}
.btnOutline:hover{border-color:var(--amber);color:var(--amber)}
.pill{display:inline-flex;align-items:center;padding:4px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;background:rgba(212,137,42,.1);border:1px solid rgba(212,137,42,.25);color:var(--amber)}

/* HEADER */
.siteHeader{position:sticky;top:0;z-index:300;background:var(--bg-2);border-bottom:1px solid var(--line-strong);height:68px;display:flex;align-items:center;box-shadow:0 2px 30px rgba(0,0,0,.5)}
.headerInner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:100%}
.brand{display:flex;align-items:center;gap:14px;flex-shrink:0}
.brandLogo{height:32px;width:auto}
.brandName{font-family:var(--font-serif);font-size:19px;font-weight:400;font-style:italic;color:var(--off-white);letter-spacing:-.01em}
.brandNameAccent{color:var(--amber);font-style:normal}
.mainNav{display:flex;align-items:center;gap:4px}
.mainNav a{padding:8px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--off-white-3);transition:color .2s;position:relative}
.mainNav a::after{content:'';position:absolute;bottom:4px;left:14px;right:14px;height:1px;background:var(--amber);transform:scaleX(0);transition:transform .25s}
.mainNav a:hover{color:var(--off-white)}
.mainNav a:hover::after,.mainNav a.active::after{transform:scaleX(1)}
.mainNav a.active{color:var(--amber)}
.mainNav .navCta{background:var(--amber);color:var(--bg)!important;padding:8px 18px;font-weight:600;margin-left:8px}
.mainNav .navCta:hover{background:var(--amber-light)}
.mainNav .navCta::after{display:none}

.navToggle{display:none;background:none;border:none;cursor:pointer;padding:8px;flex-direction:column;gap:5px}
.navToggleBars{display:block;width:22px;height:2px;background:var(--off-white);position:relative;transition:all .25s}
.navToggleBars::before,.navToggleBars::after{content:'';display:block;position:absolute;left:0;width:22px;height:2px;background:var(--off-white);transition:all .25s}
.navToggleBars::before{top:-6px}
.navToggleBars::after{top:6px}
.navToggle[aria-expanded="true"] .navToggleBars{background:transparent}
.navToggle[aria-expanded="true"] .navToggleBars::before{transform:rotate(45deg);top:0}
.navToggle[aria-expanded="true"] .navToggleBars::after{transform:rotate(-45deg);top:0}
.srOnly{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

@media(max-width:900px){
  .navToggle{display:flex}
  .mainNav{position:fixed;top:68px;left:0;right:0;background:var(--bg-2);border-bottom:1px solid var(--line-strong);flex-direction:column;align-items:stretch;padding:12px 24px 24px;gap:4px;transform:translateY(-110%);transition:transform .3s ease;z-index:299}
  .mainNav.open{transform:translateY(0)}
  .mainNav a{padding:12px 0;border-bottom:1px solid var(--line)}
  .mainNav .navCta{margin:8px 0 0;text-align:center}
}

/* HERO */
.hero-split{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100vh - 68px);max-height:860px}
.hero-split-left{display:flex;flex-direction:column;justify-content:center;padding:80px max(24px,calc((100vw - var(--max)) / 2 + 24px));background:var(--bg);border-right:1px solid var(--line);position:relative}
.hero-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--amber);margin-bottom:20px;display:flex;align-items:center;gap:8px}
.hero-eyebrow::before{content:'▶';font-size:8px;opacity:.7}
.hero-split-left .h1{margin-bottom:24px}
.hero-sub{font-size:clamp(15px,1.3vw,17px);color:var(--off-white-2);line-height:1.75;max-width:48ch;margin-bottom:36px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:12px}
.hero-split-right{position:relative;overflow:hidden;background:var(--bg-3)}
.hero-split-right img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%) contrast(1.05);opacity:.85;transition:transform 8s ease}
.hero-split-right:hover img{transform:scale(1.04)}
.hero-split-right::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(19,18,15,.5) 0%,transparent 60%),linear-gradient(to top,rgba(19,18,15,.7) 0%,transparent 50%)}

@media(max-width:900px){
  .hero-split{grid-template-columns:1fr;min-height:auto;max-height:none}
  .hero-split-right{height:280px}
  .hero-split-left{padding:48px 24px}
}

/* CTA CARDS */
.heroCtas{background:var(--bg-3);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ctaGrid{display:grid;grid-template-columns:repeat(3,1fr)}
.ctaCard{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:24px 28px;border-right:1px solid var(--line);transition:background .2s}
.ctaCard:last-child{border-right:none}
.ctaCard:hover{background:var(--bg-4)}
.ctaIcon{font-size:1.8rem;flex-shrink:0}
.ctaTitle{font-family:var(--font-serif);font-size:18px;font-style:italic;color:var(--off-white);margin-bottom:2px}
.ctaSub{font-size:13px;color:var(--off-white-3)}
.ctaAction{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--amber);white-space:nowrap}

@media(max-width:900px){
  .ctaGrid{grid-template-columns:1fr}
  .ctaCard{border-right:none;border-bottom:1px solid var(--line)}
  .ctaCard:last-child{border-bottom:none}
}

/* PAPER PAGE */
.paperPage{background:var(--bg-2);position:relative}
.paperPage::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(to bottom,var(--amber),transparent)}

.darkContentSection{background:var(--bg);padding:64px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* CARDS */
.card{background:var(--bg-3);border:1px solid var(--line);border-top:3px solid var(--amber);position:relative;overflow:hidden}
.cardBody{padding:28px}
.cardMedia{margin:16px 0;border:1px solid var(--line);overflow:hidden}
.cardMedia img{width:100%}
.gameCardMedia{height:200px;background-size:cover;background-position:center;border:1px solid var(--line);filter:grayscale(20%);transition:filter .3s,transform .4s}
.card:hover .gameCardMedia{filter:grayscale(0%);transform:scale(1.02)}
.cardMeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px}
.cardBottomStack{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:16px}
.cardCtaWide{width:100%}

.ratingLine{display:flex;align-items:center;gap:6px}
.starsText{color:var(--amber);font-size:13px;letter-spacing:1px}
.ratingText{font-family:var(--font-mono);font-size:11px;color:var(--off-white-3)}
.price{font-family:var(--font-serif);font-size:26px;font-style:italic;color:var(--amber)}
.miniTitle{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--off-white-3);margin-bottom:4px}
.priceBig{font-family:var(--font-serif);font-size:42px;font-style:italic;color:var(--amber);line-height:1}

/* GRIDS */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
@media(max-width:900px){.grid3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.grid3,.grid2{grid-template-columns:1fr}}

/* FEATURE PHOTOS */
.featurePhotos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.featurePhotoCard{background:var(--bg-3);border:1px solid var(--line);overflow:hidden;transition:border-color .25s}
.featurePhotoCard:hover{border-color:var(--amber-dim)}
.featurePhotoMedia{height:220px;overflow:hidden}
.featurePhotoMedia img{width:100%;height:100%;object-fit:cover;filter:grayscale(15%);transition:transform .4s,filter .3s}
.featurePhotoCard:hover .featurePhotoMedia img{transform:scale(1.04);filter:grayscale(0%)}
.featurePhotoBody{padding:24px}
@media(max-width:900px){.featurePhotos{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.featurePhotos{grid-template-columns:1fr}}

/* MICRO HIGHLIGHTS */
.microHighlights{list-style:none;display:flex;flex-direction:column;gap:8px;margin:14px 0}
.evidenceLevel{display:flex;align-items:center;gap:12px}
.evidenceLevel .label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--off-white-3);width:80px;flex-shrink:0}
.dots{display:flex;gap:4px}
.dot{width:8px;height:8px;border:1px solid rgba(212,137,42,.3)}
.dot.filled{background:var(--amber);border-color:var(--amber)}

/* FEATURE LIST */
.featureList{list-style:none;display:flex;flex-direction:column;gap:12px}
.featureItem{display:flex;gap:14px;align-items:flex-start}
.featureIcon{color:var(--amber);font-weight:700;flex-shrink:0;margin-top:2px}

/* ORDER SUMMARY */
.orderSummary{background:var(--bg-4);border:1px solid var(--line);border-left:3px solid var(--amber);padding:20px 24px;margin:20px 0}
.orderHighlights{list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:10px}
.orderHighlights li{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--off-white-2);display:flex;align-items:center;gap:8px}
.orderPrice{margin-top:4px}
.badgeOk{background:rgba(212,137,42,.1);border:1px solid rgba(212,137,42,.25);border-left:3px solid var(--amber);padding:10px 14px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--amber);margin:16px 0}

/* GAME HERO */
.gameHero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;border-bottom:1px solid var(--line)}
.gameHeroLeft{display:flex;flex-direction:column;justify-content:center;padding:72px max(24px,calc((100vw - var(--max)) / 2 + 24px));background:var(--bg)}
.gameHeroLeft .h1{margin:8px 0 18px}
.gameHeroRight{background:var(--bg-3);display:flex;flex-direction:column;overflow:hidden}
.gameHeroImg{flex:1;width:100%;object-fit:cover;filter:grayscale(20%);transition:filter .4s}
.gameHeroRight:hover .gameHeroImg{filter:grayscale(0%)}
.gameThumbStrip{display:flex;gap:2px;padding:8px;background:var(--bg);border-top:1px solid var(--line)}
.gameThumb{width:60px;height:45px;object-fit:cover;cursor:pointer;opacity:.55;transition:opacity .2s;border:1px solid transparent}
.gameThumb:hover,.gameThumb.active{opacity:1;border-color:var(--amber)}
@media(max-width:900px){
  .gameHero{grid-template-columns:1fr}
  .gameHeroRight{height:300px}
  .gameHeroLeft{padding:40px 24px}
}

/* PAGE HERO SPLIT */
.pageHeroSplit{display:grid;grid-template-columns:1fr 1fr;min-height:380px;border-bottom:1px solid var(--line)}
.pageHeroSplitLeft{display:flex;flex-direction:column;justify-content:center;padding:60px max(24px,calc((100vw - var(--max)) / 2 + 24px));background:var(--bg)}
.pageHeroSplitLeft .h1{margin:8px 0 16px}
.pageHeroSplitRight{background:var(--bg-3);overflow:hidden}
.pageHeroSplitRight img{width:100%;height:100%;object-fit:cover;filter:grayscale(20%);opacity:.85}
@media(max-width:900px){
  .pageHeroSplit{grid-template-columns:1fr}
  .pageHeroSplitRight{height:220px}
  .pageHeroSplitLeft{padding:40px 24px}
}

/* TWO COL */
.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media(max-width:900px){.twoCol{grid-template-columns:1fr}}

/* VICTIM GRID */
.victimBlock{border-top:1px solid var(--line)}
.victimGrid{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.victimThumb{width:100px;height:130px;overflow:hidden;border:1px solid var(--line);transition:border-color .2s}
.victimThumb:hover{border-color:var(--amber)}
.victimThumb img{width:100%;height:100%;object-fit:cover;filter:grayscale(30%);transition:filter .3s}
.victimThumb:hover img{filter:grayscale(0%)}

/* FEATURE ROW */
.featureRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:32px}
.featureCard{background:var(--bg-4);border:1px solid var(--line);border-left:3px solid var(--amber);padding:24px}
.featureCard .h3{margin-bottom:8px;font-size:17px}
.featureCard .muted{font-size:14px;line-height:1.65}

/* CHECK LIST */
.checkList{list-style:none;display:flex;flex-direction:column;gap:10px}
.checkList li{padding-left:22px;position:relative;font-size:15px;color:var(--off-white-2);line-height:1.6}
.checkList li::before{content:'✓';position:absolute;left:0;color:var(--amber);font-size:13px;font-weight:700}

/* MEDIA STACK */
.mediaStack{display:flex;flex-direction:column;gap:8px}
.mediaCard{border:1px solid var(--line);overflow:hidden}
.mediaCard img{width:100%;filter:grayscale(15%);transition:filter .3s}
.mediaCard:hover img{filter:grayscale(0%)}

/* QUOTE BAND */
.quoteBand{background:var(--bg-4);border-top:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);padding:72px 80px;text-align:center;position:relative;overflow:hidden}
.quoteBand::before{content:'"';position:absolute;font-family:var(--font-serif);font-size:400px;color:rgba(212,137,42,.05);line-height:1;top:-60px;left:20px;font-weight:400;pointer-events:none}
.quoteBand blockquote{font-family:var(--font-serif);font-size:clamp(18px,2.5vw,30px);font-style:italic;color:var(--off-white);max-width:740px;margin:0 auto 16px;line-height:1.5;position:relative;z-index:1}
.quoteBand cite{font-family:var(--font-mono);font-size:10px;letter-spacing:.3em;color:var(--amber);text-transform:uppercase}

/* FAQ */
.faqGrid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.faqItem{background:var(--bg-3);border:1px solid var(--line)}
.faqQ{width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:none;border:none;font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--off-white);cursor:pointer;text-align:left;gap:12px;transition:color .2s}
.faqQ::after{content:'+';font-size:20px;color:var(--amber);flex-shrink:0;transition:transform .25s}
.faqQ[aria-expanded="true"]::after{transform:rotate(45deg)}
.faqQ:hover{color:var(--amber)}
.faqA{display:none;padding:0 24px 20px}
.faqA p{font-size:15px;color:var(--off-white-2);line-height:1.7;margin:0}
.faqA.open{display:block}
@media(max-width:700px){.faqGrid{grid-template-columns:1fr}}

/* CONTACT FORM */
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fieldFull{grid-column:1 / -1}
.formGrid label{display:block;margin-bottom:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--off-white-3)}
.formGrid input,.formGrid textarea,.formGrid select{width:100%;background:var(--bg-4);border:1px solid rgba(237,232,220,.15);color:var(--off-white);padding:12px 14px;font-family:var(--font-sans);font-size:15px;transition:border-color .2s}
.formGrid input:focus,.formGrid textarea:focus{outline:none;border-color:var(--amber)}
.formGrid select{cursor:pointer}
.formGrid textarea{resize:vertical;min-height:120px}
.formGrid input::placeholder,.formGrid textarea::placeholder{color:var(--off-white-3)}
.spamRow{display:flex;align-items:center;gap:12px}
.spamRow input{max-width:90px}
.spamPrompt{font-family:var(--font-mono);font-size:12px;color:var(--off-white-3)}
.hpWrap{display:none!important}
.formNotice{grid-column:1 / -1;font-family:var(--font-mono);font-size:12px;padding:10px 14px}
.formNotice.ok{background:rgba(212,137,42,.1);border:1px solid rgba(212,137,42,.3);color:var(--amber)}
.formNotice.err{background:rgba(139,26,26,.15);border:1px solid rgba(139,26,26,.35);color:#e05a5a}
@media(max-width:600px){.formGrid{grid-template-columns:1fr}}

/* MEDIA PLACEHOLDER */
.mediaPlaceholder{background:var(--bg-4);border:1px dashed rgba(212,137,42,.2);display:flex;align-items:center;justify-content:center;height:180px;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;color:var(--off-white-3)}
.mediaPlaceholder.small{height:80px}

/* MODAL */
.modalOverlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.85);backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center}
#sentModal[style*="flex"]{display:flex}
.modalDialog{background:var(--bg-3);border:1px solid var(--line);border-top:4px solid var(--amber);padding:48px 40px;max-width:460px;width:90%;text-align:center;position:relative}
.modalClose{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--off-white-3);font-size:1.3rem;cursor:pointer;line-height:1}
.modalClose:hover{color:var(--amber)}

/* LIGHTBOX */
.lightboxOverlay{position:fixed;inset:0;z-index:9998;background:rgba(0,0,0,.92);display:none;align-items:center;justify-content:center;padding:20px}
.lightboxOverlay:not([aria-hidden="true"]){display:flex}
.lightboxDialog{position:relative;max-width:900px;width:100%}
.lightboxClose{position:absolute;top:-40px;right:0;background:none;border:none;color:var(--off-white);font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;cursor:pointer}
.lightboxClose:hover{color:var(--amber)}
.lightboxImg{width:100%;max-height:80vh;object-fit:contain}

/* FOOTER */
.siteFooter{background:var(--bg);border-top:1px solid var(--line-strong);padding-top:60px}
.footerGrid{display:grid;grid-template-columns:2fr 1.5fr 1fr;gap:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.footerBrand{display:flex;align-items:center;gap:14px;margin-bottom:16px}
.footerLogo{height:28px}
.footerBrandName{font-family:var(--font-serif);font-size:18px;font-style:italic;color:var(--off-white)}
.footerBrandTag{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--off-white-3);margin-top:2px}
.footerText{font-size:14px;color:var(--off-white-3);line-height:1.7;max-width:42ch}
.footerTextSmall{font-size:13px;color:var(--off-white-3);line-height:1.6}
.footerNav{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.footerNavTitle{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;padding-bottom:8px;border-bottom:1px solid var(--line)}
.footerNavGrid{display:flex;flex-direction:column;gap:8px}
.footerNavGrid a{font-size:14px;color:var(--off-white-3);transition:color .2s}
.footerNavGrid a:hover{color:var(--amber)}
.footerTrustCard{background:var(--bg-3);border:1px solid var(--line);border-top:3px solid var(--amber);padding:20px}
.trustTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.trustScore{font-family:var(--font-serif);font-size:40px;font-style:italic;color:var(--amber);line-height:1}
.trustLabel{font-family:var(--font-mono);font-size:9px;letter-spacing:.15em;color:var(--off-white-3);text-transform:uppercase}
.stars{color:var(--amber);font-size:15px;letter-spacing:2px}
.footerGamePhoto{margin:12px 0;overflow:hidden;border:1px solid var(--line);max-height:100px}
.footerGamePhoto img{width:100%;object-fit:cover;filter:grayscale(30%)}
.footerMiniCtas{display:flex;gap:8px;margin-top:12px}
.footerMiniCtas .btn{flex:1;min-height:36px;padding:8px 12px;font-size:10px}
.footerBottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding:20px 0}
.footerCopy{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--off-white-3)}
.footerLegal{display:flex;gap:20px}
.footerLegal a{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--off-white-3)}
.footerLegal a:hover{color:var(--amber)}
@media(max-width:900px){.footerGrid{grid-template-columns:1fr;gap:32px}}

/* UTILS */
.featureScore{display:flex;align-items:center;gap:10px;margin:6px 0}
.featureLabel{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--off-white-3);width:80px}
.featureTrack{flex:1;height:4px;background:rgba(212,137,42,.15);max-width:120px}
.featureFill{display:block;height:100%;background:var(--amber)}
.featureFill.is-1{width:20%}.featureFill.is-2{width:40%}.featureFill.is-3{width:60%}.featureFill.is-4{width:80%}.featureFill.is-5{width:100%}

/* REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.reveal.visible{opacity:1;transform:none}

/* SCROLLBAR */
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--amber-dim)}
::-webkit-scrollbar-thumb:hover{background:var(--amber)}

/* CAPTCHA */
#captcha-question{color:var(--amber);font-weight:600}