:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--cream:#f7f7eb;--ink:#263b36;--moss:#45634f;--quiet:#596b62}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site{flex-direction:column;min-height:100svh;display:flex}header{justify-content:space-between;align-items:center;gap:20px;padding:30px clamp(24px,6vw,80px);display:flex}header a{letter-spacing:-.04em;align-items:center;gap:8px;font-size:23px;font-weight:650;text-decoration:none;display:inline-flex}header a img{object-fit:contain}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--moss);font-size:13px;font-weight:600}main{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:16px 24px 48px;display:flex}.companions{width:min(100%,420px);height:auto}.content{text-align:center;width:100%;max-width:440px}h1{letter-spacing:-.055em;text-wrap:balance;margin:18px 0 22px;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,6vw,60px);font-weight:400;line-height:1.05}h1 em{color:var(--moss)}p{text-wrap:pretty;margin:16px 0;font-size:17px;line-height:1.65}.button{background:var(--moss);color:#fff;border-radius:18px;margin:28px 0 22px;padding:18px 22px;font-size:16px;font-weight:650;text-decoration:none;transition:background .15s;display:block}.button:hover{background:#324c3b}a:focus-visible{outline-offset:5px;outline:3px solid #976529}.hint{color:var(--quiet);font-size:14px;line-height:1.6}.invite-code{flex-direction:column;gap:7px;margin:24px 0 18px;display:flex}.invite-code span{color:var(--quiet);font-size:13px}.invite-code code{letter-spacing:.15em;-webkit-user-select:all;user-select:all;overflow-wrap:anywhere;font-size:24px}footer{text-align:center;color:var(--quiet);padding:20px 24px 28px;font-size:13px}@media (min-width:900px){main{flex-direction:row;gap:64px;width:min(100%,1100px);margin-inline:auto}.companions{flex-shrink:0;width:420px}}@media (max-width:480px){header{padding:22px 24px}header .eyebrow{display:none}main{padding-top:0}.companions{max-width:290px}}