/* Shared styles for the smaller pages (play, links, 404). The home and privacy pages keep their own inline copy. */
@font-face{font-family:"Inter";src:url(/fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/fonts/inter-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Inter Display";src:url(/fonts/inter-display-700.woff2) format("woff2");font-weight:700;font-display:swap}
:root{--bg:#0B0B0D;--panel:#141418;--line:#26262C;--edge:#3A3A42;--text:#F4F1EA;--muted:#A9A6A0;--dim:#8A8782;--red:#E5202E}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
[hidden]{display:none !important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.narrow{width:min(620px,100% - 40px);margin-inline:auto}
.display{font-family:"Inter Display",Inter,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:.98}

.top{display:flex;align-items:center;justify-content:space-between;padding:24px 0}
.top .logo{height:28px;width:auto;display:block}
.pill{font-size:13px;font-weight:500;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:7px 14px;text-decoration:none}
a.pill:hover{color:var(--text);border-color:var(--edge)}
a.pill:focus-visible{outline:2px solid var(--red);outline-offset:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 26px;border:0;border-radius:14px;background:var(--red);color:#fff;font:inherit;font-weight:500;font-size:16px;cursor:pointer;white-space:nowrap;text-decoration:none}
.btn:hover{background:#C91A27}
.btn:focus-visible{outline:2px solid var(--text);outline-offset:2px}
.btn:disabled{opacity:.7;cursor:progress}
.btn.ghost{background:transparent;border:1px solid var(--edge);color:var(--text)}
.btn.ghost:hover{background:transparent;border-color:var(--muted)}

/* waitlist form */
.wl{display:flex;gap:10px;max-width:520px}
.wl input[type=email]{flex:1;min-width:0;height:56px;padding:0 20px;border-radius:14px;border:1px solid var(--line);background:rgba(20,20,24,.85);color:var(--text);font:inherit;font-size:16px}
.wl input[type=email]::placeholder{color:#7C7A76}
.wl input[type=email]:focus{outline:2px solid var(--red);outline-offset:2px;border-color:transparent}
.trap{position:absolute;left:-10000px;width:1px;height:1px;opacity:0}
.err{font-size:14px;color:#FF7A82;margin:10px 0 0}
.err:empty{display:none}
.ok{display:none;font-size:16px;color:var(--text);margin:0}
.wl.done{display:none}
.wl.done + .ok{display:block}
.fine{font-size:13px;color:var(--dim);margin:14px 0 0;line-height:1.5}
.fine a{color:var(--muted)}

.foot{border-top:1px solid var(--line);margin-top:56px;padding:24px 0 36px;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;font-size:13px;color:var(--dim)}
.foot nav{display:flex;gap:18px;flex-wrap:wrap}
.age{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--edge);border-radius:50%;font-size:11px;font-weight:500;color:var(--muted)}
.legal{display:flex;gap:14px;align-items:center}

@media (max-width:560px){
  .wl{flex-direction:column}
  .wl input[type=email]{flex:none;width:100%}
  .wl .btn{width:100%}
  .top{padding:18px 0}
  .top .logo{height:24px}
}