*{box-sizing:border-box;margin:0;padding:0}html,body{color:#0b0b0d;-webkit-font-smoothing:antialiased;background:#fff;width:100%;height:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;overflow:hidden}body{width:100vw;height:100dvh}.stage{justify-content:center;align-items:center;width:100vw;height:100dvh;padding:16px;display:flex}.col{flex-direction:column;align-items:center;gap:14px;width:min(440px,94vw);max-height:100%;display:flex}.cat{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:auto;max-width:26vmin;height:auto;max-height:26vmin}.join-btn{color:#fff;font:inherit;letter-spacing:.02em;background:#0b0b0d;border-radius:999px;padding:12px 26px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 80ms,opacity .15s;display:inline-block}.join-btn:hover{opacity:.85;transform:translateY(-1px)}.join-btn:active{transform:translateY(0)}.join-hint{color:#6b6b70;text-align:center;max-width:340px;font-size:12px;line-height:1.5}.join-hint span{color:#0b0b0d;font-weight:600}.board{background:#fff;border:1px solid #ececf0;border-radius:16px;flex-direction:column;flex:auto;width:100%;min-height:0;max-height:46vh;display:flex;overflow:hidden}.board-head{border-bottom:1px solid #f1f1f4;flex:none;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.board-title{font-size:14px;font-weight:700}.board-count{color:#6b6b70;font-size:12px}.board-empty{text-align:center;color:#6b6b70;padding:28px 18px;font-size:13px;line-height:1.6}.board-empty span{color:#0b0b0d;font-weight:600}.board-list{flex:auto;min-height:0;list-style:none;overflow-y:auto}.row{border-bottom:1px solid #f5f5f7;align-items:center;gap:12px;padding:10px 16px;display:flex}.row:last-child{border-bottom:none}.rank{color:#9a9aa0;font-variant-numeric:tabular-nums;flex:none;width:44px;font-size:13px;font-weight:700}.row:first-child .rank,.row:nth-child(2) .rank,.row:nth-child(3) .rank{color:#0b0b0d}.pfp{object-fit:cover;background:#f1f1f4;border-radius:50%;flex:none;width:34px;height:34px}.pfp-fallback{color:#9a9aa0;text-transform:uppercase;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:inline-flex}.who{flex-direction:column;flex:auto;min-width:0;display:flex}.name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.handle{color:#6b6b70;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.refs{color:#0b0b0d;background:#f1f1f4;border-radius:999px;flex:none;padding:3px 9px;font-size:12px;font-weight:700}.invite-card{background:#fff;border:1px solid #ececf0;border-radius:16px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.invite-pfp{object-fit:cover;background:#f1f1f4;border-radius:50%;flex:none;width:44px;height:44px}.invite-pfp-fallback{color:#9a9aa0;text-transform:uppercase;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.invite-who{flex-direction:column;flex:auto;min-width:0;display:flex}.invite-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.invite-handle{color:#6b6b70;font-size:12px}.invite-rank{color:#0b0b0d;flex:none;font-size:14px;font-weight:700}.invite-line{color:#6b6b70;text-align:center;font-size:13px;line-height:1.5}.invite-line span{color:#0b0b0d;font-weight:600}.invite-home{color:#6b6b70;font-size:12px;text-decoration:none}.invite-home:hover{color:#0b0b0d}