.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-christmas.png');background-repeat:no-repeat;background-size:400% 400%}.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-christmas.png');background-repeat:no-repeat;background-size:400% 400%;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:1px solid #665078;border-radius:16px;background:#2b1940;color:#fff9ff}.join-callout strong{font-size:20px;color:#55e4df}.join-callout span{color:#eee5f5;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(24,10,38,.97);border:1px solid #513664;box-shadow:0 -8px 24px rgba(0,0,0,.2)}.joining #joinButton{width:100%;min-height:62px;background:var(--lime);color:var(--ink);font-size:20px;box-shadow:5px 6px 0 var(--ink)}

#codeInput{background:#2b1940;color:#fff9ff;border:1px solid #665078}#codeInput:focus-visible{outline:3px solid #55e4df;outline-offset:2px}

.avatar-group-title{grid-column:1/-1;color:#eee5f5;font-size:15px;margin:14px 0 4px;text-align:left}