/* Profile clarity, personal imagery and the observation lab masthead. */
.avatar,.mini-avatar,.leader-avatar,.profile-big-avatar{display:inline-flex;align-items:center;justify-content:center;text-align:center;padding:0;line-height:1;vertical-align:middle;overflow:hidden;flex-shrink:0}
.avatar-glyph{display:block!important;text-align:center;line-height:1!important;margin:0!important;padding:0!important;letter-spacing:0;text-indent:0;flex:none}
.avatar-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;flex:none}
.profile-big-avatar{border-radius:50%;width:76px;height:76px;font-size:30px}
.profile-identity>div:nth-child(2){min-width:0}.profile-name{line-height:1.5}
.rank-progress-panel{margin-left:auto;min-width:250px;padding:17px 20px;background:#162018aa;border:1px solid #52673a;border-radius:10px}
.progress-caption,.progress-numbers{display:flex;justify-content:space-between;gap:16px;align-items:center}
.progress-caption>span{font-size:10px;letter-spacing:1px;color:#94a385}.progress-caption b{font-size:11px;color:#d9ebbd;font-weight:500}
.rank-gap{font-size:13px;color:#d2dec5;margin:9px 0 12px;line-height:1.2}.rank-gap strong{font:600 34px/1 Arial,sans-serif;letter-spacing:-1px;color:var(--lime);margin:0 3px}.rank-gap>span{color:#a8b494;font-size:11px}
.rank-progress-track{height:6px;background:#35422e;border-radius:5px;overflow:hidden}.rank-progress-track>span{height:100%;display:block;border-radius:5px;background:linear-gradient(90deg,#7ea652,#d3fa99)}
.progress-numbers{font-size:9px;color:#97a58c;margin-top:8px}
.record-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:11px;color:#929eaa;margin:0 0 15px}.record-summary>span:last-child{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px}.record-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.record-dot.correct{background:#b7ec80}.record-dot.incorrect{background:#f48b98;margin-left:12px}
.result-record{position:relative;gap:17px;border:1px solid #3b4d32;border-left:4px solid #b3e879;border-radius:9px;margin-bottom:12px;padding:18px;background:linear-gradient(105deg,#222c20 0%,#1b2021 65%)}
.result-record.record-incorrect{border-color:#5e3c44;border-left-color:#ed8194;background:linear-gradient(105deg,#302227 0%,#201e24 65%)}
.record-status-icon{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border:1px solid #5b7845;background:#344a29;border-radius:50%;color:#c3f395}.record-incorrect .record-status-icon{border-color:#955363;background:#512e3a;color:#ffb4c2}.record-status-icon .icon{width:21px;height:21px;stroke-width:2.4}
.record-main{flex:1;min-width:0}.history-item.result-record .record-main>button{display:block;padding:0;background:none;color:#e7ece6;text-align:left;font-size:12px;line-height:1.8}.record-detail{display:block;color:#95a08f;font-size:10px;margin-top:5px}.record-incorrect .record-detail{color:#be98a2}
.record-outcome{display:grid;grid-template-columns:auto auto;gap:4px 15px;align-items:center;flex-shrink:0;text-align:right}.record-outcome>strong{font-size:12px!important;color:#c6f39b!important;font-weight:600;white-space:nowrap}.record-incorrect .record-outcome>strong{color:#ffa9b9!important}.record-xp{font:600 28px/1.2 Arial,sans-serif;color:#c4f593;white-space:nowrap}.record-xp>span{font-size:10px;font-weight:400}.record-incorrect .record-xp{color:#f5a7b6}.record-outcome>small{grid-column:1/-1;font-size:9px;color:#9aac8f}.record-incorrect .record-outcome>small{color:#c59da7}
.avatar-upload-section{display:flex;align-items:center;gap:20px;margin:24px 0 8px;padding:17px;border:1px solid #42503a;border-radius:10px;background:#222a21}.avatar-upload-section .profile-big-avatar{height:78px;width:78px;font-size:30px}.avatar-file-label{display:inline-flex;align-items:center;gap:7px;position:relative;cursor:pointer;font-size:11px}.avatar-file-label .icon{width:14px;height:14px}.avatar-file-label input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.avatar-file-label:focus-within{outline:2px solid var(--lime);outline-offset:3px}.avatar-upload-section .text-button{font-size:9px;display:block;margin-top:10px;padding:0}.avatar-upload-section p{font-size:9px;color:#95a48b;line-height:1.8;margin-top:9px}.avatar-upload-status{font-size:10px;line-height:1.8;color:#b2c39e;margin:10px 0 18px;min-height:18px}.avatar-options button{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1}.avatar-options button .avatar-glyph{line-height:1}
.topbar{position:relative;background:radial-gradient(ellipse at 25% 0%,#2b382360,transparent 55%),linear-gradient(110deg,#1a201b,#14191d 65%);border-bottom-color:#3d4a34}
.topbar::after{content:'';position:absolute;bottom:-1px;left:36px;width:110px;height:2px;background:linear-gradient(90deg,var(--lime),transparent);pointer-events:none}
.breadcrumb>svg{color:#b8d790}.header-lab{display:flex;align-items:center;gap:10px;border-left:1px solid #435039;padding-left:20px;flex-shrink:0}.header-lab>span:last-child{font-size:11px;color:#b8c5ab;letter-spacing:1px;white-space:nowrap}.header-lab small{display:block;font:7px/1.7 Arial,sans-serif;color:#829576;letter-spacing:1.1px;margin-top:3px}
.lab-symbol{width:24px;height:24px;display:grid;grid-template-columns:1fr 1fr;gap:4px;transform:rotate(-8deg)}.lab-symbol i{display:block;border:1px solid #729356;border-radius:1px}.lab-symbol i:nth-child(2){background:#a2cf69;border-color:#a2cf69}.lab-symbol i:nth-child(3){border-color:#4f6345}
.header-challenge{margin-left:auto;display:flex;align-items:center;gap:7px;border:1px solid #50623d;border-radius:20px;color:#c3dda8;background:#283424;padding:7px 11px;font-size:10px;white-space:nowrap}.header-challenge>span{font:15px/1 Arial;color:var(--lime)}.header-challenge .icon{width:12px;height:12px}.header-challenge:hover{background:#3c4c2e;border-color:#9bbd74}.topbar .search{margin-left:0}
@media(max-width:1350px){.header-lab{display:none}.header-challenge{margin-left:auto}}
@media(max-width:1100px){.header-challenge{display:none}.topbar .search{margin-left:auto}.rank-progress-panel{min-width:220px;padding:15px}.profile-identity{flex-wrap:wrap}.rank-progress-panel{flex:1}.profile-identity>div:nth-child(2){flex:1}}
@media(max-width:760px){.topbar::after{left:20px;width:85px}.profile-big-avatar{width:58px;height:58px;font-size:24px}.rank-progress-panel{width:100%;flex:auto;margin-left:0;padding:16px;min-width:0}.rank-gap strong{font-size:32px}.progress-caption b{font-size:11px}.profile-identity p{line-height:1.8}.record-summary{align-items:flex-start;flex-direction:column;gap:8px;font-size:10px}.result-record{gap:11px;flex-wrap:wrap;padding:14px;border-left-width:3px}.record-status-icon{width:30px;height:30px}.record-status-icon .icon{width:17px;height:17px}.history-item.result-record .record-main>button{font-size:11px}.record-detail{font-size:9px}.record-outcome{width:100%;grid-template-columns:auto 1fr;gap:3px 12px;margin-left:41px;border-top:1px solid #415035;padding-top:10px}.record-outcome>strong{text-align:left;font-size:11px!important}.record-incorrect .record-outcome{border-color:#63414b}.record-xp{font-size:25px}.record-outcome>small{font-size:9px}.avatar-upload-section{padding:14px;gap:15px}.avatar-upload-section .profile-big-avatar{width:65px;height:65px}.avatar-file-label{font-size:10px;padding:9px 10px}.avatar-upload-section p{font-size:8px}.avatar-upload-section .text-button{font-size:8px}.avatar-options button{width:39px;height:39px;font-size:20px}.avatar-options{gap:8px}}
@media(max-width:760px){.record-outcome{width:calc(100% - 41px)}}
@media(max-width:390px){.avatar-upload-section{gap:11px;padding:11px}.avatar-upload-section .profile-big-avatar{width:52px;height:52px}.avatar-file-label{padding:8px;font-size:9px}.avatar-file-label .icon{width:12px}.avatar-options{gap:6px}.avatar-options button{width:35px;height:35px}}