.skin-card{cursor:pointer;padding:16px 20px;border-radius:10px;border:2px solid #444;background:#2a2a2a;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;align-items:center;gap:10px}.skin-card:hover{border-color:#4fc3f7;transform:scale(1.05)}.skin-card img{width:80px;height:80px;image-rendering:pixelated;object-fit:contain}.skin-card-name{font-size:14px;letter-spacing:1px;color:#ccc}#profile-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:8000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .25s ease}#profile-modal:not(.ui-hidden){opacity:1;pointer-events:auto}#profile-modal.ui-hidden{display:flex!important;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .25s ease,visibility .25s}.profile-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.profile-content{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));box-sizing:border-box}.profile-stage{flex:0 1 auto;width:100%;max-width:640px;display:flex;align-items:flex-end;justify-content:flex-end;gap:clamp(8px,4vw,32px);padding-right:clamp(16px,6vw,56px);min-height:0;--char-y: 0;--char-size: 55;--stage-head-trim: calc(.31 * var(--char-size) * 1vh - 2.8vh);margin-top:calc(-1 * var(--stage-head-trim))}.profile-add-btn{flex:0 0 auto;width:56px;height:56px;border-radius:50%;border:2px dashed rgba(255,255,255,.35);background:#ffffff0f;color:#ffffffb3;font-size:32px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,transform .1s}.profile-add-btn:active{transform:scale(.9)}.profile-add-btn:hover{background:#ffffff1f}#profile-sprite{--char-x: 15;flex:0 0 auto;height:calc(var(--char-size) * 1vh);aspect-ratio:3 / 4;width:auto;background-size:contain;background-repeat:no-repeat;background-position:bottom center;image-rendering:pixelated;pointer-events:none;position:relative;transform:translate(calc(var(--char-x) * 1vw),calc(var(--char-y) * 1vh))}.profile-nick{--nick-x: 0;--nick-y: -.4;--nick-size: 2;position:absolute;bottom:69%;left:50%;transform:translate(calc(-50% + var(--nick-x) * 1vw),calc(var(--nick-y) * 1vh));max-width:20em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:LCD40x2,monospace;font-size:calc(var(--nick-size) * 1vh);letter-spacing:1px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.9)}#profile-buddy{--buddy-x: 35;flex:0 0 auto;height:auto;width:auto;position:relative;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;transform:translate(calc(var(--buddy-x) * 1vw),calc(var(--char-y) * 1vh))}.profile-buddy-name{--buddy-name-size: 1.7;--buddy-name-gap: .3;position:absolute;bottom:100%;left:50%;transform:translate(-50%);max-width:16em;margin-bottom:calc(var(--buddy-name-gap) * 1vh);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:LCD40x2,monospace;font-size:calc(var(--buddy-name-size) * 1vh);letter-spacing:1px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.75),0 0 2px rgba(0,0,0,.9)}.profile-buddy-name-shiny{color:#fff27f;text-shadow:none}#profile-buddy img{width:auto;height:auto;image-rendering:pixelated}.profile-info{flex:0 0 auto;width:100%;max-width:360px;font-family:Lato-Medium,sans-serif;font-size:14px;color:#fff9;margin-top:12px;line-height:1.7}.profile-info-row{white-space:nowrap}.profile-info-row span{color:#ffffffd9}.profile-stats{display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(12px,4vw,24px);row-gap:6px;align-items:start;line-height:1.35}.profile-info-row .profile-stat-label{display:block;font-size:clamp(11px,3.2vw,12px);color:#ffffff73}.profile-badges{--badge-size: clamp(46px, 13vw, 58px);display:grid;grid-template-columns:repeat(auto-fit,var(--badge-size));justify-content:center;gap:10px 8px;width:100%;max-width:360px;margin-top:14px;min-height:var(--badge-size)}.profile-badge{width:var(--badge-size);height:var(--badge-size);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .15s}.profile-badge:active{transform:scale(.94)}.profile-badge img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}.profile-badge-locked img{filter:grayscale(1) brightness(.45) drop-shadow(0 2px 6px rgba(0,0,0,.45));opacity:.75}.profile-xp-bar{width:100%;height:6px;background:#ffffff1f;border-radius:3px;overflow:hidden;margin:4px 0 2px}.profile-xp-bar-fill{height:100%;width:0%;background:linear-gradient(90deg,#4fc3f7,#81d4fa);border-radius:3px;transition:width .4s ease}.profile-xp-text{font-size:11px;color:#ffffff73;margin-bottom:8px;white-space:nowrap}.profile-buff{font-size:11px;color:#ffd24a;font-weight:600;text-shadow:0 0 6px rgba(255,196,64,.35);margin-bottom:8px;white-space:nowrap}.profile-loading-dots{display:inline-flex;gap:4px;align-items:center;vertical-align:middle}.profile-loading-dots i{width:5px;height:5px;border-radius:50%;background:#fff9;animation:profile-dots 1s infinite ease-in-out both}.profile-loading-dots i:nth-child(1){animation-delay:-.32s}.profile-loading-dots i:nth-child(2){animation-delay:-.16s}@keyframes profile-dots{0%,80%,to{transform:scale(.4);opacity:.4}40%{transform:scale(1);opacity:1}}.profile-info-row span.profile-status-online{color:#6f6;font-weight:600}.profile-info-row span.profile-status-offline{color:#ffffff4d}.profile-panel{display:none;flex:1 1 auto;width:100%;min-height:0;flex-direction:column;align-items:center}.profile-panel.active{display:flex}#profile-panel-main{justify-content:center;justify-content:safe center}#buddy-picker{position:absolute;z-index:2;left:50%;bottom:max(24px,env(safe-area-inset-bottom));transform:translate(-50%);width:min(92vw,440px);max-height:50vh;background:#121212f5;border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;overflow:hidden;transition:opacity .2s,transform .2s}#buddy-picker.buddy-picker-hidden{opacity:0;pointer-events:none;transform:translate(-50%) translateY(12px)}.buddy-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;font-family:sans-serif;font-size:14px;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.buddy-picker-close{background:none;border:none;color:#fff9;font-size:20px;line-height:1;cursor:pointer}.buddy-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:12px;overflow-y:auto}.buddy-picker-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:12px;color:#fffc;font-family:sans-serif;font-size:11px;cursor:pointer;transition:background .15s}.buddy-picker-cell:hover{background:#ffffff1f}.buddy-picker-cell span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buddy-picker-cell img{width:56px;height:56px;object-fit:contain;image-rendering:pixelated}.buddy-picker-empty{grid-column:1 / -1;text-align:center;padding:24px;color:#fff6;font-family:sans-serif;font-size:13px}