/* Ghost Racer — the pages the store review needs, in the game's own colours. */
:root{
  --night:#14101A; --panel:#1C1526; --line:rgba(255,232,201,.13); --line-hi:rgba(255,232,201,.3);
  --ink:#FFE8C9; --dim:#A2909C; --dimmer:#6E6072;
  --gold:#FFC24B; --pink:#FE2C55; --mint:#2BE8D9;
  --display:"Space Grotesk","Avenir Next",Helvetica,sans-serif;
  --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --measure:68ch;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--night);color:var(--ink);
  font:15px/1.7 var(--mono);-webkit-font-smoothing:antialiased}

/* The sun sits behind everything, the way it does behind the road. */
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(120% 70% at 50% 118%,rgba(255,107,74,.30),rgba(255,194,75,.14) 38%,transparent 68%)}
.wrap{position:relative;z-index:1;max-width:var(--measure);margin:0 auto;padding:0 24px}

header.site{border-bottom:1px solid var(--line);margin-bottom:44px}
header.site .wrap{display:flex;align-items:center;gap:18px;padding-top:22px;padding-bottom:18px;flex-wrap:wrap}
.mark{font-family:var(--display);font-weight:700;font-size:17px;letter-spacing:.14em;
  text-transform:uppercase;text-decoration:none;color:var(--ink);white-space:nowrap}
.mark span{color:var(--pink)}
nav.site{margin-left:auto;display:flex;gap:20px}
nav.site a{color:var(--dim);text-decoration:none;font-size:12px;letter-spacing:.13em;text-transform:uppercase;
  padding-bottom:2px;border-bottom:1px solid transparent}
nav.site a:hover,nav.site a[aria-current=page]{color:var(--ink);border-bottom-color:var(--gold)}
nav.site a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

h1{font-family:var(--display);font-weight:700;font-size:clamp(30px,6vw,46px);line-height:1.06;
  letter-spacing:-.015em;margin:0 0 10px;text-wrap:balance}
.stamp{color:var(--dimmer);font-size:11px;letter-spacing:.19em;text-transform:uppercase;margin:0 0 40px}
h2{font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:.01em;
  margin:44px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
h3{font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin:26px 0 6px;font-weight:400}
p,li{color:#EBDCCB}
a{color:var(--mint)}
a:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
ul{padding-left:20px}
li{margin:7px 0}
strong{color:#FFF6E6;font-weight:400;border-bottom:1px solid rgba(255,194,75,.35)}
.lede{font-size:17px;color:var(--ink)}

.card{background:var(--panel);border:1px solid var(--line);border-radius:4px;padding:18px 20px;margin:22px 0}
.card p:last-child{margin-bottom:0}
.card p:first-child{margin-top:0}
.todo{border-color:rgba(254,44,85,.5);background:rgba(254,44,85,.07)}
.todo b{color:var(--pink);font-weight:400;letter-spacing:.1em;text-transform:uppercase;font-size:11px;display:block;margin-bottom:6px}

dl.facts{display:grid;grid-template-columns:minmax(160px,auto) 1fr;gap:9px 22px;margin:20px 0}
dl.facts dt{color:var(--dimmer);font-size:12px;letter-spacing:.11em;text-transform:uppercase}
dl.facts dd{margin:0}
@media(max-width:560px){dl.facts{grid-template-columns:1fr;gap:2px 0}dl.facts dd{margin-bottom:12px}}

footer.site{border-top:1px solid var(--line);margin-top:70px;padding:24px 0 46px;color:var(--dimmer);font-size:12px}
footer.site .wrap{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
footer.site a{color:var(--dim);text-decoration:none}
footer.site a:hover{color:var(--ink)}

/* Blanks I refuse to invent on a legal page — glaring until a human fills them. */
[data-fill]{background:rgba(254,44,85,.16);border-bottom:2px solid var(--pink);
  color:#FFC9D3;padding:0 5px;border-radius:2px}