:root{color-scheme:dark;--bg:#09070c;--surface:#15101a;--surface-2:#1d1522;--text:#fff8fc;--muted:#c5b6c2;--pink:#ff69c9;--pink-soft:#ff9fde;--cyan:#63e8ee;--line:#443246;--shadow:0 22px 70px rgba(0,0,0,.35);--display:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(circle at 10% -5%,rgba(133,30,98,.34),transparent 30rem),radial-gradient(circle at 92% 8%,rgba(22,105,119,.24),transparent 28rem),linear-gradient(180deg,#0c0810,var(--bg) 35rem);color:var(--text);font-family:var(--sans)}a{color:inherit}.site-nav{width:min(1100px,calc(100% - 32px));min-height:76px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--line)}.site-nav .brand{color:var(--text);font-weight:900;letter-spacing:.09em;text-decoration:none}.site-nav .brand span{color:var(--pink)}.site-nav nav{display:flex;align-items:center;gap:1.15rem}.site-nav nav a{color:var(--muted);font-size:.92rem;font-weight:720;text-decoration:none}.site-nav nav a:hover,.site-nav nav a:focus-visible{color:var(--text)}.eyebrow,.label{color:var(--pink-soft);font-size:.76rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.goth-title,h1{font-family:var(--display);font-weight:700;letter-spacing:-.045em}.panel,.card,.joining,.steps,.game-copy{border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(29,21,34,.96),rgba(17,13,21,.94));box-shadow:var(--shadow)}.button,.actions a,button{border-radius:12px}.site-footer{width:min(1100px,calc(100% - 32px));margin:3rem auto 0;border-top:1px solid var(--line);padding:1.6rem 0 2.2rem;color:#927e8d;font-size:.82rem;text-align:center}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}@media(max-width:680px){.site-nav{min-height:68px;align-items:center}.site-nav nav{gap:.72rem}.site-nav nav a{font-size:.82rem}.site-footer{margin-top:2rem}}
@media(max-width:340px){.site-nav{gap:.6rem}.site-nav .brand{font-size:.82rem;letter-spacing:.06em;white-space:nowrap}.site-nav nav{gap:.55rem}.site-nav nav a{font-size:.75rem}}
.site-footer a{color:var(--pink-soft);font-weight:800;text-decoration:none}.site-footer a:hover,.site-footer a:focus-visible{color:var(--text)}