.social-studio{--social-line:var(--ui-line,#aab5b425);--social-muted:var(--ui-muted,#aab5b4);color:var(--ui-text,#eee3ca);min-width:0;max-width:none;margin:0}.social-heading{margin-bottom:13px}.social-tabs{margin-bottom:20px}.social-intro h3,.trade-heading h3{font:500 .94rem/1.5 Inter,sans-serif;margin:0 0 6px}.social-intro p,.trade-heading p{font-size:.76rem;line-height:1.6;color:var(--social-muted);margin:0 0 13px;max-width:660px}.social-empty{font-size:.8rem;line-height:1.7;color:var(--social-muted);padding:24px 0}.social-person,.social-person>div{display:flex;align-items:center;gap:12px}.social-person{padding:13px 0;border-bottom:1px solid var(--social-line);justify-content:space-between}.social-person .icon{width:25px;height:25px;color:var(--ui-gold,#d8b477);flex:none}.social-person strong,.social-person small{display:block}.social-person strong{font-size:.83rem;font-weight:500;overflow-wrap:anywhere}.social-person small{font-size:.72rem;color:var(--social-muted);margin-top:4px}.social-person button{min-height:35px;padding:7px 12px;font-size:.74rem;white-space:nowrap}
.trade-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:15px}.trade-heading p{margin:0}.trade-heading button{font-size:.73rem;white-space:nowrap;padding:5px}.trade-columns{display:grid;grid-template-columns:1fr 1fr;gap:16px}.trade-offer{border:1px solid var(--social-line);border-radius:3px;background:var(--ui-surface,#172329);padding:13px;min-width:0}.trade-offer header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;border-bottom:1px solid var(--social-line);padding-bottom:8px;margin-bottom:5px}.trade-offer header h4{font:500 .8rem Inter,sans-serif;margin:0;overflow-wrap:anywhere}.trade-offer header span{font-size:.65rem;color:var(--social-muted)}.trade-empty{font-size:.74rem;color:var(--social-muted);padding:11px 0}.trade-offer-items{min-height:54px;max-height:240px;overflow:auto}.trade-item{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid var(--social-line);min-width:0}.trade-item>.equipment-art{width:38px;height:41px;flex:0 0 38px}.trade-item .equipment-art img{width:100%;height:100%;object-fit:contain}.trade-item-copy{min-width:0}.trade-item-copy strong{font-size:.77rem;font-weight:500;display:block;overflow-wrap:anywhere}.trade-item-copy small{display:block;color:var(--social-muted);font-size:.66rem;line-height:1.5;margin-top:4px}.trade-item input{width:17px;height:17px;accent-color:var(--ui-gold,#d8b477);flex:none}.trade-gold{display:block;font-size:.81rem;font-weight:500;color:var(--ui-gold,#d8b477);margin-top:12px}.trade-confirm-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:14px 0 21px}.trade-confirm-bar p{font-size:.72rem;color:var(--social-muted);line-height:1.6;margin:0}.trade-confirm-bar button{min-height:37px;padding:8px 14px;font-size:.77rem;white-space:nowrap}.trade-editor{border-top:1px solid var(--social-line);padding-top:13px}.trade-editor summary{font-size:.79rem;cursor:pointer}.trade-editor summary small{font-size:.67rem;color:var(--social-muted);margin-left:7px}.trade-backpack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;max-height:245px;overflow:auto;margin:10px 0}.trade-editor-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.trade-editor-footer label{display:flex;align-items:center;gap:8px;font-size:.76rem}.trade-editor-footer input{width:110px;background:var(--ui-bg,#101a1e);border:1px solid var(--social-line);border-radius:3px;color:var(--ui-text,#eee3ca);padding:8px;min-height:35px}.trade-editor-footer small{font-size:.67rem;color:var(--social-muted)}.trade-editor-footer button{margin-left:auto;min-height:35px;padding:7px 12px;font-size:.75rem}
.ranking-tabs{margin-bottom:13px}.social-scope{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:.72rem;line-height:1.65;color:var(--social-muted);margin:0 0 13px}.social-scope details{max-width:470px}.social-scope summary{cursor:pointer}.social-scope p{margin:8px 0;font-size:.73rem;color:var(--social-muted)}.ranking-list{display:grid}.ranking-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:12px;align-items:center;border-bottom:1px solid var(--social-line);padding:13px 0}.ranking-number{color:var(--social-muted);font:1.1rem Cinzel,serif}.ranking-row:first-child .ranking-number{color:var(--ui-gold,#d8b477)}.ranking-row strong{font-size:.81rem;font-weight:500;overflow-wrap:anywhere}.ranking-row small{font-size:.69rem;color:var(--social-muted);display:block;margin-top:4px}.ranking-value{color:var(--ui-gold,#d8b477);text-align:right}.online-dot{width:5px;height:5px;border-radius:50%;display:inline-block;background:#abc4a5;margin-left:5px;vertical-align:middle}.chronicle-entry{display:flex;gap:16px;border-bottom:1px solid var(--social-line);padding:18px 0}.chronicle-entry>.icon{width:24px;height:24px;color:var(--ui-gold,#d8b477);flex:none}.chronicle-entry small{font-size:.65rem;letter-spacing:.04em;color:var(--social-muted)}.chronicle-entry h3{font-size:1.05rem;margin:6px 0}.chronicle-entry p{font-size:.78rem;color:var(--social-muted);line-height:1.6;margin:0}
@media(max-width:650px){.social-tabs button{flex:1}.social-person button{font-size:.69rem;padding:7px 9px}.social-person>div{gap:8px}.trade-columns{gap:9px}.trade-offer{padding:10px}.trade-offer header{align-items:flex-start;flex-direction:column;gap:5px}.trade-backpack{grid-template-columns:1fr}.trade-confirm-bar{flex-direction:column;align-items:stretch;gap:9px}.trade-editor-footer{gap:9px}.trade-editor-footer small{order:3;width:100%}.ranking-row{grid-template-columns:23px minmax(0,1fr) auto;gap:8px}.ranking-value{max-width:120px;font-size:.73rem!important}.trade-heading{gap:10px}.trade-heading h3{font-size:.86rem}.trade-editor summary small{display:block;margin:5px 0 0 14px}.trade-item{gap:7px;flex-wrap:wrap}.trade-item-copy strong{font-size:.75rem}.trade-offer .trade-item>.equipment-art{width:32px;height:35px;flex-basis:32px}.trade-offer .trade-item-copy{flex:1 0 70px}.social-person strong{max-width:155px}.social-scope{display:block}.social-scope details{margin-top:7px}}