/* RK 1 (2 Kasim 2026): ardream.net siralama sayfasi. Renk / yazi tipi rehber sayfasiyla (/ana/rehber/) ayni. */
@font-face{font-family:'Cinzel';font-weight:500 700;font-display:swap;src:url(/ana/fonts/cinzel-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel';font-weight:500 700;font-display:swap;src:url(/ana/fonts/cinzel-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Cinzel Decorative';font-weight:900;font-display:swap;src:url(/ana/fonts/cinzdec900-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Cinzel Decorative';font-weight:900;font-display:swap;src:url(/ana/fonts/cinzdec900-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--page:#050407;--tx:#eadfc6;--au1:#f1cf7c;--au2:#b8913f;--au3:#7b5a1c;--sub:#c9a95c;--ln:rgba(184,145,63,.45);--kbg:linear-gradient(rgba(20,14,8,.92),rgba(9,6,3,.94));--ka:#e0645a;--el:#6fa8ff;--f-h:'Cinzel Decorative','Cinzel',serif;--f-b:'Cinzel','Times New Roman',serif;--f-m:'Segoe UI',Roboto,Arial,sans-serif}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;background:var(--page)}
body{margin:0;color:var(--tx);background:var(--page) url(/ana/img/launcher-bg.webp) center top/cover fixed no-repeat;font:16px/1.55 var(--f-m);overflow-x:hidden;position:relative;z-index:0}
body:before{content:"";position:fixed;inset:0;background:rgba(5,4,7,.86);z-index:-1}
a{color:var(--au1)}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ust{text-align:center;padding:34px 16px 12px}
.ust a.lg{text-decoration:none;display:inline-block;font:900 clamp(28px,5vw,46px)/1.15 var(--f-h);letter-spacing:.06em;background:linear-gradient(#fff3c8 10%,#e6b84f 50%,#8d6218 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.ust a.lg i{font-style:normal;font-size:.6em}
.ust p{margin:6px 0 0;font:600 clamp(12px,1.6vw,15px) var(--f-b);letter-spacing:.24em;color:#d8bf86}
.sek{position:sticky;top:0;z-index:5;display:flex;gap:6px;justify-content:center;flex-wrap:wrap;padding:9px 12px;background:rgba(8,5,2,.94);border-top:1px solid var(--ln);border-bottom:1px solid var(--ln)}
.sek a{padding:6px 14px;text-decoration:none;font:700 12.5px var(--f-b);letter-spacing:.08em;color:#f1d98f;border:1px solid transparent;white-space:nowrap}
.sek a:hover{border-color:var(--au2);color:#fff}
.sek a[aria-selected=true]{color:#fff4d2;border-color:var(--au2);background:linear-gradient(#251b0d,#0e0a05);box-shadow:inset 0 0 0 2px #000,inset 0 0 0 3px rgba(184,145,63,.55)}
main{width:100%;max-width:1040px;margin:0 auto;padding:18px 16px 30px}
.kutu{margin:0;padding:20px 22px;background:var(--kbg);border:1px solid var(--au2);box-shadow:inset 0 0 0 3px rgba(0,0,0,.55),inset 0 0 0 4px rgba(184,145,63,.35),0 4px 18px rgba(0,0,0,.6)}
h2{margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--ln);display:flex;align-items:center;gap:10px;font:700 clamp(17px,2.4vw,21px)/1.3 var(--f-b);letter-spacing:.08em;color:var(--au1)}
h2:before{content:"";width:9px;height:9px;flex:none;background:var(--au1);transform:rotate(45deg)}
.not{margin:0 0 12px;padding:9px 12px;border-left:3px solid var(--au1);background:rgba(241,207,124,.08);font-size:14.5px}
.filtre{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:0 0 10px}
.grup{display:flex;flex-wrap:wrap;gap:4px}
.grup[hidden]{display:none}
.grup button{cursor:pointer;padding:5px 11px;font:700 12px var(--f-b);letter-spacing:.05em;color:#d8bf86;background:rgba(14,10,5,.85);border:1px solid var(--au3)}
.grup button:hover{color:#fff;border-color:var(--au2)}
.grup button[aria-pressed=true]{color:#1b1206;background:linear-gradient(#f1cf7c,#b8913f);border-color:#f1cf7c}
.ara{margin-left:auto;flex:1 1 200px;max-width:280px}
.ara input{width:100%;padding:7px 10px;font:14px var(--f-m);color:var(--tx);background:rgba(0,0,0,.55);border:1px solid var(--au3);outline:none}
.ara input:focus{border-color:var(--au1)}
.bilgi{margin:0 0 6px;font-size:13px;color:var(--sub)}
.tb{overflow-x:auto;margin:0 0 6px}
table{width:100%;border-collapse:collapse;font-size:14.5px}
th{padding:8px 10px;text-align:left;font:700 12.5px var(--f-b);letter-spacing:.05em;color:var(--au1);border-bottom:1px solid var(--au2);white-space:nowrap}
td{padding:6px 10px;border-bottom:1px dotted var(--ln);vertical-align:middle}
tbody tr:hover td{background:rgba(241,207,124,.06)}
td.s,th.s{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
td.no,th.no{width:46px;text-align:center}
.sira{display:inline-block;min-width:28px;padding:2px 4px;font:700 13px var(--f-b);text-align:center;color:#d8bf86}
.s1 .sira,.s2 .sira,.s3 .sira{color:#1b1206;border-radius:2px}
.s1 .sira{background:linear-gradient(#fff0b8,#d6a93d)}
.s2 .sira{background:linear-gradient(#f2f2f2,#9da3ab)}
.s3 .sira{background:linear-gradient(#f0c39a,#a8683a)}
.ad{font-weight:600;color:#fff4d2;word-break:break-all}
.alt-s{display:block;font-size:12px;color:var(--sub)}
.u1{color:var(--ka)}.u2{color:var(--el)}
.yok{color:rgba(234,223,198,.45)}
.bos{padding:18px 10px;text-align:center;color:var(--sub)}
.dc{display:inline-flex;align-items:center;gap:10px;padding:11px 24px;cursor:pointer;text-decoration:none;font:700 14px var(--f-b);letter-spacing:.1em;color:#f1d98f;background:linear-gradient(#251b0d,#0e0a05);border:1px solid var(--au2);box-shadow:inset 0 0 0 3px #000,inset 0 0 0 4px rgba(184,145,63,.55)}
.dc:hover{color:#fff}
.fazla{display:flex;margin:12px auto 0}
.fazla[hidden]{display:none}
.dip{margin:12px 0 0;text-align:center;font-size:12.5px;color:var(--sub)}
.alt{text-align:center;padding:0 16px 34px}
@media(max-width:720px){
.kutu{padding:15px 12px}
.sek{position:static;gap:4px}.sek a{font-size:11px;padding:5px 8px}
.ara{max-width:none;margin-left:0;flex-basis:100%}
.dc{padding:10px 16px;font-size:12.5px}
td,th{padding:6px 6px}table{font-size:13.5px}
td.no,th.no{width:34px}
.grup button{padding:5px 8px;font-size:11px}
.m{display:none}
}
