.sketch-canvas-wrap{gap:12px;display:grid}.sketch-canvas-wrap canvas{touch-action:none;cursor:crosshair;background:#fffdf8;border:3px solid #382057;border-radius:16px;width:100%;height:auto;max-height:300px;box-shadow:0 5px #2d174d}.sketch-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sketch-tools>div{gap:6px;display:flex}.sketch-tools button{color:#493067;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:2px solid #c4aade;border-radius:10px;padding:0 12px;font-size:12px;font-weight:800}.sketch-tools>div>button{border-radius:999px;width:32px;min-height:32px;padding:0}.sketch-tools>div>button.selected{border-color:#493067;box-shadow:0 0 0 3px #8652dc55}.sketch-tools .sketch-submit{color:#fff;background:#8652dc;border-color:#5c2eac;margin-left:auto;box-shadow:0 3px #5c2eac}.sketch-tools button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.sketch-canvas-avatar{min-width:0}.sketch-canvas-avatar canvas{aspect-ratio:1;justify-self:center;width:min(100%,320px);max-height:none;display:block}.sketch-canvas-avatar .sketch-tools{gap:10px 8px}.sketch-canvas-avatar .sketch-tools>div{flex-wrap:wrap}.sketch-tools .sketch-custom-colour{color:#493067;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.sketch-tools .sketch-custom-colour input{cursor:pointer;background:#fff;border:2px solid #c4aade;border-radius:8px;width:34px;height:34px;min-height:0;padding:2px}.sketch-canvas-avatar .sketch-tools .sketch-submit{margin-left:0}.sketch-canvas-wrap canvas[aria-disabled=true]{cursor:not-allowed;opacity:.65}.avatar-picker .avatar-draw-toggle{color:#65359d;min-height:40px;font:inherit;cursor:pointer;background:#f7f0ff;border:2px solid #d5c0f4;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:13px;padding:8px 13px;font-size:12px;font-weight:800;display:inline-flex}.avatar-picker .avatar-draw-toggle:hover{background:#eee0ff;border-color:#8652dc}.avatar-picker .avatar-draw-toggle:disabled{opacity:.55;cursor:not-allowed}.avatar-drawing-panel{background:#faf6ff;border:2px solid #e2d2f3;border-radius:14px;gap:14px;min-width:0;margin-top:14px;padding:16px;display:grid}.avatar-drawing-panel>p{color:#765d8d;margin:0;font-size:12px;line-height:1.6}.avatar-picker .avatar-drawing-panel .form-error{margin:0}@media (width<=480px){.avatar-drawing-panel{padding:12px}.avatar-drawing-panel .sketch-submit{width:100%}}.avatar-art.avatar-pending{background:#d5c0ed;border-radius:25%;flex-shrink:0;display:inline-block}.avatar-chooser{background:#fff;border:2px solid #e2d2f3;border-radius:16px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;margin:4px 0;padding:12px;display:grid}.avatar-chooser-art{cursor:pointer;background:#fff;border:2px solid #d5c0f4;border-radius:16px;width:72px;height:72px;padding:0;display:block;position:relative;box-shadow:0 3px #e0cef4}.avatar-chooser .avatar-chooser-art .avatar-art{border-radius:14px;width:100%;height:100%}.avatar-chooser-art:hover:not(:disabled){border-color:#8652dc}.avatar-chooser-art:disabled{cursor:not-allowed}.avatar-chooser-badge{color:#fff;background:#7c46d4;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;bottom:-7px;right:-7px;box-shadow:0 2px #4b2584}.avatar-chooser-copy{gap:3px;min-width:0;display:grid}.avatar-chooser-copy strong{color:#3f2560;font-size:14px;font-weight:900}.avatar-chooser-copy span{color:#765d8d;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.avatar-chooser-actions{align-items:center;gap:8px;display:flex}.avatar-chooser-actions button{min-width:44px;min-height:44px;font:inherit;cursor:pointer;border-radius:11px;place-items:center;margin:0;font-size:13px;font-weight:800;display:inline-grid}.avatar-chooser-shuffle{color:#65359d;background:#f7f0ff;border:2px solid #d5c0f4;padding:0}.avatar-chooser-shuffle:hover:not(:disabled){background:#eee0ff;border-color:#8652dc}.avatar-chooser-change{color:#fff;background:#7c46d4;border:2px solid #4b2584;padding:0 16px;box-shadow:0 3px #4b2584}.avatar-chooser-change:hover:not(:disabled){background:#6a35c1}.avatar-chooser-actions button:disabled{opacity:.55;cursor:not-allowed}@media (width<=480px){.avatar-chooser{grid-template-columns:64px minmax(0,1fr);row-gap:12px}.avatar-chooser-art{width:64px;height:64px}.avatar-chooser-actions{grid-column:1/-1}.avatar-chooser-change{flex:1}}.avatar-dialog{color:#3f2560;background:0 0;border:0;width:min(540px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:visible}.avatar-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1a0c2e99}.avatar-dialog[open]{animation:.22s cubic-bezier(.2,.9,.3,1.2) avatar-dialog-in}.avatar-dialog-panel{overscroll-behavior:contain;background:#faf6ff;border:3px solid #382057;border-radius:22px;gap:16px;max-height:calc(100dvh - 48px);padding:20px;display:grid;overflow:auto;box-shadow:0 8px #2f194e,0 24px 60px #14082859}.avatar-dialog-header{grid-template-columns:56px minmax(0,1fr) 40px;align-items:center;gap:14px;display:grid}.avatar-dialog .avatar-dialog-header .avatar-dialog-current{border:2px solid #d5c0f4;border-radius:14px;width:56px;height:56px}.avatar-dialog .avatar-dialog-panel .avatar-dialog-header h2{color:#3f2560;margin:0;font-size:24px;line-height:1.15}.avatar-dialog .avatar-dialog-panel .avatar-dialog-header p{color:#765d8d;margin:4px 0 0;font-size:13px;line-height:1.45}.avatar-dialog-close{color:#65359d;cursor:pointer;background:#fff;border:2px solid #d5c0f4;border-radius:50%;place-items:center;width:40px;height:40px;margin:0;padding:0;display:grid}.avatar-dialog-close:hover{background:#f7f0ff;border-color:#8652dc}.avatar-dialog .avatar-picker{margin:0}.avatar-dialog .avatar-picker legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.avatar-dialog .avatar-picker .avatar-options{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:10px;max-width:none}.avatar-dialog .avatar-picker .avatar-options>button,.avatar-dialog .avatar-picker .avatar-upload-choice{aspect-ratio:1;background:#fff;border:2px solid #d9c4e9;border-radius:14px;max-width:none;min-height:0;max-height:none;padding:3px}.avatar-dialog .avatar-picker .avatar-options>.selected,.avatar-dialog .avatar-picker .avatar-upload-choice.selected{background:#f0dfff;border-color:#743bbb;box-shadow:0 0 0 2px #743bbb}.avatar-dialog .avatar-picker .avatar-options .avatar-art{border-radius:10px;width:100%;height:100%}.avatar-dialog .avatar-picker>small{color:#77628c;margin-top:12px;font-size:12px;line-height:1.6}.avatar-dialog-footer{justify-content:flex-end;display:flex}.avatar-dialog-footer button{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#7c46d4;border:2px solid #4b2584;border-radius:12px;margin:0;padding:0 22px;font-size:14px;font-weight:900;box-shadow:0 3px #4b2584}@media (width<=560px){.avatar-dialog{width:100vw;max-height:calc(100dvh - 24px);margin:auto 0 0}.avatar-dialog-panel{max-height:calc(100dvh - 24px);padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-width:3px 0 0;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px #1408284d}.avatar-dialog[open]{animation-name:avatar-sheet-in}.avatar-dialog .avatar-picker .avatar-options{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.avatar-dialog-footer button{flex:1}}@keyframes avatar-dialog-in{0%{opacity:0;transform:translateY(12px)scale(.97)}}@keyframes avatar-sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.avatar-dialog[open]{animation:none}}