.social-modal{width:min(920px,calc(100vw - 20px));max-width:920px;height:min(820px,calc(var(--app-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px));max-height:calc(var(--app-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 20px);padding:0;overflow:hidden;background:#102431;color:#e1eee6}
.social-modal[open]{display:flex;flex-direction:column}.social-header{display:flex;flex:0 0 auto;gap:10px;padding:12px 16px;background:#102431;box-shadow:none}.social-header h2{font:600 20px/1.2 Georgia,serif;margin:0;flex:1}.social-header button{min-width:36px;min-height:36px}.social-tabs{display:flex;flex:0 0 auto;gap:5px;padding:8px;border-bottom:1px solid #7caca955;overflow-x:auto}.social-tabs button{flex:1;white-space:nowrap;min-height:40px;padding:6px}.social-tabs .selected,.social-channel-tabs .selected{border-color:#eed38d;color:#f4dfa7;background:#315a57}.social-body{padding:14px;min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}.social-body h3{color:#e6cf94;font:600 19px Georgia,serif;margin:12px 0}.social-body p{font-size:12px;line-height:1.6}.social-body small{display:block;font:11px/1.5 Arial,sans-serif;color:#aac9c3}.social-body form{display:grid;gap:12px}.social-body form .primary{margin:0}.social-body label{display:grid;gap:6px;font-size:12px;color:#d8e5df}.social-body input,.social-body select{min-height:42px;min-width:0;max-width:100%;width:100%;padding:9px;border:1px solid #82afa077;border-radius:7px;background:#173440;color:#e3eee4;font:16px Arial,sans-serif}.social-error{color:#ffb3a4;margin:0;padding:0 12px;font-size:12px;flex:0 0 auto}.social-error:not(:empty){padding:9px 12px;border-top:1px solid #d68b7e55}.social-chat-body{display:flex;flex-direction:column;overflow:hidden}.social-channel-tabs{display:flex;gap:8px;align-items:center;flex-wrap:wrap;flex:0 0 auto;margin-bottom:10px;font-size:11px}.social-messages{flex:1;min-height:80px;overflow:auto;overscroll-behavior:contain;background:#091f2a;border-radius:9px;padding:8px}.social-message{display:flex;gap:8px;padding:9px 3px;border-bottom:1px solid #87b8a41f}.social-message>div{min-width:0;flex:1}.social-message.mine{background:#25554740}.social-message-heading{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.social-message-heading time{font:10px Arial;color:#8eaaa5;margin-left:auto}.social-message-heading small{font-size:10px}.social-author{border:0;background:none;padding:0;color:#e8d69e;font:600 12px Arial;text-align:left}.social-author:disabled{opacity:1}.social-message p{white-space:pre-wrap;overflow-wrap:anywhere;margin:5px 0 0;color:#dfebe2;font-size:13px}.social-avatar{width:40px;height:40px;object-fit:cover;border-radius:9px;border:1px solid #c9c19066;flex:0 0 40px}.social-avatar-placeholder{display:grid;place-items:center;background:#24494a;font-size:24px}.social-chat-body #social-chat-form{display:flex;flex:0 0 auto;gap:7px;margin:10px 0 5px}.social-chat-body #social-chat-form input{flex:1}.social-chat-body #social-chat-form button{width:auto;min-width:65px;padding:7px;margin:0}.social-inbox-row{display:flex;align-items:center;gap:10px;width:100%;padding:12px;text-align:left;border:1px solid #84b3a866;border-radius:9px;background:#1b3b47;color:#e0eae2;margin:8px 0}.social-inbox-row span{flex:1}.social-inbox-row strong{font-size:11px;color:#e8d18a}.social-member{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #91b6a93b}.social-member>div{flex:1;min-width:0}.social-member b{font-size:13px;overflow-wrap:anywhere}.social-member small.social-online{color:#8fe5b9}.social-member-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:8px}.social-member-actions button{min-height:38px;font-size:11px;padding:6px 8px}.social-member-actions label{display:flex;gap:5px;align-items:center}.social-member-actions select{font-size:12px;max-width:145px}.social-action-row{display:flex;gap:7px;flex-wrap:wrap}.social-action-row .primary{width:auto;margin:0}.social-application{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #8ba99e33;font-size:12px}.social-application>div{display:flex;gap:7px}.social-warning{border:1px solid #cbb57166;padding:10px;border-radius:8px;color:#edd5a0}.danger-text{color:#ffc0a9}.social-guild-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.social-guild-title>span{font-size:11px;color:#e8d39a}.social-profile-picture{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.social-profile-picture .social-avatar{width:80px;height:80px;flex-basis:80px}.social-profile-picture label{flex:1;min-width:160px}.social-rally-card,.social-rally-target{border:1px solid #c7b76a77;border-radius:10px;padding:13px;margin:12px 0;background:#1b3945}.social-rally-card>small{padding:4px 0}.social-rally-card form{margin:12px 0}.social-rally-card>b{font-size:12px}.social-confirm h2{font-size:23px}.social-confirm .secondary{width:100%;margin-top:10px}
.social-bar{position:absolute;left:10px;bottom:42px;z-index:12;display:flex;align-items:stretch;gap:5px;width:min(350px,calc(100% - 95px));height:34px;pointer-events:auto;touch-action:manipulation}.social-bar[hidden]{display:none}.social-latest{display:flex;gap:7px;align-items:center;min-width:0;flex:1;border:1px solid #91bdb766;border-radius:7px;background:#102b38eb;color:#e0ece3;padding:5px 8px;font:10px Arial;text-align:left}.social-latest>b{color:#ecd39a;flex-shrink:0}.social-latest>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-icon{position:relative;flex:0 0 34px;min-height:34px;padding:2px;border:1px solid #8db5a177;border-radius:7px;background:#163542eb;color:#e0ece3;font:20px Arial}.social-icon i{position:absolute;right:-4px;top:-5px;min-width:17px;padding:1px 3px;border-radius:9px;background:#c55357;color:white;font:bold 10px/14px Arial;font-style:normal}.world-page .social-bar{bottom:10px;width:min(380px,calc(100% - 125px))}.world-page .world-map-hint{bottom:49px}.map-wrap:has(.social-bar:not([hidden]))>.quest-banner{bottom:87px}.bottom-nav{grid-template-columns:repeat(8,minmax(0,1fr))}.bottom-nav button{min-width:0}.castle-social-name{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 9px/1.2 Arial;color:#e9d599}
.upgrade-total-cost>span{display:grid;gap:5px}.upgrade-total-cost>span small{font:11px/1.4 Arial;color:#bfd3c8}.upgrade-total-cost>.upgrade-cost-missing{color:#ffb1a0;border:1px solid #e38b7c;background:#713c363d}.upgrade-total-cost>.upgrade-cost-missing small{color:#ffb8a7}.upgrade-resource-help{padding:11px;border:1px solid #d6938055;background:#5e373633;border-radius:8px;margin:10px 0;color:#f3bcac}.upgrade-resource-help p{color:#ffd2bf;font-size:12px}.upgrade-resource-help button{margin:5px 5px 0 0;font-size:11px}.upgrade-resource-help small{display:block;color:#bfd0c2;font-size:11px}
@media(max-width:760px){.social-modal{width:calc(100vw - 12px);height:calc(var(--app-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 12px);max-height:calc(var(--app-height,100dvh) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 12px)}.social-body{padding:10px}.social-tabs{padding:6px 5px;gap:4px}.social-tabs button{font-size:10px;padding:5px 7px}.social-header{padding:10px}.social-header h2{font-size:19px}.social-profile-picture .social-avatar{width:64px;height:64px;flex-basis:64px}.social-bar{width:calc(100% - 95px)}.social-latest{font-size:9px;padding:5px}.social-member-actions select{font-size:16px}.bottom-nav button{font-size:7px;padding-left:0;padding-right:0}.bottom-nav button span{font-size:21px}.social-body .social-inbox-row{padding:9px;gap:8px}.social-inbox-row strong{font-size:10px}.social-message .social-avatar{width:30px;height:30px;flex-basis:30px}}

.social-danger{color:#ffad9c}.social-online{color:#8fe5b9}

.social-body{overflow-wrap:anywhere}

/* Guild, rally and cargo controls share the map overlay without capturing drag gestures. */
.social-member-details{border-bottom:1px solid #91b6a93b;padding:10px 0}.social-member-details>summary{display:flex;gap:10px;align-items:center;cursor:pointer;list-style:none}.social-member-details>summary:after{content:'⌄';margin-left:auto;color:#dec884}.social-member-details[open]>summary:after{content:'⌃'}.social-member-details>summary>span{min-width:0;flex:1}.social-member-details b{font-size:13px;overflow-wrap:anywhere}.social-member-details .social-member-actions{padding-left:50px}.guild-rank-editor{padding:12px 0}.guild-rank-editor form{margin-top:12px}.guild-rank-editor label{grid-template-columns:35px 1fr;align-items:center}.rally-participant{display:flex;gap:10px;border-top:1px solid #8eab9444;padding:12px 0}.rally-participant>div{min-width:0;flex:1}.rally-participant b{font-size:13px}.rally-heroes{display:flex;gap:7px;margin:8px 0}.rally-heroes>span{flex:1;min-width:0}.rally-heroes .hero-portrait{width:42px;height:48px;display:block;margin:0 0 4px}.rally-heroes .hero-tier-badge{font-size:9px;width:13px;height:15px}.rally-heroes small{font-size:9px}.friend-card{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid #91b6a93b}.friend-card>div{min-width:0;flex:1}.friend-card b{font-size:13px;overflow-wrap:anywhere}.friend-transfer{border:1px solid #9eb58888;border-radius:10px;padding:13px;margin:15px 0}.friend-transfer form{grid-template-columns:1fr 1fr}.friend-transfer form>div,.friend-transfer form>button{grid-column:1/-1}.friend-deliveries{margin:18px 0}.friend-deliveries article{padding:10px 0;border-top:1px solid #88a79533;font-size:12px}.world-rally-chip{display:grid;gap:3px;margin-top:5px;max-width:210px;border:1px solid #cbb981aa;border-radius:7px;padding:6px 9px;background:#192e3aee;color:#f1d897;text-align:left;font:11px Arial}.world-rally-chip small{font-size:9px;color:#c2d4c5;max-width:185px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#guild-rally-notice{position:fixed;top:calc(env(safe-area-inset-top,0px) + 12px);left:50%;transform:translateX(-50%);z-index:90;display:flex;gap:6px;width:min(440px,calc(100% - 28px));padding:6px;border:1px solid #b7ba77;border-radius:9px;background:#183b43f7;box-shadow:0 4px 15px #001b2280}#guild-rally-notice[hidden]{display:none}#guild-rally-notice button{background:none;border:0;color:#efdfa9;padding:7px;font:12px/1.5 Arial;text-align:left}#guild-rally-notice button:first-child{flex:1}#guild-rally-notice button:last-child{font-size:20px}.castle-social-name{overflow:visible;text-overflow:clip;white-space:normal;overflow-wrap:anywhere;line-height:1.3}.castle-guild-name{display:block;color:#abd7c4}.plot-label:has(.castle-social-name){max-width:260px;overflow:visible;height:auto;white-space:normal}.world-tool-badge[hidden]{display:none}.social-icon i[hidden]{display:none}
@media(max-width:760px){.social-bar{width:calc(100% - 100px)}.social-latest{min-width:40px}.social-latest>b{display:none}.social-icon{flex-basis:28px;font-size:17px}.social-member-details .social-member-actions{padding-left:0}.rally-heroes{gap:4px}.friend-transfer{padding:10px}}

#map .viewport-world .plot .plot-label:has(.castle-social-name){white-space:normal}

.social-feedback{flex:0 0 auto;margin:0;padding:0 12px;font:12px/1.5 Arial;color:#8fe5b9}.social-feedback:not(:empty){padding:7px 12px;border-top:1px solid #72aa8b44}

.world-inline-toast{position:fixed;bottom:calc(env(safe-area-inset-bottom,0px) + 16px);left:50%;transform:translateX(-50%);z-index:100;max-width:min(460px,calc(100% - 32px));padding:10px 15px;border:1px solid #83bba4;border-radius:8px;background:#214c44f5;color:#e5f2dd;font:12px/1.5 Arial;opacity:0;pointer-events:none}.world-inline-toast.show{opacity:1}

.guild-name-editor{padding:12px 0;border-bottom:1px solid #91b6a933}.guild-name-editor form{margin-top:12px}

#account-email-dialog{max-width:440px;width:calc(100vw - 24px);padding:22px}#account-email-dialog form,#account-email-dialog label{display:grid;gap:8px}#account-email-dialog form{gap:15px}#account-email-dialog input{width:100%;font:16px Arial;padding:12px;background:#173440;border:1px solid #82afa077;color:#e3eee4;border-radius:7px}#account-email-dialog .secondary{margin-top:10px}.account-email-error{color:#ffb3a4}

.expedition-shortcut{position:fixed;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 76px);z-index:35;padding:8px 10px;border:1px solid #8bb6a2;border-radius:9px;background:#183a43ee;color:#d9e9de;font:12px Arial}.expedition-shortcut[hidden],.expedition-arrival-notice[hidden]{display:none}.expedition-shortcut.ready{border-color:#ebd18b;color:#f3df9b}.world-page .expedition-shortcut{right:74px;bottom:54px}.expedition-arrival-notice{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 10px);transform:translateX(-50%);z-index:95;max-width:calc(100% - 25px);background:#20473cf7;border:1px solid #b9c58a;border-radius:9px}.expedition-arrival-notice button{background:transparent;border:0;padding:10px;color:#e9e2bb;font:12px Arial}#expedition-status-modal{width:min(460px,calc(100vw - 18px));max-height:calc(100dvh - env(safe-area-inset-top,0px) - 26px);padding:15px}#expedition-status-modal header{padding:0 0 10px;gap:12px;box-shadow:none}#expedition-status-modal h2{margin:0;font-size:23px}.expedition-status-list article{padding:12px 0;border-bottom:1px solid #8bb4a255}.expedition-status-list b,.expedition-status-list small{display:block}.expedition-status-list small{font-size:11px;color:#aacabd}.expedition-status-list p{margin:7px 0;font-size:12px}.expedition-status-error{color:#ffb3a4}

.expedition-shortcut{z-index:3010}.expedition-arrival-notice{z-index:5500}

#friend-request-notice{position:fixed;top:calc(env(safe-area-inset-top,0px) + 62px);left:50%;transform:translateX(-50%);z-index:91;display:flex;gap:6px;width:min(400px,calc(100% - 28px));padding:6px;border:1px solid #a2d8ca;border-radius:9px;background:#183b43f7;box-shadow:0 4px 15px #001b2280}#friend-request-notice[hidden]{display:none}#friend-request-notice button{background:none;border:0;color:#d9fff2;padding:7px;font:12px/1.5 Arial;text-align:left}#friend-request-notice button:first-child{flex:1}#friend-request-notice button:last-child{font-size:20px}