.rankings-page{padding-bottom:24px}.page-title{font-size:24px;font-weight:800;color:#fff;margin:0 0 16px;text-align:center}.rankings-intro{background:#110704fa;border-radius:var(--radius-md);padding:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.04);box-shadow:0 4px 12px #0006}.rankings-intro p{font-size:14px;line-height:1.7;color:#ebd5d1d9;margin:0 0 12px}.rankings-intro p:last-child{margin-bottom:0}.rankings-list{display:flex;flex-direction:column;gap:12px}.ranking-item{background:#110704fa;border-radius:var(--radius-md);padding:16px;border:1px solid rgba(255,255,255,.04);box-shadow:0 4px 12px #0006;display:flex;gap:12px;align-items:flex-start;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.ranking-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.ranking-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),#ff8c42);color:#fff;font-size:18px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ff99334d}.ranking-number.top-1{background:linear-gradient(135deg,gold,#ffed4e);color:#000;box-shadow:0 2px 12px #ffd70080}.ranking-number.top-2{background:linear-gradient(135deg,silver,#e8e8e8);color:#000;box-shadow:0 2px 12px #c0c0c080}.ranking-number.top-3{background:linear-gradient(135deg,#cd7f32,#e6a55d);color:#fff;box-shadow:0 2px 12px #cd7f3280}.ranking-content{flex:1;min-width:0}.ranking-game-thumb{width:80px;height:80px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;background:#1b120f;box-shadow:0 2px 8px #0000004d}.ranking-game-info{display:flex;gap:12px;flex:1}.ranking-text-content{flex:1;min-width:0}.ranking-game-title{font-size:16px;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.3}.ranking-game-desc{font-size:13px;color:#ebd5d1bf;line-height:1.5;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ranking-reason{font-size:12px;color:#ebd5d1d9;line-height:1.5;padding:8px 12px;background:#ffffff08;border-radius:6px;border-left:3px solid var(--primary-color);margin-top:8px}.ranking-reason strong{color:var(--primary-color);font-weight:600}.rankings-loading,.rankings-error{text-align:center;padding:40px 20px;color:#ebd5d1d9;font-size:16px}.rankings-error{color:#ff6b6b}@media (min-width: 1024px){.rankings-page{max-width:var(--max-width);margin:0 auto}.page-title{font-size:32px;margin-bottom:24px}.rankings-intro{padding:24px 28px;border-radius:18px;margin-bottom:32px;background:radial-gradient(circle at top left,rgba(255,255,255,.02),transparent 55%) #110704fa;box-shadow:0 12px 32px #000000d9}.rankings-intro p{font-size:15px;line-height:1.8;margin-bottom:16px}.rankings-list{gap:16px}.ranking-item{padding:20px 24px;border-radius:18px;gap:20px}.ranking-number{width:48px;height:48px;font-size:20px}.ranking-game-thumb{width:120px;height:120px;border-radius:16px}.ranking-game-title{font-size:18px;margin-bottom:8px}.ranking-game-desc{font-size:14px;margin-bottom:12px;-webkit-line-clamp:3}.ranking-reason{font-size:13px;padding:12px 16px;margin-top:12px}}