#pumpet-social[hidden],#pumpet-social [hidden]{display:none!important}#pumpet-social{font-family:Arial,sans-serif;color:#eaf9ff;font-size:13px}#pumpet-social button,#pumpet-social input{font:inherit}#pumpet-social button{cursor:pointer}#pumpet-social button:focus-visible,#pumpet-social input:focus-visible{outline:2px solid #71eaff;outline-offset:3px}.social-launch{position:fixed;bottom:18px;right:20px;z-index:65;display:flex;gap:9px;align-items:center;padding:12px 18px;border:1px solid #61d4e0;border-radius:12px;background:linear-gradient(120deg,#132a40,#142233);color:#eaf9ff;font-size:12px!important;font-weight:800!important;letter-spacing:1px}.social-launch>b,.social-friend>b{padding:3px 6px;border-radius:8px;background:#b84381;color:#fff;font-size:11px}.social-panel{position:fixed;right:20px;bottom:76px;z-index:65;width:min(360px,calc(100vw - 24px));height:min(560px,calc(100dvh - 110px));display:flex;flex-direction:column;overflow:hidden;border:1px solid #438299;border-top-color:#a3e2e7;border-radius:16px;background:#101b2afc;box-shadow:0 12px 36px #0009}.social-panel>header{display:flex;align-items:center;justify-content:space-between;padding:17px 18px 14px;border-bottom:1px solid #ffffff14;background:linear-gradient(120deg,#193347,#27203b)}.social-panel h2{font-size:18px;margin:5px 0 0;font-weight:700;letter-spacing:-.3px}.social-panel small{display:block;color:#97b5c9;font-size:11px}.social-panel>header small{font-size:9px;letter-spacing:1.5px;color:#84dce8}.social-panel button{border:1px solid #ffffff1a;border-radius:8px;background:#1a3043;color:#d9f5ff;padding:7px 9px}.social-panel>header button{font-size:23px;border:0;background:transparent;color:#8bb8ca}.social-panel nav{display:flex;padding:12px 14px 0;gap:8px}.social-panel nav button{flex:1;font-size:10px;letter-spacing:.6px;color:#8faabc}.social-panel nav button[aria-pressed=true]{color:#aaf4ff;background:#214355;border-color:#4792a5}.social-feedback{margin:0;padding:0 15px;color:#ffd19e;font-size:12px;line-height:1.4}.social-feedback:not(:empty){padding-top:10px}.social-directory{display:flex;flex:1;flex-direction:column;min-height:0}.social-add{padding:14px}.social-add label{font-size:11px;color:#97b5c9;display:block;margin-bottom:7px}.social-add>div{display:flex;gap:6px}.social-panel input{min-width:0;flex:1;width:100%;box-sizing:border-box;border:1px solid #355267;border-radius:8px;background:#0c1724;color:#effaff;padding:10px 11px;font-size:13px}.social-add button{width:38px;font-size:20px}.social-list{flex:1;min-height:0;overflow:auto;padding:0 10px 12px}.social-friend{display:flex;width:100%;gap:11px;align-items:center;text-align:left;padding:11px 8px!important;margin-bottom:4px;border-color:transparent!important;background:transparent!important}.social-friend:hover{background:#20364b!important}.social-avatar{position:relative;display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:12px;background:linear-gradient(135deg,#244558,#3c2a4e);border:1px solid #597083;color:#bbecf0;font-size:18px;font-weight:700}.social-avatar i{position:absolute;right:-2px;bottom:-1px;width:9px;height:9px;background:#728297;border:2px solid #101b2a;border-radius:50%}.social-avatar .online{background:#5ad6ac}.social-avatar .room{background:#61bffc}.social-avatar .playing{background:#dfa9f4}.social-friend strong{display:block;font-size:13px;margin-bottom:4px}.social-friend em{margin-left:auto;font-style:normal;font-size:9px;color:#6b9db5}.social-friend>b{margin-left:auto}.social-empty{padding:26px 14px;text-align:center;color:#8ca5b9;line-height:1.65;font-size:12px}.social-empty>span{display:block;font-size:40px;color:#6ebdca;margin-bottom:10px}.social-empty strong{display:block;color:#d1e6ee;font-size:13px}.social-request{display:flex;align-items:center;gap:6px;padding:12px 3px;border-bottom:1px solid #ffffff10}.social-request>div{margin-right:auto}.social-request strong{display:block;margin-bottom:4px}.social-request button{font-size:9px}.social-list h3{font-size:11px;color:#91aabd;margin-top:22px}.social-chat{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:12px}.social-chat-head{display:flex;align-items:center;gap:10px;padding:10px 12px;border-block:1px solid #ffffff14}.social-chat-head>div{flex:1;min-width:0}.social-chat-head small{margin-top:4px}.social-chat-head>button{font-size:10px}.social-chat-head>button[data-back]{font-size:24px;padding:0 8px}.social-chat details{position:relative}.social-chat summary{cursor:pointer;padding:5px;font-size:19px;list-style:none}.social-chat details button{display:block;position:absolute;right:0;top:30px;z-index:2;width:130px;white-space:nowrap;font-size:11px}.social-chat details button+button{top:64px}.social-messages{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:8px;overscroll-behavior:contain}.social-bubble{align-self:flex-start;max-width:85%;padding:8px 11px;border-radius:10px 10px 10px 2px;background:#24384a;overflow-wrap:anywhere}.social-bubble.mine{align-self:flex-end;background:#244850;border-radius:10px 10px 2px 10px}.social-bubble p{margin:0;font-size:13px;line-height:1.45;white-space:pre-wrap}.social-bubble time{display:block;text-align:right;font-size:9px;color:#97b8c6;margin-top:5px}.social-compose{display:flex;gap:7px;padding:11px;border-top:1px solid #ffffff14}.social-compose button{font-size:17px}.social-older{align-self:center;font-size:10px!important;margin:5px}.social-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.in-game #pumpet-social{display:none!important}@media(max-width:600px){.social-launch{right:12px;bottom:12px}.social-panel{right:12px;bottom:66px}}/* Compact arcade control matching the magenta room trim. */
#pumpet-social .social-launch{padding:11px 20px 11px 17px;gap:8px;border:1px solid #f479d6;border-radius:2px;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:linear-gradient(120deg,#3a1237,#160c20 60%,#29122f);color:#fff0fc;font:900 italic 12px Arial,sans-serif!important;letter-spacing:1.1px;box-shadow:inset 0 0 0 3px #150a1b,inset 0 -3px #c83ca9;text-shadow:0 0 8px #f54ec777;transition:background .18s,color .18s,scale .18s}
#pumpet-social .social-launch:before{content:'';width:3px;height:17px;transform:skew(-20deg);background:#f577dc;box-shadow:5px 0 #923a89,0 0 7px #f44edb66;margin-right:6px}
#pumpet-social .social-launch:hover,#pumpet-social .social-launch[aria-expanded=true]{background:linear-gradient(120deg,#671c58,#2b1033);color:white}
#pumpet-social .social-launch:active{scale:.96}
#pumpet-social .social-launch>b{background:#e340a8;border:1px solid #ffa5e0;box-shadow:0 0 8px #e340a844}
@media(prefers-reduced-motion:reduce){#pumpet-social .social-launch{transition:none}}