.avatar-picker{border:0;padding:0;margin:24px 0}.avatar-picker legend{font-size:20px;font-weight:950;margin-bottom:12px}.avatar-picker small{display:block;color:#715f7d;font-weight:700;margin-top:10px}.avatar-photo-actions{display:flex;gap:10px;flex-wrap:wrap}.photo-button,.avatar-random{display:inline-flex;align-items:center;justify-content:center;margin:0;border:2px solid var(--ink);border-radius:14px;padding:11px 15px;font-size:15px;font-weight:900;cursor:pointer;box-shadow:3px 4px 0 var(--ink)}.photo-button{background:var(--cyan)}.avatar-random{background:white}.avatar-or{margin:18px 0 10px;color:#715f7d;font-weight:800}.avatar-choices{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.avatar-choice{position:relative;aspect-ratio:1;padding:0;border:3px solid transparent;border-radius:50%;box-shadow:none;overflow:hidden;background:white}.avatar-choice:hover,.avatar-choice.selected{border-color:var(--pink);transform:scale(1.06)}.avatar-choice.selected:after{content:'✓';position:absolute;right:0;bottom:0;width:24px;height:24px;display:grid;place-items:center;background:var(--lime);color:var(--ink);border-radius:50%;font-size:14px}.avatar-art{display:block;width:100%;height:100%;border-radius:50%;background-image:url('/assets/quisty-avatars.png');background-repeat:no-repeat;background-size:437% auto}.photo-preview{position:relative;width:92px;height:92px;margin-top:14px}.photo-preview img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:4px solid var(--pink)}.photo-preview button{position:absolute;right:-7px;top:-7px;width:30px;height:30px;padding:0;border-radius:50%;box-shadow:none;background:var(--ink);color:white}.player-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;object-fit:cover;background-color:#ddd;background-image:url('/assets/quisty-avatars.png');background-repeat:no-repeat;background-size:437% auto;border:2px solid white}@media(max-width:720px){.avatar-choices{grid-template-columns:repeat(4,1fr)}}
.join-callout{display:grid;gap:4px;margin:24px 0 10px;padding:15px 17px;border:2px solid var(--purple);border-radius:16px;background:#f1e8ff}.join-callout strong{font-size:20px}.join-callout span{color:#554363;font-weight:750;line-height:1.4}.joining .start-actions{position:sticky;bottom:10px;z-index:5;margin-top:10px;padding:10px;border-radius:20px;background:rgba(255,253,247,.96);box-shadow:0 -8px 24px rgba(22,11,40,.14)}.joining #joinButton{width:100%;min-height:62px;background:var(--lime);color:var(--ink);font-size:20px;box-shadow:5px 6px 0 var(--ink)}