.social-screen{min-width:0;padding:2px 0 12px}.social-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin:0 0 14px}.social-tabs button{position:relative;min-width:0;min-height:42px;padding:7px 2px;font-size:var(--kz-fs-xs);border:1px solid var(--wood);border-radius:var(--kz-r-md);box-shadow:0 2px var(--wood-shadow);background:var(--surface);color:var(--text)}.social-tabs [aria-selected=true],.social-scope [aria-pressed=true],.social-rank-chips [aria-pressed=true]{background:#63865b;color:#fff9e8}.social-tabs b{position:absolute;right:-2px;top:-5px;border-radius:var(--kz-r-md);min-width:15px;padding:1px 3px;background:#b64736;color:#fff;font-size:var(--kz-fs-xs)}.social-content{min-width:0}.social-content h2{font-size:var(--kz-fs-sm);margin:18px 0 9px}.social-content h2 small{opacity:.6;font-size:var(--kz-fs-xs)}.social-search{width:100%;box-sizing:border-box;margin-bottom:10px;min-width:0}.social-code{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px;border:1px solid #b39d76;background:var(--surface);border-radius:var(--kz-r-md);margin-bottom:16px}.social-code small,.social-code strong{display:block}.social-code small{font-size:var(--kz-fs-xs);margin-bottom:4px}.social-code strong{font-size:var(--kz-fs-sm);letter-spacing:.03em}.social-code>div:last-child{display:flex;gap:5px}.social-code button{padding:5px 7px;font-size:var(--kz-fs-xs);min-height:32px}.social-person{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:8px;border:1px solid #aa967655;border-radius:var(--kz-r-md);background:var(--surface);padding:10px;margin-bottom:8px;min-width:0}.social-avatar{position:relative;display:inline-grid;place-items:center;flex:none;width:40px;height:44px;background:#b9dce3;border:2px solid #7d684e;border-radius:var(--kz-r-md);box-sizing:border-box}.social-avatar img{width:100%;height:100%;object-fit:contain;border-radius:var(--kz-r-sm)}.social-avatar.frame-gold{border-color:#dcb24d}.social-online{position:absolute;right:-3px;bottom:-2px;width:9px;height:9px;background:#61b65a;border:2px solid var(--surface);border-radius:50%}.social-person strong{display:block;font-size:var(--kz-fs-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-person small{display:block;font-size:var(--kz-fs-xs);opacity:.75;line-height:1.5}.social-person strong small{display:inline;font-weight:400}.social-person-info{min-width:0}.social-person>button{font-size:var(--kz-fs-xs);padding:5px 7px;min-height:32px;max-width:90px}.social-quick{display:flex;gap:4px;align-items:center}.social-quick button{width:29px;height:30px;min-width:0;min-height:0;padding:5px;display:grid;place-items:center;font-size:var(--kz-fs-lg);border-radius:var(--kz-r-sm);box-shadow:none}.social-quick svg{width:16px;height:16px}.friend-hearts{display:flex;gap:2px}.friend-hearts i{font-style:normal;font-size:var(--kz-fs-xs);color:#a99c85}.friend-hearts .filled{color:#be6457}.social-empty{text-align:center;padding:20px 14px;border:1px solid #aa967644;border-radius:var(--kz-r-md)}.social-empty img{width:38px;height:46px;object-fit:contain}.social-empty p{font-size:var(--kz-fs-xs)}.social-empty small{font-size:var(--kz-fs-xs)}.social-scope,.social-rank-chips{display:flex;gap:5px;margin-bottom:10px}.social-scope button,.social-rank-chips button{flex:1;min-width:0;padding:6px 3px;font-size:var(--kz-fs-xs);min-height:32px;border:1px solid #b39d76;box-shadow:none;border-radius:var(--kz-r-sm)}.social-podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:8px;padding:10px 0 20px}.social-podium button{display:flex;flex-direction:column;align-items:center;justify-content:end;gap:5px;min-width:0;padding:10px 4px;background:var(--surface);border:1px solid #b39d76;border-radius:var(--kz-r-md)}.social-podium .podium-1{min-height:145px;border-color:#caa653}.social-podium .podium-2,.social-podium .podium-3{min-height:110px}.social-podium strong{font-size:var(--kz-fs-xs);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-podium svg{width:20px;height:20px;color:#bd9241}.social-podium small{font-size:var(--kz-fs-xs)}.social-ranking-row{display:grid;grid-template-columns:25px 32px minmax(0,1fr) auto;align-items:center;gap:7px;width:100%;text-align:left;padding:9px;margin-bottom:6px;min-width:0;border:1px solid #aa967655;box-shadow:none;border-radius:var(--kz-r-sm);font-size:var(--kz-fs-xs)}.social-ranking-row .social-avatar{width:30px;height:34px}.social-ranking-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-rank-me{position:sticky;bottom:calc(80px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr auto;background:#425d47;color:#fff5df;border:2px solid #bda06b;border-radius:var(--kz-r-md);padding:10px;z-index:4;margin-top:12px}.social-rank-me small{grid-column:1/-1;font-size:var(--kz-fs-xs);margin-top:4px}.social-update{display:block;font-size:var(--kz-fs-xs);margin:10px 0;opacity:.7}.social-rank-rewards{font-size:var(--kz-fs-xs)}.social-news-card{border:1px solid #b39d76;border-radius:var(--kz-r-md);overflow:hidden;margin-bottom:12px;background:var(--surface)}.social-news-card>img{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;image-rendering:pixelated}.social-news-card>div{padding:12px}.social-news-card h2{margin:8px 0;font-size:var(--kz-fs-md)}.social-news-card small{font-size:var(--kz-fs-xs)}.social-news-card p{font-size:var(--kz-fs-xs);line-height:1.5}.social-news-card button{padding:6px 12px;font-size:var(--kz-fs-xs);min-height:32px}.social-unread{display:inline-block;width:7px;height:7px;border-radius:50%;background:#c34d39;margin-left:6px}.social-feed p{font-size:var(--kz-fs-xs);margin:4px 0}.social-contact>button,.social-message{display:block;width:100%;text-align:left;min-width:0;padding:10px;margin:8px 0;font-size:var(--kz-fs-xs);border:1px solid #b39d76;box-shadow:none;border-radius:var(--kz-r-sm)}.social-contact svg{width:18px;height:18px;vertical-align:middle}.social-contact p,.social-contact details{font-size:var(--kz-fs-xs);line-height:1.5}.social-contact h3{font-size:var(--kz-fs-xs)}.social-message strong{display:block;overflow-wrap:anywhere}.social-message small{display:block;font-size:var(--kz-fs-xs);margin-top:5px}.social-more{display:grid;gap:7px}.social-more button{min-height:40px}.social-modal-art{width:100%;border-radius:var(--kz-r-sm);image-rendering:pixelated}.social-content a{display:block;margin:8px 0}#social-root *{box-sizing:border-box}@media(max-width:375px){.social-code{padding:10px;gap:5px}.social-code strong{font-size:var(--kz-fs-xs)}.social-code button{font-size:var(--kz-fs-xs);padding:5px}.social-person{gap:6px;padding:8px;grid-template-columns:36px minmax(0,1fr) auto}.social-avatar{width:34px;height:38px}.social-quick button{width:26px;height:28px}.social-tabs button{font-size:var(--kz-fs-xs)}}@media(prefers-reduced-motion:reduce){.social-person{transition:none}}

.social-avatar.frame-rare{border-color:#608dd4}.social-avatar.frame-legendary,.social-avatar.season-frame{border-color:#dcb24d;box-shadow:0 0 0 1px #82612e}.social-person-info>strong small{display:block}.social-contact details summary{cursor:pointer}

.social-visit h2{font-size:var(--kz-fs-md)}.social-visit canvas{display:block;width:100%;height:auto;aspect-ratio:4/3}.social-visit>button{margin:10px 8px 0 0}

.social-avatar .social-frame-art{position:absolute;inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);object-fit:contain;border-radius:0;pointer-events:none}.social-online{z-index:2}

.social-avatar .social-frame-art{background:transparent;object-position:center}

.pokemon-cp-ranking{display:grid;gap:7px}.pokemon-cp-ranking>button{display:grid;grid-template-columns:28px 48px minmax(0,1fr) auto;align-items:center;gap:8px;text-align:left;padding:8px}.pokemon-cp-ranking canvas{width:48px;height:48px;object-fit:contain}.pokemon-cp-ranking strong,.pokemon-cp-ranking em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pokemon-cp-ranking em{font-size:var(--kz-fs-xs);opacity:.75;font-style:italic!important}.egg-result-destination select{display:block;width:100%;margin:5px 0}.egg-result-destination small{display:block}

.social-mail-card{padding:14px;margin:10px 0;border:2px solid #a78b60;border-radius:var(--kz-r-md);background:#faf3de;color:#284438}.social-mail-card p{margin:0 0 12px;line-height:1.5}.mail-reward{display:flex;align-items:center;gap:8px}.mail-reward button{margin-left:auto}.social-tabs{flex-wrap:wrap}