.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:center;gap:clamp(8px,4vw,32px);min-height:0;--label-size: 32;--buddy-name-room: 40;--char-y: 0;--char-size: 55;--stage-head-trim: calc(.31 * var(--char-size) * 1vh - var(--label-size) * 1px - .4vh);margin-top:calc(-1 * var(--stage-head-trim))}#profile-sprite{margin-inline:calc(var(--char-size) * -.1875vh);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;--foot-drop: 1;transform:translateY(calc(var(--char-y) * 1vh + var(--foot-drop) * var(--char-size) * .009375vh))}#profile-sprite[data-skin=hilda]{--nick-skin-x: -5}@font-palette-values --profile-label{font-family:Platinum Pixel RU;override-colors:0 transparent,1 #f8f8f8}.profile-nick.px-light,.profile-buddy-name.px-light{font-palette:--profile-label}.profile-nick{--nick-x: 0;--nick-y: -.4;font-size:calc(var(--label-size) * 1px);position:absolute;bottom:69%;left:calc(50% + var(--nick-skin-x, 0) * 1%);transform:translate(calc(-50% + var(--nick-x) * 1vw),calc(var(--nick-y) * 1vh));max-width:8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#profile-buddy{flex:0 0 auto;height:auto;width:auto;position:relative;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;transform:translateY(calc(var(--char-y) * 1vh))}.profile-buddy-name{--buddy-name-gap: .3;font-size:calc(var(--label-size) * 1px);position:absolute;bottom:100%;left:50%;transform:translate(-50%);max-width:8em;margin-bottom:calc(var(--buddy-name-gap) * 1vh);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@font-palette-values --px-shiny{font-family:Platinum Pixel RU;override-colors:0 transparent,1 #fff27f}.profile-buddy-name.profile-buddy-name-shiny{font-palette:--px-shiny}#profile-buddy img{width:auto;height:auto;image-rendering:pixelated}#profile-buddy img.profile-buddy-tappable{pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;outline:none}.profile-buddy-empty{display:flex;align-items:center;justify-content:flex-end;pointer-events:auto;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.profile-buddy-empty-static{pointer-events:none;cursor:default}#profile-buddy .profile-buddy-empty img{filter:brightness(0) invert(.5);opacity:.8}.profile-buddy-name.profile-buddy-cta{width:max-content;max-width:calc(var(--buddy-name-room) * 1vw);white-space:normal;text-align:center;line-height:1.2;overflow:visible;margin-bottom:calc(var(--buddy-name-gap) * 1vh + 6px);opacity:.85}.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}