.players .section-content{margin:0}.player-wrapper{display:flex;flex-wrap:wrap;gap:8px}.player-item{width:100%;height:96px;display:flex;justify-content:center;align-items:center;background-image:linear-gradient(72deg,#0037fe88 50%,#00000088 0);background-size:220% 100%;background-position:100% 0}.player-base,.player-item{position:relative;overflow:hidden}.player-base{width:calc(100% - 6px * 2);height:calc(100% - 6px * 2);background:linear-gradient(45deg,#00000011,#000000cc);background-size:150% 100%;background-position-x:0;transition:.5s}.player-item:hover .player-base{background-position-x:100%}.player-avatar{z-index:2;position:absolute;top:0;left:0;width:170px;height:100%;background-image:var(--avatar-url);background-color:#000;background-position:50%;background-size:cover;background-repeat:no-repeat}.player-info{display:flex;flex-direction:column;justify-content:center;position:relative;padding-left:calc(170px + 18px);width:100%;height:100%}.player-name{z-index:1;font-size:2.4rem;white-space:nowrap;color:#ffffff00;-webkit-text-fill-color:#ffffff00;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:var(--font-color);text-stroke:1px var(--font-color);transition:.3s}.player-item:hover .player-name{color:var(--font-color);-webkit-text-fill-color:var(--font-color);-webkit-text-stroke-color:transparent}.player-comment{z-index:1;font-size:1.2rem;color:#ffffff;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.2;transition:all .3s ease}.player-rank{position:absolute;bottom:-32px;right:-8px;display:flex;color:var(--maincolor);font-size:5rem;opacity:.2;transition:.2s;pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.player-item:hover .player-comment{opacity:.8}.player-item:hover .player-rank{opacity:.6}@media screen and (max-width:948px){.players .section-content{width:92%}}@media screen and (max-width:768px){.player-wrapper{gap:6px}.player-item{height:78px}.player-avatar{width:128px}.player-info{padding-left:calc(128px + 18px)}.player-name{font-size:1.8rem}.player-comment{font-size:1rem}.player-rank{font-size:4.2rem;bottom:-28px}.loading-container{height:150px;gap:15px}.loading-spinner{width:32px;height:32px;border-width:2px}}@media screen and (max-width:600px){.players .section-content{width:100%}.player-wrapper{padding:0;gap:4px}.player-item{height:64px}.player-avatar{width:64px}.player-info{padding-left:calc(64px + 18px)}.player-name{font-size:1.5rem}.player-comment{font-size:.9rem}.player-rank{font-size:2.2rem;bottom:-14px}.loading-container{height:120px;gap:12px}.loading-spinner{width:28px;height:28px;border-width:2px}}:root{--color-s:#000000ee;--color-e:#000000aa;--font-color-l:#555}.results .section-content{width:85%}.match-wrapper{display:flex;flex-wrap:wrap;gap:12px;padding:12px 24px;margin-bottom:24px}.match-number{text-align:center;font-size:2.2rem}.match-link{font-size:1.2rem}.match-item{position:relative;width:100%;height:92px;display:flex;justify-content:space-between;align-items:center;text-align:center;padding:12px 24px;color:var(--font-color);background:linear-gradient(45deg,var(--color-s),var(--color-e))}.match-wb{background:linear-gradient(15deg,#07421f,#065a29)}.match-lb{background:linear-gradient(15deg,#420707,#5a0606)}.match-item-qualifier{height:64px;display:flex;justify-content:space-between;align-items:center;text-align:center;padding:12px 24px;color:var(--font-color);background:linear-gradient(45deg,var(--color-s),var(--color-e))}.result-l{color:var(--font-color-l)}.match-score{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;font-size:2rem}.match-item-4-container{width:calc(50% - 6px);text-align:center}.match-item-4{width:100%;padding:0 24px;display:flex;justify-content:space-between;align-items:center;color:var(--font-color);background:linear-gradient(45deg,var(--color-s),var(--color-e))}.match-item-4-wrapper{display:flex;flex:1 1;flex-direction:column}.match-item-4-item{display:flex;justify-content:space-between;align-items:center;height:64px}.match-item-4-timer{text-align:center}@media screen and (max-width:948px){.match-item-4{width:100%}}@media screen and (max-width:623px){.match-wrapper{gap:12x;padding:12px;margin-bottom:16px}.match-item{padding:12px 8px;font-size:1rem;height:62px}.match-score{font-size:1.2rem}}.staff .section-content{width:100%}.staff .subtitle{width:85%;max-width:996px;margin:auto}.staff .content-wrapper{padding:12px 0}.staff-wrapper{width:100%;display:flex;flex-direction:row}.group-wrapper{flex:0 0 72%;max-width:720px}.group-title{text-align:center;font-size:3.2rem}.group-items{display:flex;flex-wrap:wrap;justify-content:center;gap:24px;padding:48px 24px 24px;margin:0 60px 24px;background:linear-gradient(45deg,var(--color-s),var(--color-e))}.staff-item{position:relative;width:128px;text-align:center}.staff-avatar{position:relative;width:100%;height:96px;background-color:#000;background-image:var(--avatar-url);background-position:0;background-repeat:no-repeat;background-size:100%;transition:.2s}.staff-name{color:var(--font-color);font-size:1rem;white-space:nowrap}@media screen and (max-width:948px){.group-wrapper{flex:0 0 680px}.group-title{font-size:2.4rem}.group-items{margin:0 32px 24px}}@media screen and (max-width:623px){.group-wrapper{flex:0 0 100%}.group-items{padding:24px 24px 12px}}@media screen and (max-width:440px){.staff-item{width:256px}}