.community-page{padding:24px 0 56px}
.community-page-wrap{max-width:1240px}
.ips-community-tabs{min-height:48px;display:flex;align-items:flex-end;gap:2px;margin:0 0 18px;border-bottom:1px solid rgba(109,163,150,.20)}
.ips-community-tabs a{min-height:46px;display:flex;align-items:center;padding:0 17px;color:#7f9690;font-size:11px;font-weight:800;border:1px solid transparent;border-bottom:0;border-radius:5px 5px 0 0;position:relative}
.ips-community-tabs a:hover{color:#dce7e4;background:#101d1a}
.ips-community-tabs a.active{color:#eef6f4;background:#12231f;border-color:rgba(109,163,150,.20)}
.ips-community-tabs a.active:after{content:"";position:absolute;left:15px;right:15px;bottom:-1px;height:2px;background:#6da396;box-shadow:0 0 12px rgba(109,163,150,.35)}
.profile-ips-tabs{margin-top:18px;margin-bottom:18px}
.community-page-head{min-height:115px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:10px 2px 22px}
.community-page-head>div:first-child{max-width:720px}
.community-page-head h1{margin-top:6px;color:#f0f6f4;font-size:31px;letter-spacing:-.8px}
.community-page-head p{margin-top:8px;color:#768b85;font-size:10px;line-height:1.7}
.community-search{display:flex;gap:8px;min-width:340px}
.community-search input{width:100%;height:39px;border:1px solid #243b35;background:#0b1714;color:#dbe6e3;border-radius:4px;padding:0 12px;outline:0}
.community-search input:focus{border-color:#4e8175}
.ips-panel{border:1px solid rgba(109,163,150,.17);background:#0c1815;border-radius:5px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.15)}
.ips-panel-head{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:linear-gradient(90deg,#17302a,#11231f);border-bottom:1px solid rgba(109,163,150,.16)}
.ips-panel-head>div{display:flex;flex-direction:column;gap:3px}
.ips-panel-head span{color:#62b8a3;font-size:7px;font-weight:900;letter-spacing:1.1px}
.ips-panel-head b{color:#e4ecea;font-size:12px}
.ips-panel-head small{color:#617a73;font-size:8px}
.ips-member-list{display:flex;flex-direction:column}
.ips-member-row{min-height:72px;display:grid;grid-template-columns:42px minmax(180px,1fr) 100px 130px 84px 20px;align-items:center;gap:12px;padding:8px 15px;border-bottom:1px solid rgba(255,255,255,.045);transition:.18s ease}
.ips-member-row:last-child{border-bottom:0}
.ips-member-row:hover{background:#10211d}
.ips-member-avatar,.ranking-avatar,.podium-avatar,.ips-team-avatar{position:relative;display:grid;place-items:center;border-radius:50%;overflow:visible}
.ips-member-avatar{width:38px;height:38px}
.ips-member-avatar img,.ranking-avatar img,.podium-avatar img,.ips-team-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.ips-member-avatar>span,.ranking-avatar>span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#1b352f;color:#8fbbb0;font-size:11px;font-weight:900}
.ips-member-avatar i,.ranking-avatar i,.podium-avatar i,.ips-team-avatar i{position:absolute;right:0;bottom:0;width:8px;height:8px;border:2px solid #0c1815;border-radius:50%;background:#495d58}
.ips-member-avatar i.on,.ranking-avatar i.on,.podium-avatar i.on,.ips-team-avatar i.on{background:#67c9aa;box-shadow:0 0 8px #67c9aa}
.ips-member-name{display:flex;align-items:center;gap:8px;min-width:0}
.ips-member-name>b{color:#dbe6e3;font-size:11px}
.ips-member-name .role-badge{font-size:6px;padding:3px 6px}
.ips-member-stat{display:flex;flex-direction:column;gap:3px}
.ips-member-stat span{font-size:6.5px;color:#536a64;text-transform:uppercase}
.ips-member-stat b{font-size:9px;color:#9cafaa}
.ips-member-status{display:flex;align-items:center;gap:6px;color:#657a74;font-size:8px;font-weight:800}
.ips-member-status i{width:6px;height:6px;border-radius:50%;background:#566863}
.ips-member-status.on{color:#65c9a9}.ips-member-status.on i{background:#65c9a9;box-shadow:0 0 8px rgba(101,201,169,.65)}
.ips-row-arrow{color:#4e756b;font-size:14px}
.ips-team-grid{display:grid;grid-template-columns:1fr 1fr}
.ips-team-card{min-height:96px;display:grid;grid-template-columns:58px 1fr 20px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.045);transition:.18s ease}
.ips-team-card:nth-child(odd){border-right:1px solid rgba(255,255,255,.045)}
.ips-team-card:hover{background:#10211d}
.ips-team-avatar{width:54px;height:54px}
.ips-team-avatar>span{width:100%;height:100%;display:grid;place-items:center;border-radius:50%;background:#1c3730;color:#91beb2;font-size:15px;font-weight:900}
.ips-team-copy>span{color:#5ebca1;font-size:6.5px;font-weight:900;letter-spacing:1px}
.ips-team-copy h3{margin-top:4px;color:#e1e9e7;font-size:13px}
.ips-team-copy b{display:block;margin-top:4px;color:#7e9690;font-size:8px}
.ranking-head{padding-bottom:17px}
.ranking-live{display:flex;align-items:center;gap:10px;padding:10px 13px;border:1px solid rgba(109,163,150,.16);background:#0d1a17;border-radius:5px}
.ranking-live>i{width:9px;height:9px;border-radius:50%;background:#68cbaa;box-shadow:0 0 13px rgba(104,203,170,.65)}
.ranking-live>div{display:flex;flex-direction:column;gap:2px}
.ranking-live span{color:#5d7a72;font-size:6px;font-weight:900;letter-spacing:1px}
.ranking-live b{font-size:8px;color:#9fb3ae}
.ranking-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:10px}
.ranking-tabs a{min-height:67px;padding:13px 15px;display:flex;flex-direction:column;justify-content:center;gap:4px;border:1px solid rgba(109,163,150,.14);background:#0d1916;border-radius:5px;position:relative;transition:.18s ease}
.ranking-tabs a:hover{background:#12231f;border-color:rgba(109,163,150,.28)}
.ranking-tabs a.active{background:linear-gradient(135deg,#19352e,#12241f);border-color:rgba(109,163,150,.35)}
.ranking-tabs a.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:2px;background:#6da396}
.ranking-tabs span{color:#56736b;font-size:6.5px;font-weight:900;letter-spacing:1px}
.ranking-tabs b{color:#cbd8d4;font-size:11px}
.ranking-tabs a.active span{color:#69bca8}.ranking-tabs a.active b{color:#eef5f3}
.job-ranking-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 15px;padding:10px;border:1px solid rgba(109,163,150,.13);background:#0b1613;border-radius:5px}
.job-ranking-tabs a{padding:8px 11px;border-radius:4px;color:#718780;font-size:8px;font-weight:800}
.job-ranking-tabs a:hover{background:#14251f;color:#c9d7d3}
.job-ranking-tabs a.active{background:#6da396;color:#07110e}
.ranking-note{min-height:51px;display:flex;align-items:center;gap:11px;margin-bottom:15px;padding:8px 13px;border:1px solid rgba(109,163,150,.14);background:#0d1a17;border-radius:5px}
.ranking-note>span{width:29px;height:29px;display:grid;place-items:center;border-radius:4px;background:#17302a;color:#70c3ae;font-size:10px;font-weight:900}
.ranking-note p{color:#657d76;font-size:8px;line-height:1.55}.ranking-note b{color:#8ca69f}
.ranking-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.podium-card{min-height:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:17px;border:1px solid rgba(109,163,150,.16);background:linear-gradient(180deg,#12231f,#0c1815);border-radius:6px;position:relative;overflow:hidden;transition:.2s ease}
.podium-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -15%,rgba(109,163,150,.16),transparent 55%);pointer-events:none}
.podium-card:hover{transform:translateY(-2px);border-color:rgba(109,163,150,.32)}
.podium-card.place-1{border-color:rgba(210,176,94,.32);background:linear-gradient(180deg,#20251c,#0c1815)}
.podium-card.place-1:before{background:radial-gradient(circle at 50% -15%,rgba(210,176,94,.17),transparent 55%)}
.podium-place{position:absolute;top:11px;left:12px;color:#6b837c;font-size:8px;font-weight:900}
.place-1 .podium-place{color:#d3b35f}.place-2 .podium-place{color:#aebeba}.place-3 .podium-place{color:#bd8f68}
.podium-avatar{width:58px;height:58px;margin-bottom:9px;border:2px solid rgba(109,163,150,.22);background:#18302a}
.podium-avatar>b{color:#a5c2ba;font-size:17px}
.podium-user{text-align:center}.podium-user h3{font-size:12px;color:#e4ecea}.podium-user span{display:block;margin-top:3px;color:#60776f;font-size:7px}
.podium-card>strong{margin-top:10px;color:#6fc7ae;font-size:17px}.place-1>strong{color:#d3b35f}
.podium-card>small{margin-top:4px;color:#597069;font-size:7px}
.ranking-list-panel{margin-top:0}
.ranking-list{display:flex;flex-direction:column}
.ranking-row{min-height:70px;display:grid;grid-template-columns:42px 42px minmax(190px,1fr) 110px 140px 20px;align-items:center;gap:10px;padding:8px 14px;border-bottom:1px solid rgba(255,255,255,.043);transition:.18s ease}
.ranking-row:last-child{border-bottom:0}.ranking-row:hover{background:#10211d}
.ranking-row.me{background:linear-gradient(90deg,rgba(109,163,150,.12),rgba(109,163,150,.025));box-shadow:inset 2px 0 #6da396}
.ranking-position{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(109,163,150,.14);background:#11221e;border-radius:4px;color:#607970;font-size:8px;font-weight:900}
.ranking-row.top .ranking-position{color:#82c8b6;border-color:rgba(109,163,150,.27)}
.ranking-avatar{width:36px;height:36px}
.ranking-user{min-width:0;display:flex;flex-direction:column;gap:4px}
.ranking-user>div{display:flex;align-items:center;gap:7px}.ranking-user b{font-size:10px;color:#dbe5e2}.ranking-user em{padding:2px 5px;border-radius:3px;background:#6da396;color:#07110e;font-size:6px;font-style:normal;font-weight:900}
.ranking-user>span{color:#566d66;font-size:7px}
.ranking-secondary{display:flex;flex-direction:column;gap:3px}.ranking-secondary span,.ranking-score span{color:#536a63;font-size:6px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}
.ranking-secondary b{color:#8ca19b;font-size:9px}.ranking-secondary b.online-text{color:#67c9aa}
.ranking-score{text-align:right;display:flex;flex-direction:column;gap:3px}.ranking-score b{color:#6fc7ae;font-size:11px}
.ranking-empty{padding:40px;text-align:center;color:#637971;font-size:9px}
@media(max-width:920px){.community-page-head{align-items:flex-start;flex-direction:column}.community-search{width:100%;min-width:0}.ips-member-row{grid-template-columns:42px minmax(160px,1fr) 90px 84px 20px}.ips-member-stat:nth-of-type(2){display:none}.ranking-podium{grid-template-columns:1fr}.ranking-row{grid-template-columns:38px 40px 1fr 120px 18px}.ranking-secondary{display:none}.ranking-tabs{grid-template-columns:1fr 1fr}.ips-team-grid{grid-template-columns:1fr}.ips-team-card:nth-child(odd){border-right:0}}
@media(max-width:620px){.ips-community-tabs{overflow-x:auto;align-items:stretch}.ips-community-tabs a{white-space:nowrap;padding:0 13px}.community-page-head h1{font-size:26px}.ips-member-row{grid-template-columns:40px 1fr 20px}.ips-member-stat,.ips-member-status{display:none}.ranking-tabs{grid-template-columns:1fr 1fr}.ranking-podium{display:none}.ranking-row{grid-template-columns:34px 36px 1fr 100px}.ranking-row>.ips-row-arrow{display:none}.ranking-score b{font-size:9px}.job-ranking-tabs{flex-wrap:nowrap;overflow-x:auto}.ips-team-card{grid-template-columns:52px 1fr 18px}}