/* Friends: a quiet list beside a collectible mouse profile card. */
.ex-panel.ex-social-host{width:min(900px,95vw);padding:0;overflow:hidden;background:#102e2b;border:1px solid #d3b976;box-shadow:0 25px 100px #000a,inset 0 0 0 4px #0a211f;max-height:min(820px,91dvh)}
.ms-social{--ms-gold:#e7c77e;--ms-cream:#fff2d3;--ms-muted:#a6c0af;color:var(--ms-cream);font:14px/1.4 Trebuchet MS,Arial,sans-serif;position:relative}
.ms-social *{box-sizing:border-box}.ms-social [hidden]{display:none!important}.ms-social button,.ms-social input{font:inherit}.ms-social button{cursor:pointer}.ms-social svg{width:20px;height:20px;flex:0 0 20px;vertical-align:middle}.ms-social button:focus-visible,.ms-social input:focus-visible{outline:2px solid #ffe3a1;outline-offset:3px}.ms-social button:disabled{opacity:.55;cursor:wait}.ms-social h2,.ms-social h3,.ms-social p{margin:0}.ms-heading{padding:24px 26px 20px;display:flex;align-items:center;gap:14px;background:radial-gradient(ellipse at 30% 0,#35614688,transparent 65%);border-bottom:1px solid #42614a66}.ms-title-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #b99b5d;border-radius:14px;background:linear-gradient(145deg,#375b43,#1a3d34);color:#f1d28d;box-shadow:inset 0 0 0 4px #254438,0 5px 13px #051c2055}.ms-title-icon svg{width:27px;height:27px}.ms-kicker{font-size:9px;font-weight:bold;letter-spacing:2px;color:#b9b78c}.ms-heading h2{font:32px/1.15 Georgia,serif!important;color:#ffe5a9!important;margin:3px 0 0!important}.ms-close{margin-left:auto;display:grid;place-items:center;background:#183c35;border:1px solid #52705a;border-radius:50%;color:#e6d7ac;padding:9px}.ms-close:hover{background:#2f5144;color:#fff4ce}
.ms-tabs{display:flex;gap:6px;padding:15px 24px 0;background:#122f2b}.ms-tabs>button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:44px;padding:10px 12px;border:1px solid transparent;border-radius:10px 10px 0 0;color:#a9c3b0;background:transparent;white-space:nowrap;font-weight:bold}.ms-tabs>button:hover{color:#fff1cd;background:#1c3e34}.ms-tabs>button[aria-selected=true]{background:linear-gradient(#2e5040,#214438);color:#ffe2a0;border-color:#826f49;border-bottom-color:#214438;box-shadow:inset 0 2px 0 #e7be69}.ms-tabs b{font-size:10px;display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:20px;padding:0 5px;background:#0c2723;color:#e9d39f}.ms-tabs b:empty{display:none}.ms-tabs svg{width:17px;height:17px;flex-basis:17px}.ms-toolbar{padding:15px 25px;display:flex;gap:10px;align-items:center;background:#214438;border-top:1px solid #826f4970;border-bottom:1px solid #55735055;min-height:71px}.ms-filters{display:flex;gap:6px}.ms-filters button{display:flex;align-items:center;gap:6px;border:1px solid transparent;background:transparent;border-radius:30px;padding:7px 14px;color:#adc4b4;font-size:12px;font-weight:bold}.ms-filters button[aria-pressed=true]{color:#ffe4a3;background:#102c25;border-color:#b69c59}.ms-filters button:hover{background:#17372e}.ms-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#87978e;flex:0 0 6px}.ms-filters .ms-dot,.is-online .ms-dot{background:#8bdb94;box-shadow:0 0 0 3px #7bc68717}.ms-refresh{margin-left:auto;background:#17362f;border:1px solid #526b50;border-radius:50%;width:31px;height:31px;color:#d0c391;font:22px/1 Arial,sans-serif!important}.ms-refresh:hover{background:#315544}.ms-search{display:flex;align-items:center;gap:11px;flex:1;min-width:0;background:#0c2925;border:1px solid #6f8967;border-radius:9px;padding:0 10px;color:#a9b98d}.ms-search input{border:0!important;background:transparent!important;color:#fff2ce!important;padding:9px 0!important;width:100%;min-width:0;outline:0}.ms-search input::placeholder{color:#8da996}.ms-search button{border:0;background:transparent;color:#edd18a;padding:7px 3px}.ms-search svg{width:17px;height:17px;flex-basis:17px}.ms-request-caption{font-size:12px;color:#c1cba9}.ms-error{margin:12px 24px 0!important;padding:10px 13px;border:1px solid #be8b67;background:#4c382f;color:#ffe1b7!important;border-radius:8px;font-size:12px!important;line-height:1.5!important}
.ms-content{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(250px,1fr);min-height:385px;max-height:calc(91dvh - 235px)}.ms-list-pane{padding:18px 16px 12px 24px;display:flex;flex-direction:column;min-height:0;border-right:1px solid #65826840}.ms-list{display:grid;align-content:start;gap:8px;overflow:auto;max-height:386px;min-height:160px;padding:2px 6px 3px 2px;scrollbar-width:thin;scrollbar-color:#638569 #14372e;flex:1}.ms-contact{display:flex;align-items:center;width:100%;gap:9px;padding:3px 10px 3px 3px;border:1px solid #41694f;background:linear-gradient(135deg,#1c4237,#16372f);border-radius:12px;color:#fff1d1;min-width:0;text-align:left;transition:background .15s,border-color .15s;position:relative}.ms-contact:hover{background:#2c5542;border-color:#9aa36d}.ms-contact.is-selected{background:linear-gradient(135deg,#36553d,#294835);border-color:#dbc17d;box-shadow:inset 3px 0 0 #e9c371}.ms-avatar{width:62px;height:66px;flex:0 0 62px;object-fit:contain}.ms-contact-copy{min-width:0;flex:1}.ms-contact-copy strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:16px;letter-spacing:.1px}.ms-presence{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:10px;color:#91ab9c}.ms-presence.is-online{color:#b8d1aa}.ms-contact-arrow{color:#bea96e;font:25px Georgia,serif;padding-left:4px}.ms-list-footnote{font-size:10px!important;line-height:1.5!important;color:#8ea995!important;margin:13px 4px 0!important;max-width:260px}.ms-section-label{font-size:10px!important;line-height:1.4!important;letter-spacing:1.5px;text-transform:uppercase;color:#b9c298!important;padding:9px 3px 2px}.ms-empty{align-self:center;text-align:center;padding:36px 16px 23px;color:#d4d8ba;display:flex;flex-direction:column;align-items:center}.ms-empty-icon{width:56px;height:56px;border:1px solid #78946766;border-radius:50%;display:grid;place-items:center;background:radial-gradient(#3d5e4366,#1b3c32);color:#d3bd7c;margin-bottom:18px}.ms-empty-icon svg{width:24px;height:24px}.ms-empty h3{font:21px/1.25 Georgia,serif;color:#efddb1;margin-bottom:9px}.ms-empty p{font:12px/1.6 Trebuchet MS,Arial,sans-serif!important;color:#a1b8a7!important;max-width:245px}.ms-empty .ms-primary{margin-top:19px;min-height:38px;padding:9px 17px;font-size:12px}
.ms-profile{padding:24px 22px 22px;text-align:center;background:radial-gradient(ellipse at 50% 35%,#395d4366,transparent 60%),linear-gradient(145deg,#18382f,#102d27);position:relative;min-width:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#638569 #14372e}.ms-profile:before,.ms-profile:after{content:'';position:absolute;top:18px;width:22px;height:22px;border-top:1px solid #a9935666;pointer-events:none}.ms-profile:before{left:18px;border-left:1px solid #a9935666}.ms-profile:after{right:18px;border-right:1px solid #a9935666}.ms-profile-badge{display:inline-flex;align-items:center;justify-content:center;min-height:24px;border:1px solid #85905c77;border-radius:20px;background:#142f25;color:#d9c488;font-size:9px;letter-spacing:1px;text-transform:uppercase;padding:5px 13px;position:relative;z-index:1}.ms-profile-stage{height:187px;width:min(100%,250px);margin:4px auto 0;position:relative;isolation:isolate}.ms-stage-orbit{position:absolute;bottom:19px;left:50%;transform:translateX(-50%);width:126px;height:38px;border:1px solid #a9914f77;border-radius:50%;box-shadow:0 0 0 9px #bca1590a,0 0 38px #b9a86812;background:radial-gradient(ellipse,#c8a65e22,transparent 70%);z-index:-1}.ms-profile-mouse{position:absolute;inset:0;width:100%;height:100%;display:block}.ms-profile-name{font:27px/1.2 Georgia,serif!important;color:#ffe3a2!important;overflow-wrap:anywhere;margin:3px 0 7px!important}.ms-profile-status{display:flex;justify-content:center;align-items:center;gap:7px;color:#9fb6a5;font-size:11px}.ms-profile-status.is-online{color:#b8d5a7}.ms-profile-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:20px}.ms-primary,.ms-secondary{border-radius:8px;padding:10px 17px;font-weight:bold!important;font-size:12px!important;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:39px}.ms-primary{border:1px solid #f5d99b;background:linear-gradient(#f4d994,#d5ab57);box-shadow:inset 0 0 0 2px #ffedbc33,0 3px 0 #071e1a;color:#213b2d}.ms-primary:hover{filter:brightness(1.1)}.ms-primary svg{width:17px;height:17px;flex-basis:17px}.ms-secondary{border:1px solid #8e9c6b;background:#234434;color:#e5d9b4}.ms-secondary:hover{background:#365b42}.ms-text-button{border:0;background:transparent;color:#aebca0;text-decoration:underline;text-underline-offset:3px;font-size:10px!important;padding:7px 9px}.ms-text-button:hover{color:#f0d293}.ms-profile-actions>.ms-text-button{flex-basis:100%}.ms-card-note{color:#95ac98!important;font-size:10px!important;line-height:1.5!important;max-width:218px}.ms-pending-note{display:flex;align-items:center;gap:7px;color:#cfcd9e;font-size:12px}.ms-pending-note svg{width:17px;height:17px}.ms-profile-placeholder{display:flex;min-height:320px;flex-direction:column;align-items:center;justify-content:center;padding:25px 0}.ms-profile-crest{display:grid;place-items:center;width:74px;height:74px;border:1px solid #8d845c55;transform:rotate(45deg);border-radius:17px;margin-bottom:28px;background:#b1a26308;color:#c8b276}.ms-profile-crest svg{transform:rotate(-45deg);width:35px;height:35px}.ms-profile-placeholder h3{font:24px Georgia,serif!important;color:#e6d3a2!important;margin-bottom:10px}.ms-profile-placeholder p{font-size:12px!important;line-height:1.6!important;color:#91ac98!important;max-width:210px}.ms-announcement{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:650px){.ex-panel.ex-social-host{max-height:93dvh;overflow:auto;width:95vw}.ms-heading{padding:20px 18px 16px;gap:11px}.ms-heading h2{font-size:28px!important}.ms-kicker{font-size:8px;letter-spacing:1.3px}.ms-title-icon{width:42px;height:42px;border-radius:12px}.ms-tabs{padding:12px 12px 0;gap:2px}.ms-tabs>button{font-size:11px;padding:10px 7px;gap:5px;min-height:41px}.ms-tabs>button svg{display:none}.ms-tabs b{font-size:9px;min-width:17px;height:17px}.ms-toolbar{padding:12px 16px;min-height:62px}.ms-filters{gap:2px}.ms-filters button{font-size:11px;padding:7px 10px}.ms-content{grid-template-columns:1fr;max-height:none}.ms-list-pane{padding:15px 14px 14px;border-right:0;border-bottom:1px solid #65826840}.ms-list{max-height:218px;min-height:110px;grid-template-columns:1fr}.ms-contact{min-height:61px}.ms-avatar{width:52px;height:57px;flex-basis:52px}.ms-contact-copy strong{font-size:15px}.ms-list-footnote{max-width:none;margin-top:10px!important}.ms-empty{padding:18px 15px}.ms-empty-icon{display:none}.ms-empty h3{font-size:19px}.ms-empty p{font-size:11px!important}.ms-profile{padding:18px 20px 20px}.ms-profile-stage{height:157px;width:218px}.ms-profile-name{font-size:25px!important}.ms-profile-actions{margin-top:14px}.ms-profile-placeholder{min-height:160px}.ms-profile-crest{width:45px;height:45px;margin-bottom:20px;border-radius:12px}.ms-profile-crest svg{width:23px;height:23px}.ms-profile-placeholder h3{font-size:22px!important}.ms-profile-placeholder p{max-width:260px;font-size:11px!important}.ms-error{margin:10px 15px 0!important}}
@media(max-height:650px) and (min-width:651px){.ex-panel.ex-social-host{max-height:95dvh}.ms-heading{padding-top:16px;padding-bottom:13px}.ms-content{max-height:calc(95dvh - 195px);min-height:300px}.ms-list{max-height:260px}.ms-profile{padding-top:17px;padding-bottom:17px}.ms-profile-stage{height:143px;width:205px}.ms-profile-actions{margin-top:12px}.ms-profile-name{font-size:24px!important}.ms-toolbar{padding-top:10px;padding-bottom:10px;min-height:57px}.ms-tabs{padding-top:10px}.ms-list-pane{padding-top:12px}}
@media(prefers-reduced-motion:reduce){.ms-social button{transition:none}}