/* the club's own pointer: a pixel arrow with its red a little out of register; red over what
   can be pressed; a diamond over someone on the floor */
:root { --arrow: url(/cursors/arrow.svg) 1 1, default; --press: url(/cursors/press.svg) 1 1, pointer; --look: url(/cursors/look.svg) 16 16, pointer; }
html, body { cursor: var(--arrow); }
input, textarea { cursor: text; }
body.members { overflow: auto; min-height: 100dvh; background: radial-gradient(120% 80% at 50% -10%, #2a0d09, var(--bg) 60%); }
.members-top { padding: var(--gutter); }
.members-main { width: min(1180px, calc(100vw - 32px)); margin: 0 auto 80px; }
.members-main h1 { margin: 8px 0 6px; font: 400 clamp(20px, 5vw, 38px)/1.1 var(--display); color: var(--hot); text-shadow: 0 0 18px rgba(255, 42, 26, .35); word-break: break-all; }
.members-find { display: flex; gap: 8px; margin: 14px 0 26px; }
.members-find input { width: 16em; max-width: 100%; height: 36px; padding: 0 10px; background: #141412; border: 1px solid var(--line); color: var(--ink); font: 400 13px/1 var(--mono); border-radius: 2px; }
.members-find button { padding: 0 16px; border-radius: 2px; cursor: var(--press); background: var(--ink); color: var(--bg); border: 0; font: 500 11px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; }

.passport-wall { max-width: 820px; margin: 24px auto 0; }