.ranking-page-area{padding-top:90px;padding-bottom:90px}.ranking-filters{display:flex;justify-content:center;gap:20px;margin-bottom:40px}.filter-btn{opacity:.6;transition:.3s;cursor:pointer}.filter-btn.active,.filter-btn:hover{opacity:1;filter:brightness(1.2)}.ranking-container{background-color:#4b382d;background-image:url(../images/game-card-bg-wp.png);background-size:cover;background-position:center;position:relative;padding:40px;z-index:1;min-height:600px}.ranking-table{width:100%;border-collapse:separate;border-spacing:0 10px}.ranking-table thead th{font-family:var(--trajan-pro);color:#a38d7a;font-size:14px;font-weight:700;text-transform:uppercase;padding-bottom:20px;border-bottom:1px solid #5d4634;text-align:center}.ranking-table thead th:first-child{text-align:left;padding-left:20px}.ranking-table thead th:last-child{text-align:right;padding-right:20px}.ranking-row{transition:.2s}.ranking-row:hover td{background-color:rgba(0,0,0,.2)}.ranking-table td{color:#fff;font-size:15px;font-weight:500;padding:15px 10px;background-color:rgba(0,0,0,.1);border-top:1px solid #5d4634;border-bottom:1px solid #5d4634;text-align:center;vertical-align:middle}.ranking-table td:first-child{border-left:1px solid #5d4634;border-top-left-radius:6px;border-bottom-left-radius:6px;text-align:left;padding-left:25px}.ranking-table td:last-child{border-right:1px solid #5d4634;border-top-right-radius:6px;border-bottom-right-radius:6px;text-align:right;padding-right:25px}.rank-num{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%;background-color:#2c1e17;color:#9b8573;font-weight:700}.rank-1 .rank-num{background:linear-gradient(45deg,gold,#fdb931);color:#000;box-shadow:0 0 10px gold}.rank-2 .rank-num{background:linear-gradient(45deg,silver,#e0e0e0);color:#000}.rank-3 .rank-num{background:linear-gradient(45deg,#cd7f32,#b87333);color:#000}.pagination-wrap{display:flex;justify-content:center;gap:10px;margin-top:40px}.page-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#2c1e17;border:1px solid #5d4634;color:#fff;font-weight:700;transition:.3s}.page-btn.active,.page-btn:hover{background-color:#b67000;border-color:#ff9d00}.siralama-ara{display:flex;justify-content:center;align-items:center;gap:10px;margin:0 auto 30px;max-width:460px}.siralama-ara input{flex:1;min-width:0;background:#2c1e17;border:1px solid #5d4634;color:#fff;padding:10px 14px;outline:0}.siralama-ara input:focus{border-color:#b67000}.siralama-ara button{background:#b67000;border:0;color:#fff;width:44px;height:44px}.siralama-temizle{color:#a4957f;font-size:13px;text-decoration:underline}.page-bosluk{pointer-events:none}a.filter-btn{text-decoration:none}.ranking-table .rank-1 .text-primary{color:gold!important}.sr-alan{padding:60px 0 30px;color:#e9dcc4}.sr-soluk{color:#a8977d}.sr-arac{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:26px}.sr-sekme{display:inline-flex;padding:4px;border-radius:40px;border:1px solid rgba(226,180,94,.3);background:rgba(11,8,5,.55)}.sr-sekme a{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;border-radius:40px;font:700 14px 'Segoe UI','Open Sans',Arial,sans-serif;color:#cdbfa6!important;transition:color .2s}.sr-sekme a:hover{color:#f1c879!important}.sr-sekme a.aktif{color:#1a120a!important;background:linear-gradient(180deg,#f1c879,#a87a2e)}.sr-ara{margin:0 0 0 auto;display:flex;align-items:center;width:min(340px,100%);border-radius:40px;border:1px solid rgba(226,180,94,.4);background:rgba(11,8,5,.6);overflow:hidden}.sr-ara input{flex:1;min-width:0;padding:11px 18px;border:0;background:0 0;color:#e9dcc4;font:14px 'Segoe UI','Open Sans',Arial,sans-serif;outline:0}.sr-ara input::placeholder{color:#8a7a62}.sr-ara button{width:48px;height:42px;border:0;color:#1a120a;background:linear-gradient(180deg,#f1c879,#a87a2e);cursor:pointer}.sr-temizle{padding:0 12px;color:#a8977d!important}.sr-temizle:hover{color:#f1c879!important}.sr-kursu{display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:18px;align-items:end;margin-bottom:26px}.sr-k{--r:#f1c879;position:relative;overflow:hidden;text-align:center;padding:0 18px 22px;border-radius:12px;border:1px solid var(--r);background:linear-gradient(180deg,rgba(30,21,13,.5),rgba(16,11,7,.95));box-shadow:0 0 40px -12px var(--r)}.sr-k2{--r:#d8dde6}.sr-k3{--r:#e0a070}.sr-k img{display:block;height:230px;margin:0 auto -10px;object-fit:contain;filter:drop-shadow(0 10px 18px rgba(0, 0, 0, .7))}.sr-k1 img{height:290px}.sr-k-amblem{width:120px;height:120px;margin:46px auto 18px;display:grid;place-items:center;border-radius:50%;font-size:48px;color:var(--r);border:2px solid var(--r);background:radial-gradient(circle,rgba(226,180,94,.14),rgba(11,8,5,.6) 70%);box-shadow:0 0 30px -6px var(--r)}.sr-k1 .sr-k-amblem{width:150px;height:150px;font-size:60px;margin-top:56px}.sr-k-no{position:absolute;top:14px;left:16px;font:400 34px var(--beleren),Georgia,serif;color:var(--r)}.sr-k-tac{position:absolute;top:16px;right:16px;color:var(--r);font-size:22px}.sr-k h3{margin:0 0 6px;font:400 24px var(--beleren),Georgia,serif;color:#fff;text-transform:none}.sr-k-alt{display:flex;justify-content:center;gap:8px;align-items:center;flex-wrap:wrap;font-size:13px;color:#cdbfa6}.sr-k-sv{display:block;margin-top:8px;font:400 28px var(--beleren),Georgia,serif;color:#7fd99a}.sr-k-sv small{font:600 12px 'Segoe UI',Arial,sans-serif;color:#a8977d}.sr-imp{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:20px;font:700 12px 'Segoe UI','Open Sans',Arial,sans-serif;white-space:nowrap}.sr-imp::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.sr-imp-1{color:#ff7a6b;background:rgba(211,75,60,.14)}.sr-imp-2{color:#f0cd52;background:rgba(226,194,60,.14)}.sr-imp-3{color:#7fb0ff;background:rgba(74,127,214,.16)}.sr-kart{border:1px solid rgba(226,180,94,.28);border-radius:10px;background:rgba(24,16,10,.88);overflow:hidden}.sr-tablo{width:100%;border-collapse:collapse;font-size:15px;color:#e9dcc4}.sr-tablo th{padding:14px 16px;text-align:left;font:700 12px 'Segoe UI','Open Sans',Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#e2b45e;border-bottom:1px solid rgba(226,180,94,.2);background:rgba(226,180,94,.04)}.sr-tablo td{padding:10px 16px;border-bottom:1px solid rgba(226,180,94,.08);vertical-align:middle}.sr-tablo tbody tr:last-child td{border-bottom:0}.sr-tablo tbody tr:hover td{background:rgba(226,180,94,.05)}.sr-no{width:60px;font:400 20px var(--beleren),Georgia,serif;color:#a8977d}.sr-u1 .sr-no{color:#f1c879}.sr-u2 .sr-no{color:#d8dde6}.sr-u3 .sr-no{color:#e0a070}.sr-u1 td:first-child{box-shadow:inset 4px 0 0 #f1c879}.sr-u2 td:first-child{box-shadow:inset 4px 0 0 #d8dde6}.sr-u3 td:first-child{box-shadow:inset 4px 0 0 #e0a070}.sr-ad{display:flex;align-items:center;gap:12px;font-weight:700;color:#fff}.sr-portre{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(226,180,94,.4);background:#241a12}.sr-amblem{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:#f1c879;border:1px solid rgba(226,180,94,.4);background:rgba(11,8,5,.6)}.sr-sv{font:400 20px var(--beleren),Georgia,serif;color:#7fd99a}.sr-exp{width:160px}.sr-exp i{display:block;height:6px;border-radius:3px;background:rgba(226,180,94,.12);overflow:hidden}.sr-exp i b{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#a87a2e,#f1c879)}.sr-exp small{display:block;margin-top:4px;font-size:11.5px;color:#a8977d}.sr-bos{text-align:center;padding:34px 16px!important;color:#a8977d}.sr-sayfalar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:22px}.sr-sayfalar a,.sr-sayfalar span{min-width:40px;height:40px;display:grid;place-items:center;padding:0 12px;border-radius:8px;border:1px solid rgba(226,180,94,.3);font:700 14px 'Segoe UI','Open Sans',Arial,sans-serif;color:#e9dcc4!important;background:rgba(11,8,5,.5);transition:background .2s}.sr-sayfalar a:hover{background:rgba(226,180,94,.12)}.sr-sayfalar a.aktif{color:#1a120a!important;background:linear-gradient(180deg,#f1c879,#a87a2e);border-color:transparent}@media (max-width:900px){.sr-kursu{grid-template-columns:1fr}.sr-kursu .sr-k1{order:-1}.sr-k img{height:200px}.sr-k1 img{height:230px}.sr-gizle{display:none}.sr-ara{margin-left:0;width:100%}}