/* Unhinged Studios brand: Ink, Bone, Signal; Archivo Black for the name, Plex for everything else */
:root{
  --bg:#16130F; --panel:#1F1B16; --line:#38322A; --fg:#EFE9DE; --muted:#A39A8C; --signal:#F0532A; --signal-ink:#16130F;
  --ok:#7FC48A; --err:#FF8A6E; --you:#2A241D;
  --display:"Archivo Black",Impact,"Arial Black",sans-serif; --body:"IBM Plex Sans",system-ui,sans-serif; --mono:"IBM Plex Mono",ui-monospace,Consolas,monospace;
  color-scheme:dark;
}
@media (prefers-color-scheme:light){:root{--bg:#EFE9DE;--panel:#F7F3EC;--line:#D6CEC1;--fg:#16130F;--muted:#6B6358;--ok:#2F6B3A;--err:#A3301B;--you:#E6DFD2;color-scheme:light}}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--fg);font:15px/1.5 var(--body)}
a{color:var(--fg);text-decoration-color:var(--signal);text-underline-offset:3px}
.btn{font:500 13px var(--mono);padding:8px 12px;border:1px solid var(--line);background:var(--panel);color:var(--fg);cursor:pointer;border-radius:2px;text-decoration:none;display:inline-block}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--signal);color:var(--signal-ink);border-color:var(--signal)}
.btn:disabled{opacity:.5;cursor:default}
:focus-visible{outline:2px solid var(--signal);outline-offset:2px}
.top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.mark{width:30px;height:30px;flex:none}
.name{font:400 20px/1 var(--display);text-transform:uppercase;letter-spacing:.01em;text-decoration:none;color:var(--fg)}
.name small{display:block;font:500 11px var(--mono);letter-spacing:.16em;color:var(--muted);margin-top:4px}
.sp{flex:1}
.chip{font:500 12px var(--mono);padding:5px 10px;border:1px solid var(--line);border-radius:2px;color:var(--muted)}
.chip b{color:var(--fg);font-weight:500}
.page{max-width:920px;margin:0 auto;padding-block:20px 64px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:28px}
h1{font:400 clamp(28px,5vw,44px)/1.05 var(--display);text-transform:uppercase;margin:0;text-wrap:balance}
h1 em{font-style:normal;color:var(--signal)}
h2{font:400 18px var(--display);text-transform:uppercase;margin:0}
.muted{color:var(--muted)}
.mono{font-family:var(--mono)}
input[type=email],textarea{font:15px/1.45 var(--body);background:var(--panel);color:var(--fg);border:1px solid var(--line);padding:10px 12px;border-radius:2px;width:100%}
footer.foot{font:12px var(--mono);color:var(--muted);display:flex;gap:16px;flex-wrap:wrap}