.social-overlay{position:fixed;inset:0;z-index:65;background:#050913db;backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:center;padding:18px}.social-overlay[hidden]{display:none}.social-sheet{--accent:80,236,198;background:linear-gradient(145deg,#1c273b,#0f1623);border:1px solid #3a485d;border-radius:28px;padding:23px;width:100%;max-width:520px;max-height:92dvh;overflow-y:auto;box-shadow:0 30px 120px #0009;animation:stageIn .3s}.social-sheet>header{display:flex;align-items:center;justify-content:space-between}.social-sheet header small{font-size:8px;letter-spacing:.14em;color:#7ca9b8}.social-sheet h2{font:700 22px Unbounded;margin-top:7px}.social-sheet header button{width:42px;height:42px;border-radius:50%;background:#ffffff10}.social-sheet h3{font-size:13px;font-weight:700;margin:20px 0 10px}.custom-avatar{position:relative!important;display:inline-flex!important;align-items:center;justify-content:center;width:55px;height:55px;border-radius:19px;isolation:isolate;flex-shrink:0;border:2px solid #ffffff30;font-size:30px!important}.avatar-body{font-size:inherit!important;line-height:1}.avatar-accessory{position:absolute;top:-12%;left:25%;font-size:.55em;filter:drop-shadow(0 3px 3px #0008)}.bg-midnight{background:linear-gradient(135deg,#334779,#161f37)}.bg-mint{background:linear-gradient(135deg,#2ca98e,#153b40)}.bg-berry{background:linear-gradient(135deg,#b052c4,#45224f)}.bg-sunset{background:linear-gradient(135deg,#edac56,#a23955)}.frame_aurora{border-color:#54f1c6;box-shadow:0 0 17px #56f2c651,inset 0 0 14px #43f9ce30}.frame_solar{border-color:#ffda62;box-shadow:0 0 18px #ffcf5859,inset 0 0 12px #ffdb7630}.frame_void{border-color:#b690ff;box-shadow:0 0 18px #a682ff59;animation:frameBreathe 3s infinite}@keyframes frameBreathe{50%{box-shadow:0 0 26px #a682ffa0}}#headerAvatarIcon .custom-avatar{width:36px;height:36px;border-radius:12px;font-size:25px!important}.avatar-stage{display:flex;flex-direction:column;align-items:center;margin:20px 0;padding:28px;background:radial-gradient(ellipse,#42678144,transparent 70%);border-radius:24px}.avatar-stage .custom-avatar{width:124px;height:124px;font-size:80px!important;border-radius:37px;margin-bottom:16px}.avatar-stage>b{font-size:18px}.avatar-stage>small{color:#77eaca;margin-top:6px}.avatar-stage>span:last-child{color:#96a6be;font-size:10px;margin-top:10px}.base-picker{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.base-picker button{font-size:27px;background:#ffffff07;border:1px solid #ffffff16;border-radius:14px;min-height:48px}.selected{outline:2px solid #6ef5d4!important;outline-offset:-2px}.background-picker{display:flex;gap:10px}.background-picker button{width:47px;height:38px;border-radius:12px}.collection-tabs{display:flex;gap:7px;margin:15px 0}.collection-tabs button{flex:1;font-size:11px;padding:12px 5px;background:#ffffff0a;border-radius:12px}.owned-list{display:flex;gap:8px;overflow:auto;padding:4px}.owned-list button{min-width:95px;min-height:75px;border-radius:14px;background:#101a2a;padding:10px;font-size:11px;flex-shrink:0}.owned-list span{display:block;font-size:22px;margin-bottom:5px}.shop-balance{display:flex;justify-content:space-between;margin-top:22px;padding:15px;background:#0c1423;border-radius:14px;color:#b8c7dd;font-size:13px}.shop-balance b{color:#ffdc72}.shop-caption{font-size:12px;color:#9eafc7;line-height:1.6;margin:12px 0}.cosmetic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.cosmetic-grid article{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;border:1px solid #ffffff12;padding:24px 10px 14px;border-radius:20px;background:#ffffff04}.cosmetic-grid article>.custom-avatar{width:78px;height:78px;font-size:45px!important;border-radius:25px}.cosmetic-grid article>b{font-size:13px}.cosmetic-grid article>span:not(.custom-avatar){font-size:12px;color:#ffdc72}.cosmetic-grid article>small{font-size:10px;color:#72e9cd}.cosmetic-grid button{width:100%;padding:12px 4px;border-radius:12px;background:#54e7c6;color:#071510;font-size:12px;font-weight:700}.social-sheet button:disabled{opacity:.45}.setting-label{display:block;font-size:11px;color:#b3c3d9;margin-bottom:12px}.setting-label select{display:block;width:100%;background:#111b2b;border:1px solid #33465f;border-radius:12px;padding:11px;color:#fff;margin-top:6px}.drawing-mode{display:flex;flex-direction:column;text-align:left;gap:12px;width:100%;padding:22px;border:1px solid #497383;border-radius:20px;margin-top:18px;background:linear-gradient(140deg,#24506177,#121c2b)}.drawing-mode>span{font-size:35px;color:#6aefef}.drawing-mode>b{font-size:18px}.drawing-mode>p{font-size:13px;color:#acbdcf;line-height:1.6}.drawing-session{--accent:38,221,255}#live-drawing{width:100%;height:auto;background:#fff;border-radius:18px;touch-action:none;display:block}.album-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:14px}.album-grid canvas{width:100%;border-radius:16px;background:#fff}.drawing-albums h3{font-size:16px;color:#c6d8e9;margin:20px 0}.album-grid figcaption{display:flex;align-items:center;gap:8px;padding:10px 0;flex-wrap:wrap}.album-grid figcaption .custom-avatar{width:29px;height:29px;font-size:19px!important;border-radius:9px}.album-grid figcaption b{font-size:12px}.album-grid figcaption small{font-size:10px;color:#9aacc3}.score-list{margin-top:24px;border:1px solid #324153;padding:15px;border-radius:18px}.score-list p{display:flex;justify-content:space-between;padding:10px}.score-list span{color:#7aefdc}#createRoomModal>div{max-height:92dvh;overflow:auto}@media(max-width:380px){.social-sheet{padding:17px}.base-picker{grid-template-columns:repeat(4,1fr)}.collection-tabs button{font-size:10px}.album-grid{grid-template-columns:1fr}}
.custom-avatar svg.avatar-accessory{width:74%;height:50%;top:-4%;left:13%;overflow:visible}