/* ==========================================================================
   PREVIOUSLY — Games detail + collection pages (IGDB catalog)
   House system conversion 2026-10-16 (template lane B): Raiders black
   ground, silver text, signal-red accent, Marathon Long Run Display
   ('Previously Display', 400 ONLY) for all display/headline type.
   No serif anywhere. No pills. No cream/desert tokens.
   Every class name the builder emits is preserved — restyle only.
   ========================================================================== */
html{background:#000;color-scheme:dark}
/* Canvas: micro.css paints html body cream (--desert-bg) and bible.css
   paints .b-scope with --bible-bg (cream in the base tokens). Both are
   beaten only by html body.b-scope (0,1,2) from this games-only sheet. */
html body.b-scope{background:#000;background-color:#000;color:#A5ACAF;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
img,video,iframe{max-width:100%}
::selection{background:#E10600;color:#fff}

.gm-wrap{max-width:1080px;margin:0 auto;padding:0 20px 90px;overflow-wrap:break-word}
.gm-crumb{font-size:12px;letter-spacing:.08em;text-transform:uppercase;
  color:#7E858B;margin:22px 0 14px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.gm-crumb a{color:#A5ACAF;text-decoration:none}
.gm-crumb a:hover{color:#fff;text-decoration:underline;
  text-decoration-color:#E10600;text-underline-offset:3px}
.gm-crumb [aria-current]{color:#fff}
.gm-crumb .sep{margin:0 8px;opacity:.5}

.gm-hero{display:flex;gap:30px;flex-wrap:wrap;align-items:flex-start;margin-bottom:34px}
.gm-cover{flex:0 0 280px;max-width:100%;margin:0;border-radius:14px;overflow:hidden;
  border:1px solid #2C2C2C;
  box-shadow:0 18px 50px rgba(0,0,0,.55)}
.gm-cover img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}
.gm-hero-body{flex:1 1 300px;min-width:0}
.gm-kicker{font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;
  color:#E10600;margin:0 0 10px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.gm-title{font-family:'Previously Display','Marathon Long Run Display',sans-serif;
  font-weight:400;
  font-size:clamp(32px,6vw,54px);line-height:1.06;letter-spacing:.01em;
  margin:0 0 12px;color:#fff}
.gm-meta{font-size:14px;color:#8C9399;margin:0 0 14px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.gm-score{display:inline-flex;align-items:center;gap:10px;margin:0 0 16px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.gm-score-num{font-family:'Previously Display','Marathon Long Run Display',sans-serif;
  font-size:26px;font-weight:400;color:#fff;
  background:#E10600;border-radius:8px;padding:6px 12px;line-height:1}
.gm-score-lab{font-size:12px;color:#7E858B;line-height:1.4;max-width:220px}
.gm-sub{font-size:15px;line-height:1.7;color:#A5ACAF;
  margin:0 0 18px;max-width:62ch}
.gm-actions{display:flex;gap:10px;flex-wrap:wrap}
.gm-btn{display:inline-block;font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:14px;font-weight:700;padding:10px 18px;border-radius:8px;
  border:1px solid #2C2C2C;color:#EDEFF0;
  background:#101010;text-decoration:none}
.gm-btn:hover{border-color:#A5ACAF}
.gm-btn--solid{background:#E10600;border-color:#E10600;
  color:#fff}
.gm-btn--solid:hover{background:#B00500;border-color:#B00500}

.gm-sec{margin:0 0 36px}
.gm-sec-t{font-family:'Previously Display','Marathon Long Run Display',sans-serif;
  font-size:24px;font-weight:400;letter-spacing:.01em;
  margin:0 0 16px;color:#EDEFF0;
  border-top:1px solid #2C2C2C;padding-top:18px}
.gm-sec-t::before{content:"";display:block;width:38px;height:5px;
  background:#E10600;margin:0 0 13px}
.gm-h2{font-family:'Previously Display','Marathon Long Run Display',sans-serif;
  font-size:24px;font-weight:400;letter-spacing:.01em;
  margin:0 0 16px;color:#EDEFF0}
.gm-h2 a{text-decoration:none}
.gm-h2 a:hover{text-decoration:underline;text-decoration-color:#E10600;
  text-underline-offset:4px}
.gm-prose{font-size:16px;line-height:1.8;color:#A5ACAF;
  max-width:68ch;margin:0}
.gm-facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;margin:0}
.gm-fact{background:#101010;border:1px solid #2C2C2C;
  border-radius:12px;padding:14px 16px;
  box-shadow:0 10px 30px rgba(0,0,0,.35)}
.gm-fact-k{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;
  color:#8C9399;margin:0 0 6px;display:flex;align-items:center;gap:8px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.gm-fact-k::before{content:"";flex:0 0 auto;width:14px;height:3px;
  background:#E10600}
.gm-fact-v{font-size:15px;color:#EDEFF0;margin:0;line-height:1.5}
.gm-fact--critic{background:#1B1B1B;
  border-color:#2C2C2C}
.gm-fact--critic .gm-fact-k{color:#A5ACAF}
.gm-fact--critic .gm-fact-k::before{background:#E10600}
.gm-fact--critic .gm-fact-v{color:#fff;font-weight:800;
  font-size:17px}

.gm-shots{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,72%);
  gap:12px;overflow-x:auto;padding-bottom:8px;scroll-snap-type:x mandatory}
.gm-shots img{border-radius:10px;border:1px solid #2C2C2C;
  scroll-snap-align:start;width:100%;height:auto;display:block}
.gm-trailers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.gm-trailer{margin:0}
.gm-trailer-name{font-size:13px;color:#8C9399;margin:0 0 8px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.gm-video{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:12px;
  border:1px solid #2C2C2C;background:#000}
.gm-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}

.gm-more{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.gm-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.gm-card{display:block;text-decoration:none;color:inherit;border:1px solid #2C2C2C;
  border-radius:12px;overflow:hidden;background:#101010;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  transition:border-color .25s ease}
.gm-card img{width:100%;height:auto;display:block;aspect-ratio:3/4;object-fit:cover}
.gm-card-t{display:block;font-size:14px;font-weight:400;padding:10px 12px;line-height:1.35;
  font-family:'Previously Display','Marathon Long Run Display',sans-serif;
  color:#EDEFF0;
  background:linear-gradient(#E10600,#E10600)
  12px calc(100% - 4px)/0% 2px no-repeat;transition:background-size .3s ease}
.gm-card-s{display:block;font-size:11px;color:#7E858B;padding:0 12px 10px;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}
.gm-card:hover{border-color:#A5ACAF}
.gm-card:hover .gm-card-t,.gm-card:focus-visible .gm-card-t{
  background-size:calc(100% - 24px) 2px}
.gm-note{font-size:12px;color:#7E858B;margin:18px 0 0;
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif}

/* ==========================================================================
   PREVIOUSLY TAKE + VIBE LINKS (taste layer)
   Vibe links are underline tabs, never pills.
   ========================================================================== */
.gm-take{background:linear-gradient(160deg,#1B1B1B 0%,#101010 70%);
  border:1px solid #2C2C2C;border-radius:14px;
  box-shadow:0 14px 40px rgba(0,0,0,.45);
  padding:22px 24px}
.gm-take-kicker{font-size:11px;font-weight:800;letter-spacing:.24em;
  text-transform:uppercase;color:#E10600;margin:0 0 12px;
  font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif}
.gm-take-text{font-family:'Previously Display','Marathon Long Run Display',sans-serif;
  font-size:20px;font-weight:400;
  line-height:1.5;color:#EDEFF0;margin:0;max-width:68ch}
.gm-vibes{display:flex;flex-wrap:wrap;gap:6px 22px;margin:16px 0 0;padding:0}
.gm-vibe{display:inline-block;font-family:'Inter',system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:#A5ACAF;background:transparent;
  border:0;border-bottom:2px solid #2C2C2C;border-radius:0;
  padding:6px 2px;text-decoration:none}
.gm-vibe:hover{color:#fff;border-bottom-color:#E10600}
.gm-take .gm-vibes{margin-top:16px}

a:focus-visible,.gm-card:focus-visible,.gm-btn:focus-visible{
  outline:2px solid #E10600;outline-offset:2px}