.ranking-page{background:#f4f5f6;padding-top:88px}.ranking-container{margin:0 auto;width:1200px}.ranking-hero{background:linear-gradient(135deg,#ff7a2514,#307dff14),#fff;padding:56px 0 32px}.ranking-hero__content{align-items:center;display:flex;flex-direction:column;gap:16px;text-align:center}.ranking-section-label{align-items:center;border:1px solid #ffcaa8;border-radius:8px;color:var(--cg-color-primary);display:flex;font-weight:600;gap:6px;justify-content:center;line-height:1;padding:8px 12px;width:-moz-fit-content;width:fit-content}.ranking-label-icon{background:var(--cg-color-primary);height:12px;mask:url(../img/svg/ranks.svg) no-repeat center/contain;-webkit-mask:url(../img/svg/ranks.svg) no-repeat center/contain;width:12px}.ranking-hero h1{color:var(--cg-text-primary);font-size:40px;font-weight:600;line-height:56px}.ranking-hero p{color:var(--cg-text-secondary);font-size:18px;line-height:24px}.ranking-filters{padding:24px 0}.ranking-filter-card{background:#fff;border-radius:8px;box-shadow:0 8px 30px #0000000a;padding:0 24px 24px}.ranking-tabs{border-bottom:1px solid var(--cg-border-color);gap:40px}.ranking-tabs,.ranking-tabs a{align-items:center;display:flex;height:56px}.ranking-tabs a{color:var(--cg-text-primary);line-height:1;position:relative}.ranking-tabs a.active{color:var(--cg-color-primary)}.ranking-tabs a.active:after{background:var(--cg-color-primary);bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.ranking-filter-intro{align-items:center;background:#f8f8f8;border-radius:4px;color:var(--cg-text-secondary);display:flex;gap:6px;line-height:1;margin-top:16px;padding:12px 16px}.ranking-filter-intro__icon{background:currentColor;flex-shrink:0;height:14px;mask:url(../img/svg/info.svg) no-repeat center/contain;-webkit-mask:url(../img/svg/info.svg) no-repeat center/contain;width:14px}.ranking-filter-row{align-items:center;display:flex;gap:16px;margin-top:16px}.ranking-filter-label{color:var(--cg-text-secondary);flex-shrink:0}.ranking-periods{align-items:center;display:flex}.ranking-categories a,.ranking-periods a{align-items:center;border-radius:4px;color:var(--cg-text-regular);display:inline-flex;height:28px;justify-content:center;line-height:1;padding:0 10px;transition:color .2s,border-color .2s}.ranking-periods a{border:1px solid var(--cg-border-color);border-radius:0;min-width:56px;position:relative}.ranking-periods a+a{margin-left:-1px}.ranking-periods a:first-child{border-radius:4px 0 0 4px}.ranking-periods a:last-child{border-radius:0 4px 4px 0}.ranking-periods a:only-child{border-radius:4px}.ranking-periods a.active,.ranking-periods a:not(.active):hover{border-color:var(--cg-color-primary);z-index:1}.ranking-periods a:not(.active):hover{color:var(--cg-color-primary)}.ranking-categories a.active,.ranking-periods a.active{background:var(--cg-color-primary);color:#fff}.ranking-categories a:hover{color:var(--cg-color-primary)}.ranking-categories a.active:hover{color:#fff}.ranking-date-display{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--cg-border-color);border-radius:4px;color:var(--cg-text-regular);cursor:pointer;display:inline-flex;font:inherit;gap:8px;height:28px;line-height:1;padding:0 12px;transition:border-color .2s;width:180px}.ranking-date-display:hover{border-color:#ccc}.ranking-calendar-icon{background:#999;height:12px;mask:url(../img/svg/EpCalendar.svg) no-repeat center/contain;-webkit-mask:url(../img/svg/EpCalendar.svg) no-repeat center/contain;width:12px}.ranking-categories{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.ranking-country{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border:1px solid var(--cg-border-color);border-radius:4px;color:var(--cg-text-regular);cursor:pointer;display:inline-flex;font:inherit;height:28px;justify-content:space-between;line-height:1;padding:0 12px;transition:border-color .2s;width:140px}.ranking-country:hover{border-color:#ccc}.ranking-arrow-icon{background:#999;height:12px;mask:url(../img/svg/EpArrowDown.svg) no-repeat center/contain;-webkit-mask:url(../img/svg/EpArrowDown.svg) no-repeat center/contain;width:12px}.ranking-content{padding-bottom:80px}.ranking-columns{display:flex;gap:20px}.ranking-column{background:#fff;border-radius:8px;box-shadow:0 8px 30px #0000000a;flex:1;min-width:0}.ranking-column--free{background:linear-gradient(180deg,#fff2e9,#fff 54.46%)}.ranking-column--grossing{background:linear-gradient(180deg,#eaf2ff,#fff 48.69%)}.ranking-column--paid{background:linear-gradient(180deg,#f2edfd,#fff 48.72%)}.ranking-column__title{background-position:50%;background-repeat:no-repeat;background-size:contain;height:80px;width:100%}.ranking-column__seo-title{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.ranking-column__title--free{background-image:url(../img/rank/freeList.png)}.ranking-column__title--grossing{background-image:url(../img/rank/bestsellersList.png)}.ranking-column__title--paid{background-image:url(../img/rank/recommendedList.png)}.ranking-list{background:#ffffffdb;border-radius:8px;display:flex;flex-direction:column;gap:24px;margin:0 24px;min-height:328px;padding:24px 0}.ranking-more{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;color:var(--cg-color-primary);cursor:pointer;display:inline-flex;font:inherit;gap:4px;justify-content:center;line-height:1}.ranking-more__arrow{background:url(../img/svg/arrow-1.svg) no-repeat 50%/contain;display:inline-block;height:16px;transition:transform .2s;width:16px}.ranking-more:hover .ranking-more__arrow{transform:translate(4px)}.ranking-item{align-items:center;display:flex;gap:10px;min-height:42px;min-width:0;padding:0 16px}.ranking-loading{display:flex;flex-direction:column;gap:24px}.ranking-loading-item{align-items:center;display:flex;gap:10px;min-height:42px;min-width:0;padding:0 16px}.ranking-loading-rank{border-radius:50%;flex-shrink:0;height:24px;width:24px}.ranking-loading-image{border-radius:8px;flex-shrink:0;height:40px;width:40px}.ranking-loading-content{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.ranking-loading-title{border-radius:4px;height:16px;width:72%}.ranking-loading-subtitle{border-radius:4px;height:13px;width:52%}.ranking-loading-trend{border-radius:4px;flex-shrink:0;height:14px;width:42px}.ranking-loading-more{align-self:center;border-radius:4px;height:16px;width:96px}.ranking-loading-image,.ranking-loading-more,.ranking-loading-rank,.ranking-loading-subtitle,.ranking-loading-title,.ranking-loading-trend{animation:ranking-loading 1.2s ease-in-out infinite;background:linear-gradient(90deg,#eef0f3,#f7f8fa 42%,#eef0f3 84%);background-size:240px 100%}.ranking-item__rank{color:var(--cg-text-primary);flex-shrink:0;font-size:14px;font-weight:600;height:24px;line-height:24px;text-align:center;width:24px}.ranking-item__rank img{display:block;height:24px;width:24px}.ranking-item__rank-seo{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.ranking-item__image{background:#f4f5f6;border-radius:8px;display:block;flex-shrink:0;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.ranking-item__content{flex:1;min-width:0}.ranking-item__content h3{align-items:center;color:var(--cg-text-primary);display:flex;font-size:15px;font-weight:600;gap:5px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-item__platform{display:block;flex-shrink:0;height:14px;width:14px}.ranking-item__content h3 span,.ranking-item__content p span{min-width:0;overflow:hidden;text-overflow:ellipsis}.ranking-item__content p{align-items:center;color:var(--cg-text-regular);display:flex;font-size:13px;gap:5px;line-height:18px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-item__developer-icon{background:var(--cg-text-regular);display:block;flex-shrink:0;height:13px;mask:url(../img/svg/copyright.svg) no-repeat center/contain;-webkit-mask:url(../img/svg/copyright.svg) no-repeat center/contain;width:13px}.ranking-item__trend{align-items:center;color:var(--cg-text-regular);display:flex;flex-shrink:0;gap:4px;justify-content:flex-end;line-height:1;width:42px}.ranking-item__trend img{display:block;flex-shrink:0;height:12px;width:12px}.ranking-material-list{background:#fff;border-radius:8px;box-shadow:0 8px 30px #0000000a;display:flex;flex-direction:column;gap:0;min-height:312px;padding:0 20px 20px}.ranking-material-item,.ranking-material-loading__item{align-items:center;border-bottom:1px solid var(--cg-border-color);display:grid;gap:12px;grid-template-columns:48px 300px minmax(100px,1.4fr) minmax(84px,1fr) minmax(104px,1.1fr) minmax(84px,1fr) minmax(84px,1fr) 88px;min-width:0;padding:20px 0}.ranking-material-item__rank{align-items:center;color:var(--cg-text-primary);display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;justify-self:center;line-height:24px;text-align:center;width:24px}.ranking-material-item__rank img{display:block;height:24px;width:24px}.ranking-material-item__main{align-items:center;border-right:1px solid var(--cg-border-color);display:flex;gap:16px;min-width:0;padding-right:16px}.ranking-material-item__cover{background:#f4f5f6;border-radius:4px;flex-shrink:0;height:72px;overflow:hidden;position:relative;width:72px}.ranking-material-item__cover img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.ranking-material-item__duration{background:#000000a6;border-radius:4px;bottom:4px;color:#fff;font-size:11px;line-height:12px;padding:2px 4px;position:absolute;right:4px}.ranking-material-item__info{flex:1;min-width:0}.ranking-material-item__count{color:var(--cg-text-secondary);font-size:12px;line-height:1}.ranking-material-game{align-items:center;display:flex;gap:8px;margin-top:8px;min-width:0}.ranking-material-game--empty{color:var(--cg-text-secondary);height:38px;line-height:38px}.ranking-material-game__icon{background:#f4f5f6;border-radius:4px;display:block;flex-shrink:0;height:38px;-o-object-fit:cover;object-fit:cover;width:38px}.ranking-material-game__content{flex:1;min-width:0}.ranking-material-game__content h3{color:var(--cg-text-primary);font-size:14px;font-weight:600;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-material-game__content p{align-items:center;color:var(--cg-text-regular);display:flex;font-size:12px;gap:4px;line-height:16px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-material-game__content p span{min-width:0;overflow:hidden;text-overflow:ellipsis}.ranking-material-metric{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;line-height:1;min-height:60px;min-width:0;text-align:center}.ranking-material-metric span{color:var(--cg-text-secondary);font-size:12px}.ranking-material-metric--time{align-items:flex-start;padding-left:10px;text-align:left}.ranking-material-metric strong{color:var(--cg-text-primary);font-size:16px;font-weight:600;line-height:20px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranking-material-metric__inline{align-items:center;display:flex;gap:6px;justify-content:center;max-width:100%;min-width:0}.ranking-material-metric--time .ranking-material-metric__inline{justify-content:flex-start}.ranking-material-metric small{align-items:center;background:#f4f5f6;border-radius:4px;color:#999;display:inline-flex;font-size:12px;height:20px;line-height:1;padding:0 6px;white-space:nowrap}.ranking-material-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.ranking-material-actions button{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff8f3;border:1px solid #ffd7bd;border-radius:4px;color:var(--cg-color-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:13px;height:28px;justify-content:center;line-height:1;padding:0 10px;transition:border-color .2s,background .2s}.ranking-material-actions button:hover{background:#fff2e9;border-color:var(--cg-color-primary)}.ranking-material-more{margin-top:16px}.ranking-material-loading{display:flex;flex-direction:column}.ranking-material-loading__main{align-items:center;display:flex;gap:16px;min-width:0}.ranking-material-loading__item .ranking-loading-rank{justify-self:center}.ranking-material-loading__media{border-radius:4px;flex-shrink:0;height:72px;width:72px}.ranking-material-loading__content{display:flex;flex-direction:column;gap:6px;min-width:0}.ranking-material-loading__label{border-radius:4px;height:12px;width:88px}.ranking-material-loading__metric{border-radius:4px;height:16px;justify-self:center;width:64px}.ranking-material-loading__actions{border-radius:4px;height:28px;justify-self:end;width:72px}.ranking-material-loading__metric--time{justify-self:start;width:132px}.ranking-material-loading__actions,.ranking-material-loading__label,.ranking-material-loading__media,.ranking-material-loading__metric{animation:ranking-loading 1.2s ease-in-out infinite;background:linear-gradient(90deg,#eef0f3,#f7f8fa 42%,#eef0f3 84%);background-size:240px 100%}.ranking-empty,.ranking-placeholder{align-items:center;color:var(--cg-text-secondary);display:flex;justify-content:center;min-height:160px}.ranking-placeholder{background:#fff;border-radius:8px}@keyframes ranking-loading{0%{background-position:-120px 0}to{background-position:120px 0}}