.account-badge{max-width:190px!important;padding:4px 10px 4px 5px!important;border:0!important;display:flex!important;align-items:center;gap:5px;cursor:pointer}.account-badge svg{flex:0 0 auto}.landing-account-actions{display:flex;align-items:center;gap:10px}.landing-account-actions>a{padding:8px 11px;border-radius:9px;background:#edf5f1;color:#185642;text-decoration:none;font-size:12px;font-weight:800}.landing-live{order:-1;margin-bottom:28px!important}
.avatar-character{position:relative;display:inline-grid;place-items:center;width:180px;height:180px;overflow:hidden;border:1px solid rgba(23,53,44,.12);border-radius:28%;background:radial-gradient(circle at 35% 25%,var(--avatar-bg2),var(--avatar-bg));isolation:isolate}.avatar-character:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28}.avatar-character.pattern-spots:before{background-image:radial-gradient(circle,var(--avatar-bg2) 0 4px,transparent 5px);background-size:24px 24px}.avatar-character.pattern-stripes:before{background:repeating-linear-gradient(135deg,transparent 0 15px,var(--avatar-bg2) 16px 22px)}.avatar-character.pattern-sparkle:before{background-image:radial-gradient(circle,var(--avatar-bg2) 0 2px,transparent 3px);background-size:17px 17px}.avatar-character img{width:94%;height:94%;object-fit:contain;filter:drop-shadow(0 7px 8px rgba(18,52,42,.18))}.avatar-character svg{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.avatar-character>b{position:absolute;right:8%;bottom:8%;display:grid;place-items:center;width:25%;aspect-ratio:1;border:2px solid #17352c;border-radius:50%;background:var(--badge);color:white;font-size:20px}.avatar-character.avatar-small{width:30px;height:30px;border-radius:50%}.avatar-character.avatar-small>b{font-size:7px;border-width:1px}.account-badge .avatar-character{flex:0 0 30px}.animal-tiles .avatar-character{width:50px;height:50px;border-radius:50%}
.profile-dialog{width:min(1100px,calc(100% - 28px));max-height:calc(100vh - 28px);padding:0;border:0;border-radius:22px;color:#17352c;box-shadow:0 25px 80px rgba(18,52,42,.28)}.profile-dialog::backdrop{background:rgba(14,39,32,.55)}.profile-dialog form{min-height:0}.profile-head,.profile-actions{position:sticky;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 28px;background:#fff}.profile-head{top:0;border-bottom:1px solid #d9e5df}.profile-head h2{margin:3px 0;font-size:30px}.profile-head span{color:#687b74}.profile-head button,.profile-actions button,.profile-preview-panel button{border:1px solid #bad0c7;background:#fff;color:#185642}.profile-layout{display:grid;grid-template-columns:280px minmax(0,1fr);align-items:start;background:#f4f8f6}.profile-preview-panel{position:sticky;top:105px;margin:24px;padding:22px;border:1px solid #d5e3dd;border-radius:20px;background:#fff;text-align:center}.avatar-preview{display:grid;place-items:center;min-height:230px;border-radius:18px;background:linear-gradient(145deg,#e6f3ed,#f7faf8)}.profile-preview-panel>b,.profile-preview-panel>span{display:block}.profile-preview-panel>b{margin-top:14px;font-size:22px}.profile-preview-panel>span{min-height:20px;margin:4px 0 13px;color:#6b7c76}.profile-mini-preview{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 0 16px;padding:8px;border-radius:999px;background:#edf5f1;font-size:11px;font-weight:800}.profile-preview-panel button{width:100%;margin-top:8px}.profile-sections{padding:24px 24px 34px 0}.profile-sections section{margin-bottom:16px;padding:22px;border:1px solid #d5e3dd;border-radius:17px;background:#fff}.profile-sections h3{margin:0 0 17px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.profile-grid label{font-size:12px;font-weight:750}.profile-grid input,.profile-grid select{margin-top:6px}.profile-wide{grid-column:1/-1}.colour-grid{margin-top:16px}.colour-grid input[type=color]{height:48px;padding:5px}.choice-tiles{display:grid;gap:9px}.animal-tiles{grid-template-columns:repeat(5,1fr)}.choice-tiles label{position:relative;cursor:pointer}.choice-tiles input{position:absolute;opacity:0;pointer-events:none}.choice-tiles label>span{display:grid;place-items:center;min-height:44px;padding:9px;border:2px solid #d5e3dd;border-radius:12px;background:#f7faf8;color:#315d4e;text-align:center;font-size:12px;font-weight:800}.animal-tiles label>span{min-height:68px}.choice-tiles label>b{display:block;margin-top:5px;text-align:center;font-size:11px}.choice-tiles input:checked+span{border-color:#1f775b;background:#dff0e8;box-shadow:0 0 0 2px rgba(31,119,91,.12)}.accessory-tiles{grid-template-columns:repeat(3,1fr)}.profile-toggles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.profile-toggles label{display:flex;align-items:center;gap:9px;padding:11px;border:1px solid #d5e3dd;border-radius:10px;font-size:12px;font-weight:750}.profile-toggles input{width:auto;margin:0}.profile-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.profile-progress article{padding:14px;border-radius:12px;background:#edf5f1}.profile-progress strong,.profile-progress span{display:block}.profile-progress strong{font-size:25px}.profile-progress span{margin-top:4px;color:#60736c;font-size:11px}.profile-actions{bottom:0;border-top:1px solid #d9e5df;justify-content:flex-end}.profile-actions span{margin-right:auto;color:#317963;font-weight:750}.reduced-motion *{scroll-behavior:auto!important;animation:none!important;transition:none!important}.colour-blind-mode{--c1:#d55e00;--c2:#e69f00;--c3:#f0e442;--c4:#56b4e9;--c5:#0072b2}
.waiting-room,.locked-submission{padding:30px;border-radius:17px;background:#edf5f1;text-align:center}.waiting-room>p{font-size:11px;font-weight:850;letter-spacing:1.4px;color:#317963}.waiting-room h3{font-size:28px;margin:5px}.lock-submission{display:block;width:100%;margin-top:14px;padding:15px;border:2px solid #185642;background:#fff;color:#185642;font-weight:850}.individual-advance{display:flex;gap:10px;align-items:end;margin-bottom:14px}.individual-advance label{flex:1}
.profile-upload{margin-top:20px;padding:18px;border:1px solid #d5e3dd;border-radius:18px;background:#f7faf8;display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center}.profile-upload>div:first-child{display:flex;flex-direction:column;gap:4px}.profile-upload>div:first-child span{color:#687b74;font-size:.9rem}#profile-upload-preview{width:72px;height:72px;border-radius:50%;overflow:hidden;border:2px solid #fff;box-shadow:0 0 0 1px #d5e3dd;display:grid;place-items:center;background:#fff;text-align:center;font-size:.72rem;color:#687b74}#profile-upload-preview .avatar-character{width:100%;height:100%;border:0;background:#fff}#profile-upload-preview img{width:100%;height:100%;object-fit:cover}#profile-upload-status{grid-column:1/-1;margin:0;color:#687b74;min-height:1.2em}.avatar-character{background:#fff}.avatar-character img{object-fit:cover}
@media(max-width:760px){.profile-dialog{width:100%;max-height:100vh;border-radius:0}.profile-layout{display:block}.profile-preview-panel{position:relative;top:auto;margin:15px}.profile-sections{padding:0 15px 20px}.profile-grid,.profile-toggles{grid-template-columns:1fr}.profile-wide{grid-column:auto}.animal-tiles{grid-template-columns:repeat(3,1fr)}.profile-progress{grid-template-columns:1fr 1fr}.landing-account-actions>a{display:none}.individual-advance{display:block}.individual-advance button{width:100%;margin-top:8px}.profile-upload{grid-template-columns:1fr}.profile-upload>button{width:100%}}