.social-mode main{align-self:flex-start;width:100%;margin:0 auto}.social-screen{max-width:1400px;margin:0 auto;min-height:650px}.social-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 27px}.social-heading h1{font-size:32px;margin-top:10px}.social-heading p{color:var(--muted);font-size:12px;line-height:1.8;margin-top:12px}.social-server{font-size:11px;color:var(--muted);white-space:nowrap}.social-server i{margin-right:6px}.alliance-overview{padding:28px;background:radial-gradient(ellipse at top left,#67865130,transparent 65%),#1b2d23;border:1px solid #bda2643d;border-radius:12px;margin-bottom:26px}.alliance-identity{display:flex;align-items:center;gap:20px}.social-seal{display:grid;place-items:center;width:38px;height:42px;flex-shrink:0;border:1px solid #afaa6e40;border-radius:9px 9px 14px 14px;background:linear-gradient(135deg,#52664a,#253a2c);font-family:serif;font-size:19px;font-weight:400;color:#e2c98f}.social-seal.large{width:76px;height:86px;font-size:37px;border-color:#d0b67570}.alliance-identity h2{font-family:serif;font-size:27px;font-weight:500;margin:8px 0}.alliance-identity p{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:12px;flex-wrap:wrap}.alliance-identity b{color:#dedac5;font-weight:500}.social-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;border-top:1px solid var(--line);margin-top:25px;padding-top:23px}.social-metric{display:flex;flex-direction:column;gap:10px}.social-metric span{font-size:11px;color:var(--muted)}.social-metric strong{font-size:25px;font-weight:500;color:#e0ce9d;font-variant-numeric:tabular-nums}.social-list{border:1px solid #849b7530;border-radius:12px;overflow:hidden;background:#1a2a22}.social-list-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}.social-list-heading h2{font-size:17px;font-weight:500}.social-list-heading h2 span{font-size:12px;color:var(--gold);margin-left:7px}.social-list-heading p{color:var(--muted);font-size:11px;line-height:1.7;margin-top:8px}.social-search{display:flex;flex-direction:column;gap:7px;min-width:200px}.social-search label{font-size:10px;color:var(--muted)}.social-search input{width:100%;padding:10px 12px;background:#13241b;border:1px solid #91a28140;border-radius:6px;color:#e4e8de;font-size:12px}.social-search input::placeholder{color:#819380}.social-table-wrap{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#566c51 #1b2b23}.social-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}.social-table thead{background:#12221970;color:#95a58f;font-size:10px}.social-table th,.social-table td{padding:17px 20px;border-bottom:1px solid var(--line);font-weight:400}.social-table tbody tr:hover{background:#ffffff03}.social-table tr.is-me{background:#6e9d6420}.social-table .is-me th{border-left:2px solid #91b989}.social-person{display:flex;align-items:center;gap:11px}.social-person b{font-size:13px;font-weight:500}.social-tags{display:flex;gap:5px;margin-top:6px}.social-badge{display:inline-block;font-size:9px;padding:3px 6px;border-radius:4px;background:#ffffff08;color:#a9b6a1;line-height:1.4}.social-badge.gold{color:#e2c481;background:#c7ac6420}.social-badge.green{color:#a3d5b1;background:#74ac7b20}.rank-number{font-variant-numeric:tabular-nums;font-size:17px;color:#a0ae95}.rank-number.top-rank{color:#e0c383}.social-table .power-cell{color:#ddc891;font-variant-numeric:tabular-nums;font-size:15px}.social-location{font-size:10px;padding:8px;color:#a0b99c;border-color:#94b38925}.social-list-footer{padding:15px 24px;display:flex;justify-content:space-between;gap:12px;color:#8fa287;font-size:10px}.social-list-footer i{margin-right:4px}.social-rank-tabs{display:flex;gap:5px;padding:5px;background:#14251c;border:1px solid var(--line);border-radius:9px;width:fit-content;margin-bottom:20px}.social-rank-tabs button{font-size:13px;padding:12px 28px;border-color:transparent;color:#9eaf96;background:transparent}.social-rank-tabs button[aria-pressed=true]{background:#44553b;color:#ead3a0;border-color:#bda36640}.my-standing{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid #a1b87640;border-radius:9px;padding:20px 24px;margin-bottom:20px;background:linear-gradient(110deg,#3b4b302f,#1e3227)}.my-standing>div{display:flex;align-items:center;gap:16px}.my-standing strong{font-size:14px;font-weight:500}.my-standing span:not(.social-badge){font-size:23px;color:#e2c785}.my-standing b{font-size:18px;font-weight:500;font-variant-numeric:tabular-nums}.my-standing small{font-size:10px;margin-left:7px}.ranking-rules{margin:22px 0;color:#94a58a;font-size:11px;line-height:1.9}.ranking-rules summary{cursor:pointer;color:#b6bc9e;padding:4px 0}.ranking-rules p{max-width:950px;margin-top:10px}.ranking-rules button{margin-top:13px;font-size:11px}.social-empty{text-align:center;padding:50px 20px;color:#a1b199}.social-empty>span{font-size:35px;color:#cfb982}.social-empty h3{font-size:16px;margin:12px 0;font-weight:500}.social-empty p{font-size:12px;line-height:1.8}.social-empty button{font-size:11px;margin-top:18px}
@media(max-width:850px){.sidebar{overflow-x:auto;justify-content:flex-start;gap:3px}.nav-item{flex:1 0 52px;min-width:52px}.social-heading{align-items:flex-start;flex-direction:column;gap:13px;margin:12px 0 20px}.social-heading h1{font-size:27px}.social-heading p{font-size:11px}.social-server{font-size:10px}.alliance-overview{padding:20px}.social-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.social-metric strong{font-size:23px}.social-list-heading{padding:20px;flex-direction:column;align-items:stretch;gap:16px}.social-search{min-width:0}.social-table th,.social-table td{padding:15px}.social-list-footer{padding:15px;font-size:9px;flex-wrap:wrap}.my-standing{padding:17px;flex-wrap:wrap;gap:16px}.my-standing>div{gap:12px}.social-rank-tabs{width:100%}.social-rank-tabs button{flex:1;padding:12px 16px}.social-screen{min-height:550px}.social-table-wrap:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}}
@media(max-width:850px){.sidebar{gap:0;overflow-x:visible}.sidebar .nav-item{flex:1 1 0;min-width:0;width:auto;padding:7px 3px}.social-screen{scroll-margin-top:12px}}

.alliance-form{padding:24px}.alliance-form h2{margin:12px 0}.alliance-form p,.alliance-overview p{color:var(--muted);font-size:12px;line-height:1.8}.alliance-form>label{display:block;font-size:12px;margin:12px 0 6px}.alliance-form>input,.alliance-form>select{display:block;width:100%;max-width:520px;margin-bottom:12px;background:#203128;color:inherit;border:1px solid var(--line);border-radius:6px;padding:10px}.alliance-entry{padding:16px 0;border-bottom:1px solid var(--line)}.alliance-entry h3{font-size:15px}.alliance-buttons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.alliance-buttons select{max-width:150px}