.tl-site .tc-online-exact{--online-art:url('/images/concept/online-world-v2.webp');width:min(1536px,100%);max-width:none;padding:35px 3.4% 44px;position:relative;isolation:isolate;background:#03130e;color:#f5faf7;min-height:calc(100vh - 76px)}
.tc-online-exact::before{content:'';position:absolute;inset:0 0 auto;height:390px;background:linear-gradient(0deg,#03130e,transparent 75%),linear-gradient(90deg,#03130ec4,transparent),var(--online-art) center 43%/cover;z-index:-1;pointer-events:none}
.tl-site .tc-online-exact .tl-online-heading{display:block;border:0;border-radius:0;padding:0;background:none;min-height:0;margin:0 0 24px}
.tl-site .tc-online-exact h1{font-size:clamp(38px,4.35vw,68px);font-weight:850;line-height:1.08;letter-spacing:-.045em;margin:7px 0 8px;color:#f9fcfa}.tc-online-exact h1>span{color:#a5f5c3}
.tl-site .tc-online-exact .tl-online-description{font-size:clamp(16px,1.55vw,24px);color:#d0dbe0;max-width:none;line-height:1.45}
.tl-site .tc-online-exact .tl-online-server{display:grid;grid-template-columns:47% 53%;padding:28px 38px 20px;gap:0;min-height:229px;border-radius:12px;border-color:#a4edd1a0;background:linear-gradient(90deg,#041611fa 0%,#041611fa 43%,#041611d9 57%,#04161110 80%),var(--online-art) right 52%/cover;box-shadow:none}
.tc-online-exact .tl-online-server::before{display:none}.tc-online-server-copy{min-width:0;padding-right:32px}
.tc-online-exact .tl-online-state{padding:0;border:0;background:none!important;border-radius:0;font-size:clamp(23px,2.1vw,32px);font-weight:800;gap:19px;color:#a4edbf}.tc-online-exact .tl-online-state[data-state=online]{border:0;color:#a4edbf}.tc-online-exact .tl-online-state i{width:25px;height:25px;box-shadow:0 0 0 8px #78f7a218,0 0 20px #78f7a242}.tc-online-exact .tl-online-state[data-state=offline] i,.tc-online-exact .tl-online-state[data-state=unknown] i{box-shadow:none}
.tc-online-exact .tl-online-details{margin-top:8px;gap:13px;font-size:clamp(13px,1.35vw,21px);color:#c9d3dd;line-height:1.5}.tc-online-exact .tl-online-details strong{font-weight:400}
.tc-online-features{display:flex;align-items:center;margin-top:32px;padding:10px;border:1px solid #a4edd12e;border-radius:7px;background:#03140c60;gap:9px}.tc-online-features>div{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.tc-online-features>div+div{border-left:1px solid #a4edd126;padding-left:9px}.tc-online-features>div>span:last-child{font-size:clamp(8px,.83vw,13px);white-space:nowrap;color:#e1e9ec}.tc-online-features small{display:block;color:#a7b9c1;font-size:clamp(8px,.8vw,12px);margin-top:3px}.tc-feature-icon{display:grid;place-items:center;flex:none;width:39px;height:39px;border-radius:50%;border:1px solid #a4edd13b;background:#11352a;color:#9ce9bd}.tc-feature-icon svg{width:28px;height:28px}
.tl-site .tc-online-exact .tl-online-population{border:0;border-left:1px solid #a4edd138;border-radius:0;background:none;padding:0 0 0 36px;justify-content:flex-start;align-items:flex-start}.tc-online-exact .tl-online-population-value{margin:0;line-height:1;gap:12px}.tl-site .tc-online-exact .tl-online-population-value strong{font-size:clamp(52px,4.6vw,70px);line-height:1;letter-spacing:-.06em;font-weight:850;color:#a5f5c3}.tc-online-exact .tl-online-population-value>span{font-size:clamp(40px,3.8vw,58px);line-height:1;color:#f3f6f9;font-weight:850;letter-spacing:-.05em}.tc-online-exact .tl-online-population-label{font-size:20px;color:#ccd7de;line-height:1.3;margin-top:3px}
.tl-site .tc-online-exact .tl-online-refresh{font-size:14px;min-height:39px;min-width:162px;margin-top:17px;padding:8px 20px;border-color:#a4edd1b3;border-radius:13px;background:linear-gradient(120deg,#143b2b,#071c13);font-weight:500;color:#f1fff8}.tc-online-exact .tl-online-refresh svg{width:18px;height:18px}.tc-online-exact .tl-online-freshness{font-size:11px;color:#8ba1a5;margin-top:6px}
.tc-online-exact .tl-online-section-head{justify-content:flex-start;gap:24px;margin:20px 0 9px}.tc-online-exact .tl-online-section-head h2{font-size:clamp(24px,2.15vw,33px);font-weight:850;letter-spacing:-.035em}.tc-online-count-label{display:flex;align-items:center;gap:10px}.tc-online-exact .tc-online-count-label span{font-size:14px;color:#d0dde4}.tc-online-count-label i{width:9px;height:9px;background:#8cf5a9;border-radius:50%;box-shadow:0 0 10px #8cf5a955}
.tc-online-exact .tl-online-player-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tl-site .tc-online-exact .tl-online-player{padding:14px 22px;gap:24px;min-height:96px;background:linear-gradient(120deg,#041b13,#041510);border-color:#a4edd185;border-radius:9px}.tc-online-exact .tl-online-player>.tl-online-avatar{width:68px;height:68px;border-radius:5px;border-color:#b7f0cc4a;font-size:30px}.tc-online-exact .tl-online-player strong{font-size:20px;font-weight:800;color:#f7fbfa}.tc-online-exact .tl-online-player small{font-size:14px;color:#cbd9e2;margin-top:7px;display:flex;align-items:center;gap:12px}.tc-online-exact .tl-online-player small::before{content:'';width:11px;height:11px;flex:none;border-radius:50%;background:#88f5ab;box-shadow:0 0 12px #88f5ab50}.tc-player-arrow{margin-left:auto;font-size:34px;color:#eefaf4;font-weight:300}.tc-online-exact .tl-online-sample-note{min-height:0;margin:0}.tc-online-exact .tl-online-sample-note:not(:empty){margin-top:9px}
.tc-online-exact .tl-online-rankings{gap:14px;margin-top:15px}.tl-site .tc-online-exact .tl-online-ranking{background:linear-gradient(140deg,#071c13,#03130f);border-color:#a4edd162;border-radius:10px;padding:18px 12px 15px}.tc-online-exact .tl-rank-heading{gap:17px;padding:3px 15px 17px;border:0;flex-wrap:wrap}.tc-online-exact .tl-rank-icon,.tc-online-exact .is-achievements .tl-rank-icon{border:0;border-radius:0;background:none;width:40px;height:43px;flex:none}.tc-online-exact .tl-rank-icon svg{width:40px;height:43px}.tc-online-exact .tl-rank-heading h2{font-size:clamp(18px,1.62vw,25px);color:#f6faf8;font-weight:850;line-height:1.1}.tc-online-exact .tl-rank-heading p{font-size:clamp(10px,.95vw,14px);color:#c0cfda;margin-top:4px;line-height:1.3}
.tc-rank-periods{display:flex;gap:6px;margin-left:auto}.tc-rank-periods>*{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:5px 12px;border:1px solid #a4edd132;border-radius:8px;background:#08211a;color:#bccdda;font-size:12px;white-space:nowrap}.tc-rank-periods>.is-active{color:#f0fff5;border-color:#a4edd1;background:linear-gradient(115deg,#1d603e,#103722);box-shadow:inset 0 0 8px #a4edd120}.tc-rank-periods>button:disabled{cursor:help;opacity:.7}
.tc-online-exact .tl-rank-list{padding:0;display:grid;gap:4px}.tl-site .tc-online-exact .tl-rank-row{padding:4px 17px;min-height:42px;gap:26px;border:1px solid #a4edd122;border-radius:10px;background:#03150e;margin:0}.tc-online-exact .tl-rank-row.is-leader{background:linear-gradient(90deg,#8d711440,#c7a3281c);border-color:#eec548b3}.tc-online-exact .tl-rank-position{width:27px;text-align:center;font-family:inherit;font-size:20px;font-weight:750;color:#9fb0c1}.tc-online-exact .is-leader .tl-rank-position{color:#142117;background:linear-gradient(120deg,#ffe486,#dda330);clip-path:polygon(50% 0,95% 25%,95% 75%,50% 100%,5% 75%,5% 25%);font-size:19px;height:31px;display:grid;place-items:center;box-shadow:none}.tc-online-exact .tl-rank-player{gap:25px}.tc-online-exact .tl-rank-player .tl-online-avatar{width:33px;height:33px;border-radius:3px}.tc-online-exact .tl-rank-identity strong{font-size:16px;font-weight:750;color:#f4f8fa}.tc-online-exact .tl-rank-track{display:none}.tc-online-exact .tl-rank-value,.tc-online-exact .is-achievements .tl-rank-value{flex-direction:row;gap:5px;align-items:baseline}.tc-online-exact .tl-rank-value strong{font-size:16px;color:#f3f7f8}.tc-online-exact .tl-rank-value small{font-size:14px;color:inherit}.tc-online-exact .is-leader .tl-rank-value{color:#fff39a}.tc-online-exact .is-leader .tl-rank-value strong{color:#fff39a}.tc-online-exact .tl-online-ranking-note{margin-top:13px;color:#819598;font-size:10px}
@media(min-width:1280px){.tc-online-exact .tl-rank-heading{flex-wrap:nowrap;gap:14px}.tc-rank-periods>*{padding-inline:10px;font-size:11px}}
@media(max-width:1199px){.tc-online-features{gap:5px;padding:8px}.tc-online-features>div{gap:6px}.tc-feature-icon{width:29px;height:29px}.tc-feature-icon svg{width:22px;height:22px}.tl-site .tc-online-exact .tl-online-server{padding:25px}.tc-online-server-copy{padding-right:20px}.tc-online-exact .tl-online-player strong{font-size:16px}.tc-online-exact .tl-online-player small{font-size:11px}.tl-site .tc-online-exact .tl-online-player{gap:14px;padding:14px}.tc-online-exact .tl-online-player>.tl-online-avatar{width:54px;height:54px}.tc-rank-periods{width:100%;margin-left:57px}.tc-online-exact .tl-rank-heading{row-gap:12px}}
@media(max-width:767px){.tl-site .tc-online-exact{padding:26px 18px 40px}.tc-online-exact::before{height:450px}.tl-site .tc-online-exact .tl-online-heading{padding:0;margin-bottom:22px}.tl-site .tc-online-exact h1{font-size:40px}.tl-site .tc-online-exact .tl-online-description{font-size:15px;margin-top:12px}.tl-site .tc-online-exact .tl-online-server{grid-template-columns:1fr;gap:24px;padding:23px;background:linear-gradient(90deg,#041611ef,#041611b3),var(--online-art) center/cover}.tc-online-server-copy{padding-right:0}.tc-online-exact .tl-online-state{font-size:24px;gap:14px}.tc-online-exact .tl-online-state i{width:19px;height:19px}.tc-online-exact .tl-online-details{font-size:13px;gap:8px}.tc-online-features{margin-top:20px;flex-direction:column;align-items:stretch;padding:12px;gap:12px}.tc-online-features>div+div{border:0;padding:0}.tc-online-features>div>span:last-child{font-size:12px}.tc-online-features small{font-size:11px}.tc-feature-icon{width:35px;height:35px}.tl-site .tc-online-exact .tl-online-population{border-left:0;border-top:1px solid #a4edd138;padding:20px 0 0}.tc-online-exact .tl-online-population-label{font-size:17px}.tc-online-exact .tl-online-section-head{flex-wrap:wrap;gap:7px 16px;margin-top:24px}.tc-online-exact .tl-online-section-head h2{font-size:27px}.tc-online-exact .tc-online-count-label span{font-size:12px}.tc-online-exact .tl-online-player-grid{grid-template-columns:1fr}.tl-site .tc-online-exact .tl-online-player{padding:15px 20px;gap:20px;min-height:90px}.tc-online-exact .tl-online-player strong{font-size:18px}.tc-online-exact .tl-online-player small{font-size:13px}.tc-online-exact .tl-online-player>.tl-online-avatar{width:59px;height:59px}.tc-online-exact .tl-online-rankings{grid-template-columns:1fr;gap:15px;margin-top:23px}.tc-online-exact .tl-rank-heading h2{font-size:21px}.tc-online-exact .tl-rank-heading p{font-size:11px}.tc-online-exact .tl-rank-row{gap:15px!important;padding-inline:10px!important}.tc-online-exact .tl-rank-player{gap:13px}.tc-online-exact .tl-rank-identity strong{font-size:14px}.tc-online-exact .tl-rank-value strong{font-size:14px}.tc-online-exact .tl-online-ranking-note{display:block}.tc-online-exact .tl-online-ranking-note>span{display:block;margin-top:5px}}
.tl-site .tc-online-exact,.tl-site .tc-online-exact *{text-shadow:none}.tc-online-exact .tl-online-population-value>span>span{font:inherit;color:inherit}
@media(prefers-reduced-motion:reduce){.tc-online-exact *{transition:none!important;animation:none!important}}