.social-modal{font-family:Arial,sans-serif!important;width:min(620px,94vw);max-height:91dvh;background:linear-gradient(145deg,#234657f5,#202e4bf5);color:#f3fcf6;border:1px solid #b9e4dc66;border-radius:24px;padding:18px;box-shadow:0 22px 90px #081a2a99;overflow:auto}.social-modal>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.social-modal h2{font-family:inherit;font-size:20px;margin:0;line-height:1.2}.social-modal h3{font:700 16px Arial;margin:8px 0}.social-modal p{font-size:13px;line-height:1.45}.social-modal button{border:1px solid #b8ece338;border-radius:12px;padding:9px 13px;background:#ffffff13;color:#f3fcf6;font-weight:700;cursor:pointer;box-shadow:none}.social-modal button:disabled{opacity:.55;cursor:default}.social-modal .social-close{width:30px;height:30px;border-radius:50%;padding:0;font-size:24px;flex-shrink:0}.social-status{color:#ffc98c;margin:8px 0 0!important;font-size:12px!important;min-height:0}.social-status:empty{display:none}.social-face{width:40px;height:40px;border-radius:12px!important;background:#7295ac44!important;padding:0!important;overflow:hidden;flex-shrink:0}.social-face canvas{display:block;width:100%;height:100%}#player-top-button{padding:0!important;display:grid;place-items:center}#player-top-button img{width:34px;height:34px;object-fit:contain}.player-rank{display:grid;grid-template-columns:24px 40px minmax(0,1fr) 80px;align-items:center;gap:9px;padding:7px 8px;border-radius:12px;background:#ffffff09;margin-bottom:5px}.player-rank:nth-child(-n+3){background:linear-gradient(90deg,#e5bf4d24,#ffffff09)}.rank-number{font-size:16px;color:#f4d977}.player-rank>strong{font-size:13px;overflow:hidden;text-overflow:ellipsis}.player-rank>div{text-align:right}.player-rank>div>b{color:#a7eed1;font-size:13px}.player-rank small{display:block;color:#bed2dd;font-size:10px;margin-top:3px}.social-pages{display:flex;gap:18px;justify-content:center;align-items:center;margin-top:9px;font-size:12px}.social-pages button{padding:6px 17px}.neighbor-options{display:grid;gap:10px}.neighbor-options button{text-align:left;padding:16px;background:linear-gradient(100deg,#44828266,#54669433);font-size:15px}.neighbor-options span{display:block;font-size:11px;font-weight:400;color:#bfddd9;margin-top:6px}.neighbor-list-entry{display:block;width:100%;margin:8px 0}#neighbor-action{left:50%;top:65%;transform:translateX(-50%);background:#244d60df;border:1px solid #b4efd8aa;color:#eaffee;border-radius:20px;padding:10px 18px;z-index:8;font-size:13px}.social-round{position:fixed;left:14px;width:43px;height:43px;border:1px solid #bfe1d977;border-radius:50%;background:#234855db;color:#e9fff5;z-index:40;padding:0;display:grid;place-items:center;font-size:24px}.social-round[hidden]{display:none}.social-round img{width:32px;height:32px}.social-round b{position:absolute;right:-3px;top:-4px;background:#ffcb61;color:#473826;border-radius:50%;width:17px;height:17px;font:900 12px/17px Arial}#social-inbox-button{top:270px}#home-chat-button{top:116px}#home-chat-button span{position:absolute;right:0;bottom:0;font-size:14px;color:#fff;background:#275247;border-radius:50%}.social-actions{display:flex;gap:9px;margin-top:14px}.social-actions button:first-child{background:linear-gradient(130deg,#75e1bd,#36bcae);color:#123b43;flex:1}.social-actions button:last-child{color:#ffd0b5}.social-content>article{padding:12px;background:#ffffff0c;border-radius:14px;margin-bottom:10px}.social-content small{color:#b9d7d7}.trade-offers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.trade-offer{border:1px solid #97c4d15c;border-radius:15px;background:#13263a66;padding:10px}.trade-offer.locked{border-color:#7bd5ab;background:#42655844}.trade-offer header{display:flex;justify-content:space-between;gap:6px;align-items:center;margin-bottom:10px}.trade-offer header strong{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trade-offer header small{font-size:10px;color:#90e8bb}.trade-items{display:flex;gap:7px;flex-wrap:wrap;min-height:40px}.trade-item{width:72px;min-height:82px;max-height:110px;display:flex;flex-direction:column;align-items:center;padding:4px!important;border-radius:10px!important}.trade-item img{width:42px;height:42px;object-fit:contain}.trade-item span{font-size:9px;line-height:1.2}.trade-item small{font-size:8px;margin-top:3px}.trade-coins{display:flex;align-items:center;gap:7px;margin-top:10px}.trade-coins img{width:24px;height:24px}.trade-coins input{width:100%;min-width:0;padding:8px;background:#10253699;border:1px solid #b3dac35c;border-radius:10px;color:#fff;font:700 15px Arial}.trade-inventory{margin-top:12px;padding:10px;border:1px solid #89b1c633;border-radius:13px;max-height:200px;overflow:auto}.inventory-heading{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px}.inventory-heading small{font-size:10px}.offer-empty{align-self:center;font-size:11px}.trade-note{display:block;font-size:10px;margin-top:9px;line-height:1.4}.trade-wait{text-align:center;padding:18px 8px}.trade-wait>span{font-size:45px;color:#91e6c4}.home-chat-log{height:min(46dvh,360px);overflow:auto;overscroll-behavior:contain;padding-right:4px}.home-chat-log article{display:flex;gap:9px;padding:9px;background:#ffffff0b;border-radius:13px;margin:6px 0}.home-chat-log article>div{min-width:0;flex:1}.home-chat-log strong{font-size:12px;color:#a7efd2}.home-chat-log small{font-size:9px;float:right}.home-chat-log p{font-size:13px;margin:5px 0 0;overflow-wrap:anywhere}#home-chat form{display:flex;gap:8px;margin-top:9px}#home-chat input{min-width:0;flex:1;padding:10px;border-radius:12px;border:1px solid #d9eaea33;background:#102b45aa;color:#fff}#home-chat form button{background:#72d9b8;color:#163c43}.home-chat-clear{font-size:10px;margin-top:8px}.in-home #chat-button{display:none!important}
@media(max-width:600px){.social-modal{padding:12px;border-radius:19px}.social-modal h2{font-size:17px}.player-rank{padding:5px;gap:6px;grid-template-columns:20px 34px minmax(0,1fr) 66px}.social-face{width:34px;height:34px}.trade-offers{gap:7px}.trade-offer{padding:7px}.trade-offer header{display:block}.trade-offer header small{display:block;margin-top:4px}.trade-item{width:61px;min-height:72px}.trade-item img{width:34px;height:34px}.trade-controls button{padding:10px 8px;font-size:11px}.trade-inventory{max-height:160px}}
@media(max-height:480px){.social-modal{max-height:95dvh;padding:11px 15px}.social-modal>header{margin-bottom:7px}.social-modal h2{font-size:16px}.player-rank{padding:3px 7px;margin-bottom:3px;grid-template-columns:24px 29px minmax(0,1fr) 80px}.player-rank .social-face{width:29px;height:29px}.player-rank>strong{font-size:12px}.trade-inventory{max-height:100px}.trade-item{width:61px;min-height:60px}.trade-item img{width:30px;height:30px}.trade-offer header{margin-bottom:5px}.trade-coins{margin-top:5px}.trade-controls{margin-top:7px}.trade-note{font-size:9px}#social-inbox-button{top:215px}#home-chat-button{top:100px}}
.trade-offer>.trade-items{max-height:min(23dvh,190px);overflow:auto;align-content:flex-start}.trade-controls{position:sticky;bottom:0;background:#203749f5;padding:7px 0 2px;z-index:1}.social-face:focus-visible,canvas[role=button]:focus-visible{outline:2px solid #ffe291;outline-offset:3px}canvas[role=button]{cursor:pointer}
/* World HUD uses a global header rule; modal headers must remain in normal flow. */
.social-modal header{position:static;inset:auto;transform:none;width:auto;padding:0;pointer-events:auto;z-index:auto;background:none;backdrop-filter:none;box-shadow:none}