.social-shell{max-width:1020px;margin:auto;background:linear-gradient(145deg,#171b23,#131720);border:1px solid #ffffff18;border-radius:18px;overflow:hidden;box-shadow:0 18px 55px #0003}.social-tabs{display:flex;gap:5px;padding:10px;border-bottom:1px solid #ffffff16;background:#10131a;overflow:auto}.social-tabs button{flex:1;min-width:max-content;padding:12px 16px;border:1px solid transparent;border-radius:10px;background:transparent;color:#aeb2bd;font-size:11px;font-weight:900;letter-spacing:.5px}.social-tabs button.active{border-color:#ff9b3d50;background:#ff9b3d16;color:#ffc176}.social-panel{display:none;padding:22px}.social-panel.active{display:block;animation:social-in .18s ease both}.social-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.social-panel h3,.social-panel h4{margin:0;color:#f5f5f7;font-size:13px;letter-spacing:.7px}.social-panel h4{margin:18px 0 9px;color:#ffc176;font-size:10px}.social-panel p{margin:7px 0 0;color:#9fa4b0;font-size:12px;line-height:1.6}.social-search{display:flex;gap:8px;max-width:490px;width:100%}.social-search input{flex:1;min-width:0}.social-search .cta,.social-search .secondary{margin:0;white-space:nowrap}.social-list{display:grid;gap:8px}.social-card{display:flex;align-items:center;gap:12px;min-width:0;padding:12px;background:#0f131a;border:1px solid #ffffff13;border-radius:12px}.social-card>img{width:42px;height:42px;flex:none;object-fit:cover;border-radius:50%;background:#242a34}.social-card-main{min-width:0;flex:1}.social-card-main b,.social-card-main small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-card-main b{font-size:13px}.social-card-main small{margin-top:4px;color:#9ca2ad;font-size:11px}.social-card-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.social-card-actions button{padding:8px 10px;font-size:10px}.social-columns{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;margin-top:16px}.social-empty{padding:16px 12px;border:1px dashed #ffffff20;border-radius:10px;color:#969ba7;font-size:12px;line-height:1.6}.social-status{min-height:20px;margin:9px auto 0;color:#ffc176;font-size:12px}.social-status:empty{display:none}.social-loading{display:flex;align-items:center;gap:10px;padding:16px;color:#abb0bb;font-size:12px}.social-spinner{width:17px;height:17px;border:2px solid #ffffff30;border-top-color:#ffad58;border-radius:50%;animation:social-spin .75s linear infinite}.messages-layout{display:grid;grid-template-columns:minmax(180px,.38fr) minmax(0,1fr);gap:16px;min-height:390px}.messages-layout aside{padding-right:12px;border-right:1px solid #ffffff13}.messages-layout aside h3{margin:4px 0 13px}.dm-conversation{display:flex;flex-direction:column;min-width:0}.dm-title{padding:3px 0 12px;border-bottom:1px solid #ffffff15;color:#e8e9ed;font-size:12px;font-weight:800}.dm-list{display:flex;flex:1;min-height:230px;max-height:390px;flex-direction:column;gap:9px;overflow:auto;padding:12px 2px}.dm-bubble{max-width:82%;align-self:flex-start;padding:10px 12px;background:#1e2530;border:1px solid #ffffff12;border-radius:13px 13px 13px 4px}.dm-bubble.mine{align-self:flex-end;background:#352719;border-color:#ffac5230;border-radius:13px 13px 4px 13px}.dm-bubble p{margin:0;color:#f0f1f4;white-space:pre-wrap;overflow-wrap:anywhere}.dm-bubble small{display:block;margin-top:6px;color:#a5a8b0;font-size:9px}.dm-bubble button{margin-top:5px;border:0;background:none;color:#ffb1a7;font-size:10px}.dm-conversation .chat-form{margin:0}.dm-conversation .chat-form textarea{font-size:13px}.dm-contact{cursor:pointer}.dm-contact.active{border-color:#ff9b3d80;background:#241e18}.clan-create{display:grid;grid-template-columns:1fr 120px;gap:8px;margin:-2px 0 16px;padding:14px;border:1px solid #ffffff19;border-radius:12px;background:#10141b}.clan-create textarea{grid-column:1/-1;resize:vertical}.clan-create button{grid-column:1/-1;justify-self:start;margin:0}.clan-card{align-items:flex-start}.clan-badge{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:12px;border:1px solid #ffab5540;background:#ff9b3d16;color:#ffc176;font-weight:1000}.public-chat-note{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:13px 15px;background:#11151c;border:1px solid #ffffff13;border-radius:12px}.public-chat-note span b,.public-chat-note span small{display:block}.public-chat-note span b{font-size:11px;letter-spacing:.4px}.public-chat-note span small{margin-top:5px;color:#a7aab4;font-size:10px;line-height:1.5}.public-chat-note a{white-space:nowrap;font-size:10px}.social-card .danger-text{border-color:#624045;color:#ffb4b7;background:#251a1d}.social-card .cta{padding:8px 11px}.chat-report{margin-top:6px;padding:4px 7px;border:1px solid #ffffff20;border-radius:6px;background:#151820;color:#aeb2bc;font-size:9px}.social-badge{display:inline-flex;vertical-align:middle;margin-left:5px;padding:3px 6px;border:1px solid #ffc17642;border-radius:99px;color:#ffc176;font-size:9px;font-weight:900}.social-notification{position:fixed;right:16px;bottom:16px;z-index:9;max-width:min(360px,calc(100vw - 32px));padding:13px 16px;border:1px solid #ffc17655;border-radius:12px;background:#1d202a;color:#f6f5f1;box-shadow:0 10px 35px #0008;font-size:12px;animation:social-in .2s ease both}.clan-search{margin:18px 0 12px}.friend-result-empty{padding:13px;color:#9499a5;font-size:11px}
@keyframes social-spin{to{transform:rotate(360deg)}}@keyframes social-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.social-panel{padding:14px}.social-tabs{padding:8px}.social-tabs button{padding:11px 12px}.social-panel-head{align-items:stretch;flex-direction:column}.social-panel-head>.cta{align-self:flex-start}.social-search{max-width:none}.social-columns{grid-template-columns:1fr;gap:4px}.messages-layout{grid-template-columns:1fr;gap:13px;min-height:0}.messages-layout aside{padding:0 0 12px;border:0;border-bottom:1px solid #ffffff13}.messages-layout aside .social-list{display:flex;overflow:auto;padding-bottom:4px}.messages-layout aside .social-card{min-width:175px}.dm-list{min-height:220px;max-height:48dvh}.dm-conversation .chat-form{grid-template-columns:1fr}.public-chat-note{align-items:flex-start;flex-direction:column}.public-chat-note a{min-height:40px;display:inline-flex;align-items:center}.social-card{gap:9px;padding:10px}.social-card>img{width:36px;height:36px}.social-card-actions button{min-height:38px}.clan-create{grid-template-columns:minmax(0,1fr) 90px}.social-status{padding:0 14px}}
.notification-settings{margin-top:18px!important;padding:16px!important;background:#131720!important}.notification-settings h3{margin:0 0 12px;font-size:13px}.notification-settings .check-label{display:flex;align-items:center;gap:9px;margin:10px 0;color:#d8dae0;font-size:12px}.notification-settings .check-label input{accent-color:#ff9b3d}.notification-settings button{margin:6px 6px 0 0}.notification-settings small{display:block;min-height:18px;margin-top:7px;color:#ffc176}.presence-note{color:#a5abba!important;font-size:10px!important}.clan-chat{margin-top:18px;padding:15px;border:1px solid #ffffff18;border-radius:12px;background:#11151c}.clan-chat h4{margin:0 0 9px;color:#ffc176;font-size:10px;letter-spacing:.6px}.clan-chat .dm-list{min-height:120px;max-height:34vh}.clan-chat .chat-form{grid-template-columns:minmax(0,1fr) auto}.clan-member{display:flex;justify-content:space-between;gap:12px;padding:8px 10px;border-bottom:1px solid #ffffff11;color:#e7e8ec;font-size:11px}.clan-member small{color:#9ba0ac;font-size:10px}

.game-catalog{max-width:1100px;margin:70px auto;padding:0 24px}.catalog-tabs{display:flex;gap:8px;margin:20px 0 16px}.catalog-tabs button{padding:11px 18px;border:1px solid #ffffff20;border-radius:9px;background:#151922;color:#aaa;font-weight:900}.catalog-tabs button.active{background:#ff9b3d1c;border-color:#ff9b3d66;color:#ffc176}.catalog-controls{display:flex;align-items:center;gap:12px;margin:12px 0 18px}.catalog-controls label{color:#aeb2bd;font-size:10px;font-weight:900;letter-spacing:.7px}.catalog-controls select{min-width:175px;max-width:100%;padding:10px 12px;border:1px solid #ffffff20;border-radius:8px;background:#171b23;color:#f5f5f7}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}.catalog-card{overflow:hidden;border:1px solid color-mix(in srgb,var(--catalog-color) 35%,transparent);border-radius:13px;background:linear-gradient(145deg,#171b23,#10141b)}.catalog-map-art,.weapon-art{display:flex;height:105px;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at 50% 110%,color-mix(in srgb,var(--catalog-color) 46%,transparent),transparent 65%),linear-gradient(135deg,color-mix(in srgb,var(--catalog-color) 14%,#10141b),#171b23)}.catalog-map-art>span,.weapon-art>span{font-size:44px;color:var(--catalog-color);text-shadow:0 0 22px var(--catalog-color)}.catalog-map-art>small,.weapon-art>small{position:absolute;top:10px;right:10px;padding:5px 7px;border:1px solid #ffffff24;border-radius:5px;background:#10141bcc;color:#d9dce2;font-size:8px;font-weight:900}.catalog-card-copy{padding:13px}.catalog-card-copy>b{color:#f5f5f7;font-size:13px}.catalog-card-copy>p{min-height:34px;margin:6px 0 0;color:#aeb2bd;font-size:11px;line-height:1.5}.weapon-values{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.weapon-values span{display:flex;justify-content:space-between;gap:6px;padding:7px;border-radius:6px;background:#ffffff08;color:#9ca2ad;font-size:8px}.weapon-values b{color:#e8e9ed;font-size:9px}.catalog-note{margin-top:14px;color:#979ca8;font-size:10px;line-height:1.5}@media(max-width:600px){.game-catalog{margin:46px auto;padding:0 14px}.catalog-controls{align-items:stretch;flex-direction:column;gap:6px}.catalog-controls select{width:100%;min-height:42px}.catalog-tabs button{flex:1}}