.jhSsxS { width: fit-content; }
@media (max-width: 1000px) {
  .jhSsxS { z-index: 1; }
  .jhSsxS.desktop-only { display: none !important; }
}
.bYSiiw { position: relative; transform-origin: left top; will-change: transform, opacity; overflow: hidden; background: linear-gradient(rgb(28, 35, 52) 0%, rgb(31, 39, 57) 100%); box-shadow: rgba(8, 11, 17, 0.3) 0px 8px 12px 0px; border-radius: 14px; min-width: 276px; }
.bYSiiw.highlight-popup-enter, .bYSiiw.highlight-popup-appear { opacity: 0; transform: scale(0.94); }
.bYSiiw.highlight-popup-enter-active, .bYSiiw.highlight-popup-appear-active { opacity: 1; transform: scale(1); transition: opacity 0.2s, transform 0.2s; }
.bYSiiw.highlight-popup-exit { opacity: 1; transform: scale(1); }
.bYSiiw.highlight-popup-exit-active { opacity: 0; transform: scale(0.94); transition: opacity 0.18s, transform 0.18s; }
.bYSiiw .modal-close { top: 16px; right: 16px; }
.bYSiiw::before { content: ""; position: absolute; border-radius: 300px; border: 1px solid rgb(139, 164, 255); background: rgb(47, 110, 244); opacity: 0.7; filter: blur(100px); left: -47px; top: -220px; width: 300px; height: 300px; }
.dVZeNU { display: block; }
.leOIHa { position: relative; z-index: 1; padding: 0px 16px 16px; }
.leOIHa h3 { color: rgb(232, 236, 244); font-size: 15px; font-weight: 500; text-transform: none; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 6px; }
.leOIHa p { white-space: normal; color: rgb(156, 164, 190); text-align: center; font-size: 13px; line-height: 140%; margin-top: 6px; }
.leOIHa button { margin-top: 18px; padding: 10px 15px; border-radius: 6px; background: rgb(255, 200, 117); color: rgb(40, 43, 54); font-size: 12px; font-weight: 700; width: 100%; }
@media (max-width: 1000px) {
  .jCxQhZ { height: 100%; }
}
.ilQjmu { position: absolute; top: 40px; left: 0px; z-index: 1000; }
.elMOQv { background: rgba(18, 21, 31, 0.2); border-radius: 4px 0px 0px 4px; width: 32px; height: 100%; transition: background 0.3s; }
.elMOQv.csgo { background: linear-gradient(327.26deg, rgb(103, 45, 22) -17.01%, rgba(202, 145, 59, 0.6) 92.2%), rgba(18, 21, 31, 0.2); }
.elMOQv.cs2 { background: linear-gradient(327.26deg, rgb(44, 55, 122) -17.01%, rgba(103, 116, 196, 0.6) 92.2%), rgb(22, 27, 37); }
.elMOQv.rust { background: linear-gradient(327deg, rgb(103, 22, 22) -17.01%, rgba(202, 59, 59, 0.6) 92.2%), rgb(22, 27, 37); }
.elMOQv img { height: 16px; }
.fLxBuu { padding: 0px 16px; font-weight: 500; font-size: 14px; color: rgb(170, 181, 198); }
.fLxBuu img { width: 12px; margin-left: 4px; }
.biOWje { background: rgba(56, 65, 97, 0.5); backdrop-filter: blur(5.5px); height: 32px; border-radius: 4px; display: flex; -webkit-box-align: center; align-items: center; font-weight: 500; font-size: 14px; color: rgb(170, 181, 198); cursor: pointer; transition: 0.3s; }
.biOWje > div { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.biOWje:hover { filter: brightness(120%); }
.diHYew { position: absolute; transition: transform 0.3s; }
.flgdSW { width: 128px; height: 190px; padding: 12px; border-radius: 8px; transition: filter 0.3s; overflow: hidden; }
.flgdSW.csgo { background: linear-gradient(327.26deg, rgb(103, 45, 22) -17.01%, rgba(202, 145, 59, 0.6) 92.2%), rgb(22, 27, 37); }
.flgdSW.csgo .sc-Nxspf { top: -2px; left: -48px; height: 238px; }
.flgdSW.cs2 { background: linear-gradient(327.26deg, rgb(44, 55, 122) -17.01%, rgba(103, 116, 196, 0.6) 92.2%), rgb(22, 27, 37); }
.flgdSW.cs2 .sc-Nxspf { top: -8px; left: -75px; height: 250px; }
.flgdSW.rust { background: linear-gradient(327deg, rgb(103, 22, 22) -17.01%, rgba(202, 59, 59, 0.6) 92.2%), rgb(22, 27, 37); }
.flgdSW.rust .sc-Nxspf { top: 6px; left: -5px; height: 181px; }
.flgdSW h5 { position: absolute; bottom: 39px; left: 50%; font-family: "Roboto Condensed"; font-weight: 700; transform: translateX(-50%); font-size: 20px; letter-spacing: 0.02em; color: rgb(255, 255, 255); }
.flgdSW p { position: absolute; bottom: 19px; transform: translateX(-50%); left: 50%; font-family: "Roboto Condensed"; font-weight: 400; font-size: 12px; line-height: 17px; color: rgb(199, 211, 226); text-transform: lowercase; }
.flgdSW:hover { filter: brightness(120%); cursor: pointer; }
.flgdSW:hover .sc-Nxspf { transform: scale(1.4) translate(20px, 20px); }
.edAACO { padding: 12px; background: rgb(17, 21, 29); border: 1px solid rgb(26, 30, 45); border-radius: 12px; display: flex; gap: 6px; }
@media (max-width: 500px) {
  .edAACO { width: calc(-24px + 100vw); flex-direction: column; }
  .edAACO .sc-cfxfcM { width: 100%; height: 100px; }
  .edAACO .sc-cfxfcM h5 { top: 24px; bottom: auto; }
  .edAACO .sc-cfxfcM p { bottom: 24px; }
  .edAACO .sc-cfxfcM .sc-Nxspf { top: -12px; left: 12px; height: 140px; }
}
.iVRRxQ { width: 0px; height: 0px; opacity: 0; }
.hOJYsK { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding-right: 10px; gap: 6px; }
.hOJYsK div { font-size: 13px; font-weight: 700; }
.hOJYsK span { margin: 0px !important; }
.hOJYsK.collapsed { padding: 0px; }
@media (max-width: 768px) {
  .hOJYsK { flex-direction: row; padding: 0px; }
}
.hYRYNA { background: linear-gradient(rgba(72, 86, 121, 0.46) 0%, rgba(72, 86, 121, 0.46) 0.01%, rgba(96, 113, 156, 0.46) 100%); padding: 10px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.iTnMqK h3 { color: rgb(132, 153, 185); font-size: 12px; font-weight: 400; margin-bottom: 3px; display: flex; -webkit-box-align: center; align-items: center; line-height: 14px; max-width: 190px; gap: 6px; white-space: normal; text-align: left; }
.iTnMqK .timer { color: rgb(132, 153, 185); font-size: 11px; text-transform: none; font-weight: 500; -webkit-box-align: center; align-items: center; display: flex; gap: 3px; }
.iTnMqK .timer svg { width: 12px; }
.iTnMqK h5 { color: rgb(199, 211, 226); font-size: 11px; font-weight: 500; line-height: 13px; white-space: normal; text-align: left; }
.bqxsHe { background: rgb(39, 48, 71); height: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.bqxsHe path.hover { animation: 1s ease 0s infinite normal none running fRDsuO; }
.bqxsHe path.grey-hover { animation: 1s ease 0s infinite normal none running ggGmjz; }
.bqxsHe path.gold-hover { animation: 1s ease 0s infinite normal none running eihXFP; }
.eydleA { transition: opacity 0.2s; }
.eydleA p { line-height: 14px; text-align: right; color: rgb(207, 216, 229); font-size: 12px; font-weight: 500; margin-bottom: 5px; }
.eydleA svg { display: block; }
.gtpIDc { border-radius: 6px; grid-template-columns: 50px 1fr; display: grid; overflow: hidden; border: 1px solid transparent; }
.gtpIDc .hover-on { opacity: 0; }
.gtpIDc.waiting { border: 1px solid rgb(53, 62, 91); }
.gtpIDc.completed .sc-YysOf { background: rgba(39, 79, 76, 0.25); }
.gtpIDc.completed .sc-ePDLzJ { background: rgba(39, 79, 76, 0.17); }
.gtpIDc.completed .sc-cVzyXs h3 { color: rgb(132, 185, 153); }
.gtpIDc.completed .sc-cVzyXs h5 { color: rgb(202, 255, 220); }
.gtpIDc:hover .hover-off { opacity: 0; }
.gtpIDc:hover .hover-on { opacity: 1; }
.iWXeio { position: absolute; left: 50%; top: 50%; height: 14px; width: 14px; transform: translate(-50%, -50%); }
.iWXeio img, .iWXeio svg { width: 100%; height: 100%; }
.iWXeio img { vertical-align: initial; }
.epDKLm { display: flex; flex-direction: column; gap: 8px; }
.btyPPW { display: flex; flex-direction: column; gap: 4px; }
.btyPPW.blocked { pointer-events: none; }
.hsuByK { position: absolute; left: 0px; opacity: 0.4; top: 0px; width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; }
.rGeYi { overflow: hidden; border-radius: 10px; background: linear-gradient(239deg, rgb(23, 43, 97) 1.81%, rgb(81, 116, 240) 105.83%); backdrop-filter: blur(12px); padding: 16px; }
.rGeYi h2 { margin-bottom: 4px; font-size: 21px; font-weight: 900; line-height: 27px; display: flex; -webkit-box-align: center; align-items: center; gap: 4px; }
.rGeYi h2 img { transition: 0.5s; width: 24px; opacity: 0; transform: translateX(-3px); }
.rGeYi p { width: 230px; color: rgb(197, 213, 255); font-size: 10px; font-weight: 500; line-height: 140%; margin-bottom: 16px; white-space: normal; }
.rGeYi button { height: 40px; border-radius: 6px; border: 1px solid rgb(255, 200, 117); width: 100%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; color: rgb(255, 200, 117); font-size: 10px; font-weight: 700; gap: 6px; background: transparent; }
.rGeYi button img { width: 18px; }
.rGeYi button.auth { background: rgb(96, 128, 255); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.rGeYi button.premium { background: rgb(255, 200, 117); color: rgb(40, 43, 54); border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; }
.rGeYi:hover .sc-kRRyDe { transform: scale(1.1); }
.rGeYi:hover h2 img { opacity: 1; transform: translateX(0px); }
.klsTNz { height: 100%; display: flex; -webkit-box-align: center; align-items: center; gap: 16px; }
.bxszwt { display: none; -webkit-box-align: center; align-items: center; height: 100%; gap: 16px; }
.bxszwt img { width: 46px; }
@media (max-width: 1000px) {
  .bxszwt { display: flex; }
}
.hDXdXM { width: 433px; max-width: 95%; padding: 24px; background: linear-gradient(rgb(33, 37, 51) -12.18%, rgb(23, 28, 38) 103.8%), rgb(255, 255, 255); border-radius: 12px; z-index: 1200; bottom: 12px; position: absolute; left: 280px; }
.hDXdXM p { font-weight: 400; font-size: 12px; line-height: 16px; color: rgb(119, 133, 151); margin-bottom: 24px; }
@media (max-width: 1000px) {
  .hDXdXM { left: 20px; bottom: 80px; }
}
@media (max-width: 650px) {
  .hDXdXM { left: 50%; bottom: 75px; transform: translateX(-50%); padding: 16px; }
}
.cJHRtx { font-weight: 500; font-size: 16px; display: flex; -webkit-box-align: center; align-items: center; letter-spacing: 0.02em; color: rgb(236, 241, 248); margin-bottom: 12px; }
.cJHRtx img { width: 16px; margin-right: 8px; }
.nvuDc { gap: 8px; display: flex; -webkit-box-align: center; align-items: center; }
.nvuDc button { width: 100%; height: 38px; background: rgb(96, 128, 255); border-radius: 8px; font-weight: 500; font-size: 12px; letter-spacing: 0.01em; }
.nvuDc button:first-child { background: transparent; color: rgb(96, 128, 255); }
.IgmFf { width: 60px; height: 60px; border-radius: 50%; background: rgb(96, 128, 255); position: fixed; bottom: 20px; right: 20px; z-index: 99999; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.IgmFf svg { width: 32px; height: 32px; }
@media (max-width: 1000px) {
  .IgmFf { display: none; }
}
.bYsiox { width: 360px; border-radius: 20px; padding: 32px 8px 16px; position: relative; }
.cXKzrr { color: rgb(96, 128, 255); font-size: 36px; font-weight: 800; margin-bottom: 18px; padding-left: 16px; }
.dSBuVG { border-radius: 12px; background: rgb(20, 24, 37); padding: 8px; margin-bottom: 10px; }
.dSBuVG > div { border-radius: 10px; background: rgb(29, 35, 53); padding: 16px 32px 16px 18px; display: flex; gap: 12px; align-items: flex-start; }
.dSBuVG img { width: 40px; height: 40px; border-radius: 50%; }
.dSBuVG h6 { color: rgb(255, 255, 255); font-size: 14px; font-weight: 700; line-height: 18px; }
.dSBuVG p { margin-top: 4px; color: rgb(121, 129, 147); font-size: 14px; line-height: 20px; }
.gzJrEJ { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; gap: 8px; padding: 18px 20px; border-radius: 12px; background: rgb(96, 128, 255); color: rgb(255, 255, 255); font-size: 14px; font-weight: 600; letter-spacing: 0.14px; }
.gzJrEJ img { width: 20px; height: 20px; }
.cAluEI { position: absolute; top: 8px; right: 8px; background: transparent; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; cursor: pointer; z-index: 1; }
.cHTEaa { width: 100%; max-width: 100%; height: 52px; border-radius: 8px; background: rgb(30, 36, 51); overflow: hidden; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; transition: background 0.2s, filter 0.2s; }
.cHTEaa:hover, .cHTEaa.focus { background: rgb(38, 45, 63); }
.ktsCXF { flex: 1 1 0%; min-width: 0px; width: 100%; height: 100%; background: transparent; padding: 0px 16px; }
.ktsCXF, .ktsCXF::-webkit-input-placeholder { color: rgb(105, 113, 131); font-size: 15px; font-weight: 400; }
.ktsCXF, .ktsCXF::placeholder { color: rgb(105, 113, 131); font-size: 15px; font-weight: 400; }
.sc-fIGJwM:hover .sc-iA-DsXs, .sc-fIGJwM.focus .ktsCXF { color: rgb(199, 211, 226); }
.cWgyQh { flex: 0 0 auto; width: 22px; height: 22px; margin-right: 15px; }
.bqUPuQ { height: calc(-100px + 100vh); display: flex; flex-direction: column; gap: 20px; align-self: start; overflow: hidden; position: sticky; top: 0px; }
@media (max-width: 1366px) {
  .bqUPuQ { position: relative; height: auto; flex-direction: row; }
}
@media (max-width: 750px) {
  .bqUPuQ { flex-direction: column; }
}
@media (max-width: 1000px) {
  .bqUPuQ { overflow: unset; }
}
.dLsNJF { border-radius: 16px; background: rgb(19, 24, 33); width: 100%; padding: 20px; overflow: hidden; flex-direction: column; display: flex; }
@media (max-width: 1366px) {
  .dLsNJF { padding: 16px; }
  .dLsNJF::after { display: none; }
}
@media (max-width: 1000px) {
  .dLsNJF { overflow: unset; }
}
.cNcsAH { height: 58px; width: 100%; margin-bottom: 13px; }
@media (max-width: 1000px) {
  .cNcsAH { position: sticky; top: 12px; z-index: 2; }
}
.eRUIKg { display: flex; font-weight: 700; font-size: 16px; color: rgb(199, 211, 226); -webkit-box-align: center; align-items: center; gap: 5px; line-height: 19px; }
.cXQCcT { margin-top: 5px; color: rgb(197, 213, 255); font-size: 12px; font-weight: 500; text-transform: uppercase; }
.hEdWhd { position: absolute; right: 10px; bottom: -15px; display: flex; -webkit-box-pack: center; justify-content: center; opacity: 0.2; }
.hEdWhd img { height: 65px; }
.brobvZ { flex: 1 1 0%; overflow: scroll; width: calc(100% + 10px); padding-right: 10px; position: static; z-index: 1; }
.brobvZ::-webkit-scrollbar-thumb, .brobvZ::-webkit-scrollbar { background: transparent; width: 3px; border-radius: 2px; }
.brobvZ:hover::-webkit-scrollbar-thumb { background: rgb(41, 50, 69); }
.brobvZ::before { content: ""; position: absolute; left: 0px; bottom: 20px; width: 100%; height: 500px; pointer-events: none; background: linear-gradient(rgba(20, 24, 32, 0) 85.08%, rgb(20, 24, 32) 95.55%); z-index: 2; transition: opacity 0.2s; }
.brobvZ.bottom::before { opacity: 0; }
.brobvZ li { border: 1px solid transparent; border-radius: 10px; background: rgb(25, 30, 40); margin-bottom: 6px; cursor: pointer; padding: 14px; transition: 0.2s; overflow: hidden; width: 100%; }
.brobvZ li:hover { background: rgb(26, 31, 43); border-color: rgb(26, 31, 43); }
.brobvZ li:hover .sc-enDNfw { opacity: 1; }
.brobvZ li.active { background: linear-gradient(83.89deg, rgb(34, 44, 80) 2.61%, rgb(28, 34, 57) 70.26%); border-color: rgb(39, 51, 96); }
.brobvZ li.active .sc-cxVGID { color: rgb(168, 187, 225); }
.brobvZ li.active .sc-DRugm { color: rgb(236, 241, 248); }
@media (max-width: 1366px) {
  .brobvZ { padding-bottom: 0px; height: 220px; }
  .brobvZ::before { display: none; }
  .brobvZ li:last-child { margin-bottom: 6px; }
}
.ALTTS { height: 51px; background: rgb(26, 31, 43); border-radius: 8px; display: none; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; width: 100%; font-weight: 700; font-size: 16px; color: rgb(236, 241, 248); }
.ALTTS svg { width: 10px; margin-left: 8px; }
.ALTTS.open svg { transform: rotate(180deg); }
@media (max-width: 1366px) {
  .ALTTS { display: flex; }
}
@media (max-width: 1000px) {
  .ALTTS { position: sticky; bottom: 12px; z-index: 2; }
}
.fJhUzS { display: flex; -webkit-box-align: center; align-items: center; width: 100%; }
.eWSdkM { position: absolute; right: 15px; top: 50%; padding: 12px; transform: translateY(-50%); border-radius: 8px; background: rgba(31, 38, 55, 0.95); z-index: 1; color: rgb(255, 182, 96); font-size: 14px; font-weight: 600; display: flex; -webkit-box-align: center; align-items: center; gap: 5px; }
.eWSdkM img { width: 18px; }
.dMaqnb { padding: 14px 0px; margin: 0px auto; width: 95%; display: grid; grid-template-columns: 286px 1fr; gap: 25px; }
@media (max-width: 1700px) {
  .dMaqnb { gap: 20px; }
}
@media (max-width: 1366px) {
  .dMaqnb { grid-template-columns: 1fr; gap: 20px; }
}
@media (max-width: 1000px) {
  .dMaqnb { padding: 16px 0px; }
}
@media (max-width: 650px) {
  .dMaqnb { width: 90%; padding: 12px 0px; }
}
.kDpJyJ { background: url("/cloud.cybershoke.net/pages/leaderboard/bg/header_new.png") center center / cover no-repeat; border-radius: 10px; display: flex; flex-direction: column; padding: 45px; -webkit-box-pack: start; justify-content: flex-start; align-items: flex-start; margin-bottom: 19px; }
@media (max-width: 650px) {
  .kDpJyJ { padding: 16px; }
}
.itMita { font-weight: 700; font-size: 40px; display: flex; -webkit-box-align: center; align-items: center; }
.itMita img { width: 32px; margin-right: 17px; }
@media (max-width: 650px) {
  .itMita { padding-left: 3px; padding-top: 3px; font-size: 24px; line-height: 24px; }
  .itMita img { width: 25px; margin-right: 11px; }
}
.kNUmGt { margin: 7px 0px 15px; font-weight: 400; font-size: 17px; line-height: 24px; max-width: 620px; color: rgb(122, 134, 151); }
@media (max-width: 1750px) {
  .kNUmGt { max-width: 520px; }
}
@media (max-width: 650px) {
  .kNUmGt { font-size: 14px; line-height: 140%; margin: 12px 0px 16px; }
}
.imkvsu { display: flex; -webkit-box-align: center; align-items: center; gap: 8px; }
@media (max-width: 650px) {
  .imkvsu .desktop-only { display: none; }
}
.ksfEaY { background: rgba(166, 133, 115, 0.1); border-radius: 8px; padding: 0px 14px; font-weight: 500; height: 42px; font-size: 14px; color: rgb(235, 182, 103); display: flex; -webkit-box-align: center; align-items: center; transition: 0.2s; }
.ksfEaY img { width: 15px; margin-right: 10px; }
.ksfEaY:hover { background: rgba(166, 133, 115, 0.25); filter: none; }
.jVGYMb { display: flex; -webkit-box-align: center; align-items: center; margin-bottom: 14px; }
.jVGYMb button { height: 100%; width: 144px; background: transparent; border-radius: 6px; color: rgb(122, 134, 151); font-weight: 700; font-size: 15px; transition: 0.2s; display: flex; -webkit-box-align: center; align-items: center; gap: 3px; -webkit-box-pack: center; justify-content: center; }
.jVGYMb button svg { width: 16px; }
.jVGYMb button.active { background: rgb(96, 128, 255); color: rgb(31, 37, 55); }
.jVGYMb button.dynamic { width: auto; padding: 0px 25px; }
.jVGYMb button.small { width: 96px; }
@media (max-width: 1000px) {
  .jVGYMb { flex-wrap: wrap; }
  .jVGYMb h3 { width: 100%; margin-bottom: 24px; }
  .jVGYMb div { margin-left: 0px; }
  .jVGYMb button { width: 100%; padding: 0px 16px; font-size: 14px; }
}
@media (max-width: 768px) {
  .jVGYMb button { font-size: 13px; }
}
.fNAfin { position: absolute; right: 80px; top: -3px; height: 280px; z-index: 1; pointer-events: none; }
@media (max-width: 1750px) {
  .fNAfin { right: 20px; }
}
@media (max-width: 1600px) {
  .fNAfin { display: none; }
}
.gEBQJU { width: 100%; max-width: 100%; min-width: 0px; }
@media (max-width: 1366px) {
  .gEBQJU { overflow: auto; }
}
.bgDUey { z-index: 2; }
.bgDUey.empty { min-width: 0px; }
.bgDUey .center { -webkit-box-pack: center; justify-content: center; text-align: center; }
.bgDUey .end { -webkit-box-pack: end; justify-content: flex-end; text-align: right; }
@media (max-width: 1000px) {
  .bgDUey { min-width: 1000px; }
}
.ijSOQg table { width: 100%; }
.ijSOQg tbody { width: calc(100% + 7px); padding-right: 7px; overflow: auto; display: block; }
.ijSOQg tbody::-webkit-scrollbar-thumb, .ijSOQg tbody::-webkit-scrollbar { background: transparent; width: 3px; border-radius: 2px; }
.ijSOQg tbody:hover::-webkit-scrollbar-thumb { background: rgb(41, 50, 69); }
.ijSOQg tbody.mobile-only { display: none; }
.ijSOQg tr { margin-bottom: 2px; height: 64px; width: 100%; border-radius: 10px; padding-left: 29px; padding-right: 29px; font-weight: 500; font-size: 14px; overflow: hidden; display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.ijSOQg tr td { z-index: 1; display: flex; -webkit-box-align: center; align-items: center; font-weight: 300; width: 100%; color: rgb(225, 233, 253); }
.ijSOQg.short { height: calc(-478px + 100vh); overflow: hidden; mask-image: linear-gradient(rgb(0, 0, 0) 63.9%, rgba(0, 0, 0, 0) 92.73%); }
@media (max-width: 650px) {
  .ijSOQg tr { padding-left: 16px; padding-right: 16px; }
}
.hUPfaJ { font-weight: 500 !important; }
.hUPfaJ div { width: 14px; margin-right: 28px; }
.hUPfaJ img { width: 100%; }
.iWASeo { height: 32px; width: 32px; border-radius: 50%; margin-right: 13px; }
.kiPytR { font-weight: 500 !important; }
.kiPytR a { display: flex; -webkit-box-align: center; align-items: center; cursor: pointer; width: 150px; }
.kiPytR .limited-length { max-width: 200px; }
.kiPytR span { max-width: 110px; color: rgb(225, 233, 253); }
@media (max-width: 1700px) {
  .kiPytR span { max-width: 60px; }
}
.kiPytR.disabled { pointer-events: none; }
.kiPytR:hover .sc-hPbuba { opacity: 1; }
.gzshjh { background: rgb(23, 28, 37); transition: background 0.2s; }
.gzshjh:hover { background: rgb(27, 32, 45); }
.gzshjh:nth-of-type(1)::before, .gzshjh:nth-of-type(2)::before, .gzshjh:nth-of-type(3)::before { content: ""; position: absolute; left: 0px; top: 0px; height: 100%; width: 243px; z-index: 0; }
.gzshjh.basic-bg::before { content: none; }
.gzshjh:nth-of-type(1)::before { background: linear-gradient(270deg, rgba(25, 30, 40, 0.4) 60.91%, rgba(52, 49, 43, 0.4) 77.74%, rgba(111, 90, 50, 0.4) 102.88%); }
.gzshjh:nth-of-type(1) .sc-gLjfqm { color: rgb(255, 219, 92); }
.gzshjh:nth-of-type(2)::before { background: linear-gradient(270deg, rgba(25, 30, 40, 0.4) 58.44%, rgba(39, 50, 70, 0.4) 78.79%, rgba(71, 94, 138, 0.4) 100%); }
.gzshjh:nth-of-type(2) .sc-gLjfqm { color: rgb(191, 224, 255); }
.gzshjh:nth-of-type(3)::before { background: linear-gradient(270deg, rgba(25, 30, 40, 0.3) 61.73%, rgba(51, 43, 44, 0.3) 80.47%, rgba(119, 78, 55, 0.3) 100%); }
.gzshjh:nth-of-type(3) .sc-gLjfqm { color: rgb(248, 167, 133); }
.gBDeSm { background: rgba(23, 30, 39, 0.5); backdrop-filter: blur(14px); width: 100%; height: 47px; border-radius: 10px; display: flex; -webkit-box-pack: justify; justify-content: space-between; padding: 0px 29px; margin-bottom: 2px; }
.gBDeSm span { display: flex; -webkit-box-align: center; align-items: center; height: 100%; width: 100%; font-weight: 500; font-size: 14px; color: rgb(67, 78, 92); }
.gBDeSm img { width: 14px; margin-left: 7px; }
.gBDeSm .hoverable { transition: filter 0.2s; }
.gBDeSm .hoverable:hover { filter: brightness(125%); }
.iwlbdN { cursor: pointer; }
.iwlbdN img { max-width: 80px; max-height: 60%; }
.Vgqwi { cursor: pointer; }
.Vgqwi span { color: rgb(255, 182, 96); font-weight: 500; }
.Vgqwi img { width: 18px; margin-right: 4px; }
.TGBfj { cursor: pointer; }
.TGBfj img { width: 6px; margin-left: 8px; }
.doqjqN { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
.doqjqN svg { transition: 0.2s; height: 42px; display: block; }
.cVXhns { position: absolute; right: -26px; top: 36px; width: 24px; height: 24px; border-radius: 8px; background: rgb(23, 27, 38); color: rgb(87, 99, 144); display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; opacity: 0; flex-shrink: 0; z-index: 1; transition: 0.2s; }
.cVXhns svg { content: ""; width: 16px; height: 16px; transform: rotate(0deg); transition: color 0.18s, transform 0.18s; }
.cVXhns:hover { background: rgb(26, 33, 51); transform: scale(1.04); }
@media (max-width: 1000px) {
  .cVXhns { display: none; }
}
.hWeoJD { width: 246px; min-width: 246px; height: 100vh; display: flex; flex-direction: column; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: center; align-items: center; gap: 18px; padding: 14px 16px 24px; background: rgb(12, 16, 26); position: fixed; left: 0px; top: 0px; bottom: 0px; transition: 0.2s; z-index: 1201; }
.hWeoJD > div { width: 100%; }
.hWeoJD.collapsed .sidebar-top { padding: 0px 6px; flex-direction: column; }
.hWeoJD.collapsed .sidebar-link { gap: 0px; padding: 10px 18px; }
.hWeoJD.collapsed .sidebar-link span { max-width: 0px; opacity: 0; pointer-events: none; }
.hWeoJD.collapsed .sidebar-link .sidebar-progress-badge { max-width: 0px; margin-left: 0px; padding: 0px; opacity: 0; }
.hWeoJD.collapsed .sc-irPWCR svg { height: 40px; }
.hWeoJD.collapsed .sidebar-separator { margin: 8px auto; }
.hWeoJD:hover .sc-iSYyZG { opacity: 1; }
@media (max-width: 1000px) {
  .hWeoJD { width: 100%; height: auto; min-width: 0px; top: auto; flex-direction: row; gap: 0px; padding: 0px; background: rgba(19, 24, 33, 0.9); backdrop-filter: blur(8px); }
  .hWeoJD .sidebar-top, .hWeoJD .sidebar-bottom, .hWeoJD .sidebar-separator { display: none; }
  .hWeoJD .sidebar-nav { flex-direction: row; -webkit-box-pack: center; justify-content: center; gap: 4px; padding: 14px 16px; margin-top: 0px !important; }
  .hWeoJD .sidebar-link { width: 100%; min-width: 0px; flex: 1 1 0px; -webkit-box-pack: center; justify-content: center; padding: 8px; }
  .hWeoJD .sidebar-link.desktop-only { display: none; }
  .hWeoJD .sidebar-link span { display: none; }
  .hWeoJD .sidebar-link .sidebar-progress-badge { display: none; }
  .hWeoJD .sidebar-miniapps { flex: 1 1 0px; min-width: 0px; }
  .hWeoJD .sidebar-hover-highlight { display: none; }
}
.jqEnFZ { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 16px; width: 100%; position: relative; transition: padding 0.2s; }
.bFKJse { display: flex; -webkit-box-align: center; align-items: center; gap: 12px; position: static; }
.ebfHfI { width: 100%; height: 1px; background: rgba(57, 67, 96, 0.1); margin: 8px 0px; position: relative; z-index: 1; }
.gxJoz { width: 100%; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; gap: 6px; margin-top: 28px; position: relative; }
@media (max-width: 1750px) {
  .gxJoz { margin-top: 18px; }
}
.iCysSf { width: 100%; display: flex; -webkit-box-align: center; align-items: center; gap: 12px; padding: 8px 10px; border-radius: 8px; transition: 0.3s; position: relative; z-index: 1; }
.iCysSf span { color: rgb(184, 194, 211); font-size: 15px; font-weight: 500; letter-spacing: 0.3px; max-width: 150px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; transition: max-width 0.2s, opacity 0.16s; }
.iCysSf .genshin-attention { position: absolute; bottom: -3px; right: -3px; width: 12px; min-width: 12px; height: 12px; z-index: 1; }
.iCysSf:hover, .iCysSf.active { color: rgb(220, 232, 248); }
.iCysSf.active { z-index: 2; background: rgb(24, 32, 54); }
.iCysSf.active span { color: rgb(96, 128, 255); }
.iCysSf.golden { z-index: 2; background: rgb(41, 38, 35); }
.iCysSf.golden span { color: rgb(240, 179, 88); }
.iCysSf.golden:hover, .iCysSf.golden.active { background: rgb(41, 38, 35); }
.ebfUTc { width: 100%; }
@media (max-width: 1000px) {
  .ebfUTc { flex: 1 1 0px; min-width: 0px; }
  .ebfUTc.desktop-only { display: none; }
}
.flQHgQ { margin-left: auto; padding: 5px 10px; border-radius: 999px; background: rgba(96, 128, 255, 0.14); color: rgb(143, 165, 255); font-size: 13px; font-weight: 700; line-height: 14px; white-space: nowrap; overflow: hidden; transition: max-width 0.2s, margin-left 0.2s, padding 0.2s, opacity 0.16s; }
.lgTUrU { position: absolute; left: 0px; right: 0px; top: 0px; border-radius: 8px; background: rgba(57, 67, 96, 0.12); pointer-events: none; z-index: 0; will-change: transform, height, opacity; transition: transform 0.22s cubic-bezier(0.2, 0.8, 0.2, 1), height 0.18s, opacity 0.14s; }
.eHRxcg img, .eHRxcg svg { display: block; width: 24px; height: 24px; min-width: 24px; flex-shrink: 0; transition: opacity 0.2s, transform 0.2s; }
.kuNHop { position: relative; border-radius: 15px; background: url("/cloud.cybershoke.net/pages/main/pickem-banner-bg.png") center center / cover no-repeat rgb(28, 35, 52); box-shadow: rgba(8, 11, 17, 0.3) 0px 8px 12px 0px; display: flex; flex-direction: column; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; padding: 16px 0px; overflow: hidden; transform-origin: center bottom; animation: 0.32s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running hleIoX; }
.kuNHop img { height: 90px; }
.kuNHop h2 { color: rgb(232, 236, 244); font-size: 15px; font-weight: 500; margin-top: 12px; }
.kuNHop p { margin: 6px 0px 18px; color: rgb(156, 164, 190); text-align: center; font-size: 13px; line-height: 140%; padding: 0px 8px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.kuNHop div { padding: 0px 16px; width: 100%; }
@media (max-height: 860px) {
  .kuNHop { display: none; }
}
.fEjXtk { position: absolute; top: 6px; right: 6px; z-index: 1; width: 24px; height: 24px; border-radius: 50%; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; background: transparent; transition: background 0.18s, transform 0.18s; }
.fEjXtk svg { width: 12px; height: 12px; }
.fEjXtk:hover { background: rgba(8, 11, 17, 0.7); transform: scale(1.05); }
.esJcgL { border-radius: 6px; background: rgb(255, 200, 117); padding: 10px 15px; color: rgb(40, 43, 54); font-size: 12px; font-weight: 700; width: 100%; white-space: nowrap; }
.gyuFLx { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgba(57, 67, 96, 0.1); }
.gyuFLx div { -webkit-box-pack: center; justify-content: center; }
.bFyAnk { display: block; }
.ktKTJv { width: 100%; position: relative; z-index: 1; }
.jkjKsL { height: 200px; position: absolute; top: 0px; left: 0px; right: 0px; overflow: hidden; }
.jkjKsL span { position: absolute; top: -50px; left: -40px; width: 115px; height: 55px; background: linear-gradient(135deg, rgba(96, 128, 255, 0.3), rgba(103, 116, 196, 0.2)); border-radius: 50%; filter: blur(25px) brightness(1.1) contrast(1.2) saturate(1.3); pointer-events: none; z-index: 0; }
.dlAkRM { position: fixed; bottom: 36px; left: 280px; z-index: 101; display: flex; flex-direction: column; transition: left 0.2s; gap: 6px; }
@media (max-width: 1000px) {
  .dlAkRM { display: none; }
}
@-webkit-keyframes fRDsuO { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(233, 56, 72); }
  100% { fill: rgb(64, 73, 100); }
}
@keyframes fRDsuO { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(233, 56, 72); }
  100% { fill: rgb(64, 73, 100); }
}
@-webkit-keyframes ggGmjz { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(191, 195, 201); }
  100% { fill: rgb(64, 73, 100); }
}
@keyframes ggGmjz { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(191, 195, 201); }
  100% { fill: rgb(64, 73, 100); }
}
@-webkit-keyframes eihXFP { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(208, 188, 95); }
  100% { fill: rgb(64, 73, 100); }
}
@keyframes eihXFP { 
  0% { fill: rgb(64, 73, 100); }
  50% { fill: rgb(208, 188, 95); }
  100% { fill: rgb(64, 73, 100); }
}
.bKeUJQ { display: flex; height: 46px; padding: 4px; background: rgb(31, 38, 55); border-radius: 8px; }
@media (max-width: 428px) {
  .bKeUJQ { width: 100%; }
  .bKeUJQ a, .bKeUJQ button { flex: 1 1 0%; }
}
.dOBxkM { display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; gap: 6px; flex-wrap: wrap; }
@media (max-width: 428px) {
  .dOBxkM { width: 100%; }
}
.uySbu { width: 100%; z-index: 3; }
.eWJXyi { position: absolute; left: 24px; top: 50%; transform: translateY(-50%); width: 120px; }
.WHEVq { z-index: 99; position: absolute; bottom: 0px; left: 36px; border-radius: 10px; background: linear-gradient(270deg, rgba(31, 38, 63, 0.7) 56.12%, rgba(38, 51, 96, 0.7) 100%); backdrop-filter: blur(5px); width: calc(100% - 72px); padding: 7px 7px 7px 162px; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; justify-content: space-between; }
.WHEVq h3 { margin-bottom: 4px; font-size: 16px; font-weight: 700; text-align: left; }
.WHEVq h3, .WHEVq h4 { text-transform: none; }
.WHEVq h4 { color: rgb(165, 179, 203); font-size: 12px; font-weight: 400; }
.WHEVq.no-image { padding: 16px; }
@media (max-width: 550px) {
  .WHEVq { flex-direction: column; align-items: flex-start; gap: 18px; }
}
.fHAfeE { border-radius: 6px; background: rgb(96, 128, 255); display: flex; padding: 16px 24px; -webkit-box-align: center; align-items: center; gap: 6px; font-size: 14px; font-weight: 700; }
.fHAfeE img { width: 18px; }
.kwMlXm { display: flex; -webkit-box-align: center; align-items: center; margin-left: 12px; }
.kwMlXm button { white-space: nowrap; }
@media (max-width: 550px) {
  .kwMlXm { margin-left: 0px; width: 100%; }
  .kwMlXm a, .kwMlXm button { width: 100%; }
}
@-webkit-keyframes hleIoX { 
  0% { opacity: 0; transform: translateY(8px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes hleIoX { 
  0% { opacity: 0; transform: translateY(8px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}