/* SultanKO - ust menu + hero, tasarim gorseliyle bire bir (2026-11-07). sk-sexy.css'ten sonra yuklenir. */

/* ---------- ust menu (tasarim gorseliyle bire bir) ---------- */
html:not([data-theme=light]) .sk-header{background:url('../Public/Web/img/hero/sk-head-left.webp') left bottom/8vw auto no-repeat,url('../Public/Web/img/hero/sk-head-right.webp') right bottom/7vw auto no-repeat,linear-gradient(180deg,#030304 0,#07070a 70%,#0b0a0c 100%);border-bottom:0;box-shadow:none}
html:not([data-theme=light]) .sk-header::after{content:'';position:absolute;left:7.4vw;right:6.5vw;bottom:0;height:1px;background:linear-gradient(90deg,transparent 0,rgba(176,132,62,.55) 8%,rgba(214,170,92,.75) 50%,rgba(176,132,62,.55) 92%,transparent 100%);pointer-events:none}
.sk-nav>ul{gap:10px}
.sk-nav>ul>li>a{position:relative;padding:0 21px;font-family:'Lexend','Inter',sans-serif;font-weight:600;font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:#f3efe8;text-decoration:none!important;transition:color .15s}
.sk-nav>ul>li>a i.sk-caret{display:none}
.sk-nav>ul>li:hover>a{color:#fff}
.sk-nav>ul>li>a::before{content:'';position:absolute;left:50%;bottom:0;width:0;height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#e8b856 25%,#fff0c2 50%,#e8b856 75%,transparent);transition:width .2s}
.sk-nav>ul>li:hover>a::before{width:70%}
.sk-nav>ul>li.is-active>a{color:#f8d488;box-shadow:none;text-shadow:0 0 14px rgba(255,190,80,.6)}
.sk-nav>ul>li.is-active>a::before{width:150%;height:2px;box-shadow:0 0 8px 1px rgba(255,190,80,.8)}
.sk-nav>ul>li.is-active>a::after{content:'';position:absolute;left:50%;bottom:-3px;width:7px;height:7px;transform:translateX(-50%) rotate(45deg);background:#ffe4a0;box-shadow:0 0 8px 2px rgba(255,190,80,.9);pointer-events:none}
.sk-nav>ul>li.is-active{background:radial-gradient(70% 90% at 50% 100%,rgba(255,170,60,.28),rgba(255,170,60,.08) 55%,transparent 75%)}
.sk-head-actions .sk-themebtn,.sk-head-actions .sk-head-chip,.sk-head-actions .sk-head-lang{display:none!important}
.sk-head-actions{gap:22px}
.sk-head-actions>.sk-btn--gold,.sk-head-actions>.sk-btn--crimson,.sk-head-user>.sk-btn{min-height:40px;padding:8px 18px;border-radius:8px;font-family:'Lexend','Inter',sans-serif;font-weight:500;font-size:15px;letter-spacing:0;text-transform:none}
.sk-head-actions>.sk-btn--gold,.sk-head-user>.sk-btn{background:linear-gradient(#0c0b0b,#050505);border:1px solid rgba(150,124,84,.75);color:#f3efe8!important;box-shadow:inset 0 0 0 1px rgba(0,0,0,.8)}
.sk-head-actions>.sk-btn--gold i,.sk-head-user>.sk-btn i{color:#f3efe8;font-size:17px;margin-right:4px}
.sk-head-actions>.sk-btn--gold i.fa-sign-in-alt::before{content:'\f007'}
.sk-head-actions>.sk-btn--crimson{min-width:132px;background:linear-gradient(180deg,#24180a,#0f0a05);border:2px solid #e6b85c;color:#fff!important;box-shadow:0 0 10px rgba(240,180,80,.45),inset 0 0 10px rgba(240,180,80,.2)}
.sk-head-actions>.sk-btn--crimson i{display:none}

/* ---------- hero: tasarim gorseli + tiklanabilir dugmeler ---------- */
.sk-hero.sk-hero3{height:auto;aspect-ratio:3200/708;border:0;border-radius:0;background:#07060a;box-shadow:0 18px 40px rgba(0,0,0,.55);width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:0}
main.sk-home:has(.sk-hero3){padding-top:0!important}
main.sk-home:has(.sk-hero3) .sk-hero3{margin-bottom:30px}
.sk-hero.sk-hero3{overflow:visible}
.sk-hero.sk-hero3::after{display:block;top:auto;height:14%;background:linear-gradient(180deg,rgba(8,6,5,0),rgba(8,6,5,.45));pointer-events:none;z-index:1}
.sk-hero3__edge{position:absolute;z-index:4;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent 0,rgba(120,90,40,.7) 8%,#c8a253 30%,#fff0c2 50%,#c8a253 70%,rgba(120,90,40,.7) 92%,transparent 100%);box-shadow:0 0 14px 1px rgba(242,190,90,.45)}
.sk-hero3__edge::before{content:'';position:absolute;left:0;right:0;top:2px;height:70px;background:linear-gradient(180deg,rgba(0,0,0,.7),rgba(0,0,0,.25) 45%,transparent)}
.sk-hero3__edge::after{content:'';position:absolute;left:50%;top:50%;width:min(420px,40vw);height:9px;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(255,226,150,.9),rgba(242,190,90,.35) 55%,transparent)}
.sk-hero3__edge i{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,#2a1d0c,#0d0a06);border:2px solid #f2d78f;box-shadow:0 0 12px rgba(242,190,90,.8);z-index:1}
.sk-hero3__edge i::before,.sk-hero3__edge i::after{content:'';position:absolute;top:50%;left:50%;width:4px;height:4px;transform:translate(-50%,-50%);background:#ffe9a8;border-radius:50%}
.sk-hero3__art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.sk-hero3__hit{position:absolute;z-index:3;top:80.2%;height:15.8%;border-radius:8px;transition:box-shadow .15s,background .15s}
.sk-hero3__hit:hover{background:rgba(255,255,255,.07);box-shadow:0 0 18px rgba(255,220,150,.35)}
.sk-hero3__hit--dl{left:24.9%;width:15.7%}
.sk-hero3__hit--reg{left:41.7%;width:16.8%}
.sk-hero3__hit--panel{left:59.6%;width:15.8%}
.sk-hero3 .sk-hero__meta,.sk-hero3 .sk-hero__flag{display:none!important}


/* logo: tasarim gorselindeki altin SULTANKO */
.sk-header .sk-logo{width:auto;display:flex;align-items:center;margin-left:58px;margin-right:36px}
.sk-header .sk-logo img{position:static;top:auto;left:auto;width:auto;height:46px;max-width:none;filter:none;mix-blend-mode:screen}
@media (max-width:1399px){.sk-header .sk-logo{margin-left:40px}.sk-header .sk-logo img{width:auto;height:40px;top:auto}}
@media (max-width:991px){.sk-header .sk-logo{margin-left:30px}.sk-header .sk-logo img{width:auto;height:38px;top:auto}}

/* hero alev / kivilcim katmani (canvas) */
.sk-hero3__fx{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}

/* ---------- paneller / tablolar: kose cerceveli (heavenko duzeni) ---------- */
html:not([data-theme=light]) .sk-panel{background:#0f0f0f;border:1px solid #333;border-radius:0;box-shadow:0 5px 15px rgba(0,0,0,.8)}
html:not([data-theme=light]) .sk-panel::before{display:none}
html:not([data-theme=light]) .sk-panel::after{content:'';position:absolute;inset:-2px;z-index:10;pointer-events:none;background:linear-gradient(to right,#cba163 2px,transparent 2px) 0 0,linear-gradient(to bottom,#cba163 2px,transparent 2px) 0 0,linear-gradient(to left,#cba163 2px,transparent 2px) 100% 0,linear-gradient(to bottom,#cba163 2px,transparent 2px) 100% 0,linear-gradient(to right,#cba163 2px,transparent 2px) 0 100%,linear-gradient(to top,#cba163 2px,transparent 2px) 0 100%,linear-gradient(to left,#cba163 2px,transparent 2px) 100% 100%,linear-gradient(to top,#cba163 2px,transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:20px 20px}
html:not([data-theme=light]) .sk-panel__head{position:relative;background:#111;border-bottom:0;min-height:50px;padding:0 15px}
html:not([data-theme=light]) .sk-panel__head::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:linear-gradient(to right,#8a1c1c 0,#8a1c1c 30%,transparent 100%)}
html:not([data-theme=light]) .sk-panel__head h2,html:not([data-theme=light]) .sk-panel__head h3{color:#cba163;font-weight:900;letter-spacing:.06em}
html:not([data-theme=light]) .sk-panel__head h2 i,html:not([data-theme=light]) .sk-panel__head h3 i{color:#b71c1c;text-shadow:0 0 6px rgba(183,28,28,.6);font-size:16px}
html:not([data-theme=light]) .sk-panel__more{color:#777!important;font-size:11px}
html:not([data-theme=light]) .sk-table{color:#b0bec5}
html:not([data-theme=light]) .sk-table th{background:#141414;color:#777;border-bottom:1px solid #2a2a2a}
html:not([data-theme=light]) .sk-table td{padding:9px 8px;border-bottom:1px solid #252525;transition:background .2s}
html:not([data-theme=light]) .sk-table tr:last-child td{border-bottom:0}
html:not([data-theme=light]) .sk-table tbody tr:hover td{background:rgba(183,28,28,.1);color:#fff}
html:not([data-theme=light]) .sk-table td a{color:#e0e0e0;font-weight:600}
html:not([data-theme=light]) .sk-table td a:hover{color:#ffa000;text-shadow:0 0 5px rgba(255,160,0,.4)}
html:not([data-theme=light]) .sk-table td.num,html:not([data-theme=light]) .sk-table td:last-child{color:#cba163;font-weight:700;font-family:Consolas,'Courier New',monospace;letter-spacing:.5px}
html:not([data-theme=light]) .sk-table td.rk{width:34px;text-align:center}
html:not([data-theme=light]) .sk-table td.rk{color:#777;font-family:monospace;font-weight:700}
html:not([data-theme=light]) .sk-table td.rk>span.sk-rkbox{display:inline-block;width:22px;height:22px;line-height:20px;text-align:center;background:#111;border:1px solid #333;border-radius:3px;font-size:11px}
html:not([data-theme=light]) .sk-table tbody tr:first-child td{background:linear-gradient(90deg,rgba(138,28,28,.5),rgba(70,18,12,.35) 60%,rgba(40,12,8,.25))}
html:not([data-theme=light]) .sk-table tbody tr:first-child td a{color:#fff}
html:not([data-theme=light]) .sk-table td.rk .sk-crown{color:#f1c40f;font-size:15px;text-shadow:0 2px 5px rgba(0,0,0,.6)}

/* etkinlik takvimi: solda etkinlik gorseli, yazi duz zeminde */
.sk-ev.has-img{position:relative;min-height:58px;align-items:center;gap:12px;padding:7px 10px 7px 7px;border:1px solid #2c2c2c;background:linear-gradient(#141414,#0e0e0e);transition:border-color .2s}
.sk-ev.has-img:hover{border-color:#cba163}
.sk-ev.has-img.is-today{border-color:rgba(203,161,99,.6);box-shadow:inset 3px 0 0 #cba163}
.sk-ev.has-img .sk-ev__ico{width:78px;height:44px;border:1px solid rgba(203,161,99,.45);background:var(--ev) center/cover no-repeat;box-shadow:0 2px 6px rgba(0,0,0,.6);font-size:0}
.sk-ev.has-img .sk-ev__ico i{display:none}
.sk-ev.has-img .sk-ev__name{color:#e8e8e8;font-weight:600;font-size:13px;margin-top:2px}

/* client indir dugmesi (heavenko widget-download-btn) */
.sk-dlbtn{display:block;position:relative;overflow:hidden;margin-bottom:10px;padding:15px;border:1px solid #e74c3c;border-radius:6px;background:linear-gradient(45deg,#8e44ad,#c0392b);box-shadow:0 0 15px rgba(192,57,43,.4);text-decoration:none!important;transition:transform .3s,box-shadow .3s}
.sk-dlbtn:hover{transform:scale(1.02);box-shadow:0 0 25px rgba(192,57,43,.6)}
.sk-dlbtn__in{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}
.sk-dlbtn__ico{font-size:32px;color:#fff;margin-right:15px;animation:skDlBounce 2s ease infinite}
.sk-dlbtn__info{display:flex;flex-direction:column}
.sk-dlbtn__info b{color:#fff!important;font-family:Verdana,sans-serif!important;font-size:20px;font-weight:800;letter-spacing:1px;text-shadow:2px 2px 0 #000;line-height:1.2}
.sk-dlbtn__info small{color:#ddd;font-size:11px;font-weight:600}
.sk-dlbtn__fx{position:absolute;z-index:1;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,.2) 0,transparent 60%);animation:skDlRotate 5s linear infinite}
@keyframes skDlBounce{0%,20%,50%,80%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}60%{transform:translateY(-3px)}}
@keyframes skDlRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/* sayfa genisligi: heavenko ile ayni (max 1600, kenar 10px, sutunlar 322 / esnek / 307, aralik 20) */
@media (min-width:1200px){
  body.sk-theme main .sk-container{max-width:1600px;padding-left:10px;padding-right:10px}
  .sk-grid{grid-template-columns:322px minmax(0,1fr) 307px;gap:20px}
}

/* savas takvimi (heavenko event-box glass-effect) */
.sk-wars{padding:0}
.sk-war{display:flex;align-items:center;padding:12px 15px;position:relative;overflow:hidden;background:rgba(30,30,30,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.08);border-bottom-color:rgba(0,0,0,.3);transition:all .4s cubic-bezier(.25,.8,.25,1)}
.sk-war--csw{background:linear-gradient(to right,rgba(0,0,0,.9),rgba(50,20,20,.8));border-left:4px solid #b71c1c}
.sk-war--lunar{background:linear-gradient(to right,rgba(0,0,0,.9),rgba(20,30,60,.8));border-left:4px solid #3498db}
.sk-war:hover{transform:translateY(-3px) scale(1.02);border-color:rgba(255,255,255,.25);box-shadow:0 10px 25px -5px rgba(0,0,0,.5);z-index:2}
.sk-war::after{content:'';position:absolute;top:-50%;left:-100%;width:200%;height:200%;background:linear-gradient(120deg,transparent 0,transparent 40%,rgba(255,255,255,.15) 50%,transparent 60%,transparent 100%);transform:rotate(25deg);transition:all .8s ease-in-out;pointer-events:none;opacity:.7}
.sk-war:hover::after{left:100%}
.sk-war__ico,.sk-war__info{position:relative;z-index:2}
.sk-war__ico img{display:block;width:42px;height:42px;border-radius:6px;margin-right:12px;object-fit:cover;border:1px solid rgba(255,255,255,.1)}
.sk-war__info{display:flex;flex-direction:column;justify-content:center}
.sk-war__name{font-size:13px;font-weight:700;color:#fff;letter-spacing:.5px}
.sk-war__date{font-size:11px;color:#aaa;margin-top:2px}
.sk-war__date.is-off{font-weight:700;color:#e74c3c}
.sk-war__count{font-size:12px;color:#cba163;font-family:'Courier New',monospace;font-weight:700;margin-top:3px}

/* hero canlandirma: bayrak dalgasi, bulut, kristal, logo parlamasi */
.sk-hero3__svg{position:absolute;width:0;height:0;overflow:hidden}
.sk-hero3__anim{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.sk-hero3__flag{position:absolute;overflow:hidden;filter:url(#skFlagWave);-webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 100%);mask-image:radial-gradient(closest-side,#000 72%,transparent 100%)}
.sk-hero3__flag img{position:absolute;max-width:none;display:block}
.sk-hero3__flag--ka{left:3.4%;top:0;width:12.4%;height:52%}
.sk-hero3__flag--ka img{width:806.45%;height:192.3%;left:-27.42%;top:0}
.sk-hero3__flag--el{left:83.4%;top:0;width:16.6%;height:49%}
.sk-hero3__flag--el img{width:602.4%;height:204.1%;left:-502.4%;top:0}
.sk-hero3__cloud{position:absolute;top:-10%;height:55%;width:60%;opacity:.22;mix-blend-mode:screen;background:radial-gradient(40% 45% at 30% 50%,rgba(170,170,210,.55),transparent 70%),radial-gradient(35% 40% at 70% 40%,rgba(140,150,200,.45),transparent 70%);filter:blur(14px);animation:skCloud 46s linear infinite}
.sk-hero3__cloud--b{top:-6%;opacity:.16;animation-duration:70s;animation-delay:-30s}
@keyframes skCloud{from{transform:translateX(-70%)}to{transform:translateX(190%)}}
.sk-hero3__crystal{position:absolute;left:49.7%;top:4%;width:7%;height:20%;transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(140,190,255,.85),rgba(80,120,255,.35) 45%,transparent 75%);mix-blend-mode:screen;animation:skCrystal 3.2s ease-in-out infinite}
@keyframes skCrystal{0%,100%{opacity:.35;transform:translate(-50%,-50%) scale(.9)}50%{opacity:.95;transform:translate(-50%,-50%) scale(1.15)}}
.sk-hero3__shine{position:absolute;left:35%;top:11%;width:31.5%;height:50%;overflow:hidden;mix-blend-mode:overlay;-webkit-mask-image:radial-gradient(closest-side,#000 75%,transparent);mask-image:radial-gradient(closest-side,#000 75%,transparent)}
.sk-hero3__shine::before{content:'';position:absolute;top:-20%;bottom:-20%;left:-40%;width:28%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,250,225,.95),transparent);animation:skShine 5.5s ease-in-out infinite}
@keyframes skShine{0%{left:-40%}55%,100%{left:120%}}

/* kaydirma ilerleme cizgisi (menu alti) */
.sk-progress{position:absolute;left:0;right:0;bottom:-2px;height:3px;z-index:3;pointer-events:none;opacity:0;transition:opacity .25s}
.sk-progress.is-on{opacity:1}
.sk-progress span{display:block;height:100%;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#8a1c1c 0,#d9a441 45%,#fff0c2 75%,#3a7bd5 100%);box-shadow:0 0 10px rgba(242,190,90,.75),0 0 2px #fff3cf}
.sk-progress span::after{content:'';position:absolute;right:-4px;top:50%;width:9px;height:9px;transform:translateY(-50%) rotate(45deg);background:#fff0c2;box-shadow:0 0 12px 3px rgba(255,200,100,.9)}
.sk-progress{overflow:visible}
.sk-progress span{position:relative}
.sk-progress.is-full span{animation:skProgFull 1.4s ease-in-out infinite alternate}
@keyframes skProgFull{from{filter:brightness(1)}to{filter:brightness(1.6)}}

/* menu logosu: fare gelince hero animasyonu (parlama + kivilcim + isik) */
.sk-header .sk-logo{position:relative;overflow:visible}
.sk-logo__shine{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:overlay;-webkit-mask-image:radial-gradient(closest-side,#000 70%,transparent);mask-image:radial-gradient(closest-side,#000 70%,transparent)}
.sk-logo__shine::before{content:'';position:absolute;top:-30%;bottom:-30%;left:-60%;width:35%;transform:skewX(-22deg);background:linear-gradient(90deg,transparent,rgba(255,250,225,1),transparent);opacity:0}
.sk-logo__spark{position:absolute;left:50%;top:50%;width:150%;height:220%;transform:translate(-50%,-50%) scale(.6);pointer-events:none;opacity:0;background:radial-gradient(closest-side,rgba(255,190,90,.45),rgba(255,120,40,.15) 50%,transparent 75%);transition:opacity .3s,transform .4s}
.sk-header .sk-logo img{transition:filter .3s,transform .3s}
.sk-header .sk-logo:hover img{filter:drop-shadow(0 0 10px rgba(255,200,100,.65)) brightness(1.15);transform:scale(1.04)}
.sk-header .sk-logo:hover .sk-logo__spark{opacity:1;transform:translate(-50%,-50%) scale(1);animation:skLogoFlicker 1.6s ease-in-out infinite}
.sk-header .sk-logo:hover .sk-logo__shine::before{opacity:1;animation:skLogoShine 1.4s ease-in-out infinite}
@keyframes skLogoShine{0%{left:-60%}70%,100%{left:130%}}
@keyframes skLogoFlicker{0%,100%{opacity:.75}50%{opacity:1}}

/* giris yap penceresi (SultanKO) */
#userLogin .auth-modal-dialog{max-width:780px}
body.sk-theme #userLogin .modal-content.sk-login{display:grid;grid-template-columns:44% 56%;padding:0;overflow:hidden;border:1px solid #3a2f1c!important;border-radius:6px!important;background:#0c0b0a!important;box-shadow:0 30px 80px rgba(0,0,0,.85),0 0 0 1px rgba(203,161,99,.15)}
.sk-login::after{content:'';position:absolute;inset:-2px;z-index:5;pointer-events:none;background:linear-gradient(to right,#cba163 2px,transparent 2px) 0 0,linear-gradient(to bottom,#cba163 2px,transparent 2px) 0 0,linear-gradient(to left,#cba163 2px,transparent 2px) 100% 0,linear-gradient(to bottom,#cba163 2px,transparent 2px) 100% 0,linear-gradient(to right,#cba163 2px,transparent 2px) 0 100%,linear-gradient(to top,#cba163 2px,transparent 2px) 0 100%,linear-gradient(to left,#cba163 2px,transparent 2px) 100% 100%,linear-gradient(to top,#cba163 2px,transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:22px 22px}
.sk-login__close{position:absolute;right:12px;top:8px;z-index:6;border:0;background:none;color:#cfc4ae;font-size:30px;line-height:1;cursor:pointer;opacity:.7}
.sk-login__close:hover{opacity:1;color:#fff}
.sk-login__art{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:400px;padding:28px 20px;background:#070608}
.sk-login__half{position:absolute;top:0;bottom:0;width:50%;background-image:url('../Public/Web/img/hero/sk-hero-main.webp');background-repeat:no-repeat;background-size:auto 150%;opacity:.9}
.sk-login__half--ka{left:0;background-position:21% 45%;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.sk-login__half--el{right:0;background-position:79% 45%;-webkit-mask-image:linear-gradient(270deg,#000 55%,transparent);mask-image:linear-gradient(270deg,#000 55%,transparent)}
.sk-login__art .sk-login__logo,.sk-login__art .sk-login__tag,.sk-login__art .sk-login__nations{z-index:2}
.sk-login__art::before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(60% 45% at 50% 50%,rgba(0,0,0,.8),rgba(0,0,0,.35) 70%,transparent),linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.7));pointer-events:none}
.sk-login__art::after{content:'';position:absolute;right:0;top:0;bottom:0;width:1px;background:linear-gradient(transparent,#cba163,transparent)}
.sk-login__logo{position:relative;width:78%;max-width:250px;filter:drop-shadow(0 4px 14px #000) drop-shadow(0 0 18px rgba(255,190,90,.35));mix-blend-mode:screen}
.sk-login__tag{position:relative;padding:6px 16px;border-top:1px solid #cba163;border-bottom:1px solid #cba163;background:rgba(0,0,0,.7);font-family:var(--ko-display);font-weight:700;font-size:11.5px;letter-spacing:.12em;color:#f2d78f;text-align:center}
.sk-login__nations{position:relative;display:flex;align-items:center;gap:10px;font-family:var(--ko-display);font-weight:900;font-size:13px;letter-spacing:.1em}
.sk-login__nations .k{color:#ff7a62;text-shadow:0 0 10px rgba(255,80,50,.6)}
.sk-login__nations .e{color:#7fb2ff;text-shadow:0 0 10px rgba(80,140,255,.6)}
.sk-login__nations i{font-style:normal;color:#cba163;font-size:11px}
.sk-login__form{display:flex;flex-direction:column;justify-content:center;padding:34px 34px 26px;background:radial-gradient(120% 60% at 100% 0,rgba(138,28,28,.18),transparent 60%),#0f0e0d}
.sk-login__title{margin:0 0 4px;font-family:var(--ko-display);font-weight:900;font-size:26px;letter-spacing:.06em;text-transform:uppercase;color:#f2d78f;text-shadow:0 0 14px rgba(242,190,90,.35)}
.sk-login__sub{margin:0 0 20px;font-size:13px;color:#9a917f}
.sk-login__field{position:relative;display:flex;align-items:center;margin:0 0 12px;border:1px solid #2f2a22;background:#090807;border-radius:5px;transition:border-color .2s,box-shadow .2s}
.sk-login__field:focus-within{border-color:#cba163;box-shadow:0 0 0 3px rgba(203,161,99,.15),0 0 14px rgba(203,161,99,.2)}
.sk-login__field>i{width:44px;text-align:center;color:#8a1c1c;font-size:15px}
.sk-login__field:focus-within>i{color:#e2b45c}
body.sk-theme .sk-login__field input{flex:1;min-width:0;height:48px;padding:0 12px 0 0;border:0!important;background:transparent!important;box-shadow:none!important;color:#f1ebe0!important;font-size:15px;outline:0}
.sk-login__eye{width:44px;height:48px;border:0;background:none;color:#6d6558;cursor:pointer}
.sk-login__eye.is-on,.sk-login__eye:hover{color:#e2b45c}
.sk-login__row{display:flex;justify-content:space-between;gap:10px;margin:2px 0 18px;font-size:12.5px}
.sk-login__row a{color:#9a917f!important}
.sk-login__row a:hover{color:#f2d78f!important}
.sk-login__row b{color:#e2b45c}
body.sk-theme #userLogin .sk-login__btn{position:relative;overflow:hidden;height:52px;border-radius:6px!important;border:2px solid #f2d78f!important;background:linear-gradient(180deg,#5a4321,#2c1f0e 55%,#1c1409)!important;color:#fff3cf!important;font-family:var(--ko-display);font-weight:900;font-size:17px;letter-spacing:.08em;box-shadow:0 0 18px rgba(242,190,90,.35),inset 0 1px 0 rgba(255,235,190,.3);cursor:pointer;transition:filter .2s,transform .2s}
.sk-login__btn:hover{filter:brightness(1.15);transform:translateY(-1px)}
.sk-login__btn::after{content:'';position:absolute;top:0;bottom:0;left:-40%;width:30%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,240,200,.45),transparent);animation:skLoginShine 3.2s ease-in-out infinite}
@keyframes skLoginShine{0%{left:-40%}60%,100%{left:130%}}
.sk-login__safe{margin-top:16px;text-align:center;font-size:11.5px;color:#6d6558}
.sk-login__safe i{color:#3f9b5c;margin-right:5px}
#userLogin.show .sk-login{animation:skLoginIn .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes skLoginIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}
@media (max-width:767px){body.sk-theme #userLogin .modal-content.sk-login{grid-template-columns:1fr}.sk-login__art{min-height:170px;padding:20px}.sk-login__logo{width:60%}.sk-login__nations{display:none}.sk-login__form{padding:24px 20px 20px}.sk-login__title{font-size:22px}.sk-login__row{flex-direction:column;gap:6px}}

/* hesabim: karakter vitrini (3D model) */
.ucp-vitrin{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin:0 0 22px;border:1px solid #333;background:#0d0c0b;box-shadow:0 10px 30px rgba(0,0,0,.6);overflow:hidden}
.ucp-vitrin::after{content:'';position:absolute;inset:-2px;z-index:5;pointer-events:none;background:linear-gradient(to right,#cba163 2px,transparent 2px) 0 0,linear-gradient(to bottom,#cba163 2px,transparent 2px) 0 0,linear-gradient(to left,#cba163 2px,transparent 2px) 100% 0,linear-gradient(to bottom,#cba163 2px,transparent 2px) 100% 0,linear-gradient(to right,#cba163 2px,transparent 2px) 0 100%,linear-gradient(to top,#cba163 2px,transparent 2px) 0 100%,linear-gradient(to left,#cba163 2px,transparent 2px) 100% 100%,linear-gradient(to top,#cba163 2px,transparent 2px) 100% 100%;background-repeat:no-repeat;background-size:24px 24px}
.ucp-vitrin__stage{position:relative;min-height:460px;background:#07101a}
.ucp-vitrin__stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}
.ucp-vitrin__stage::after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset -80px 0 80px -40px #0d0c0b,inset 0 -60px 60px -40px rgba(0,0,0,.6)}
.ucp-vitrin__badge{position:absolute;left:14px;top:14px;z-index:2;padding:4px 10px;border:1px solid rgba(203,161,99,.6);background:rgba(0,0,0,.65);color:#f2d78f;font-size:11px;font-weight:700;letter-spacing:.08em;border-radius:3px}
.ucp-vitrin__info{position:relative;display:flex;flex-direction:column;justify-content:center;padding:34px 34px 28px;background:radial-gradient(100% 70% at 100% 0,var(--uv-tint),transparent 65%),#0d0c0b}
.ucp-vitrin--ka{--uv-tint:rgba(170,35,25,.28);--uv-acc:#ff7a62}
.ucp-vitrin--el{--uv-tint:rgba(40,90,210,.28);--uv-acc:#7fb2ff}
.ucp-vitrin__kicker{font-size:12px;font-weight:800;letter-spacing:.2em;color:var(--uv-acc);text-shadow:0 0 12px var(--uv-tint)}
.ucp-vitrin__name{margin:6px 0 8px;font-family:var(--ko-display);font-weight:900;font-size:38px;line-height:1.05;color:#fff;text-shadow:0 0 22px rgba(242,190,90,.25);word-break:break-word}
.ucp-vitrin__clan{display:flex;flex-wrap:wrap;align-items:center;gap:12px;color:#cfc4ae;font-size:14px}
.ucp-vitrin__clan>i{color:#cba163}
.ucp-vitrin__live{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:1px solid #333;border-radius:20px;font-size:12px;color:#8a8a8a}
.ucp-vitrin__live i{font-size:8px}
.ucp-vitrin__live.is-on{color:#5fd38d;border-color:rgba(95,211,141,.4)}
.ucp-vitrin__live.is-on i{animation:skPulse 1.4s infinite}
.ucp-vitrin__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}
.ucp-vitrin__stats div{padding:12px;border:1px solid #2a2622;background:rgba(0,0,0,.45);text-align:center}
.ucp-vitrin__stats small{display:block;font-size:10.5px;font-weight:700;letter-spacing:.12em;color:#8a8170}
.ucp-vitrin__stats b{display:block;margin-top:4px;font-family:Consolas,'Courier New',monospace;font-size:20px;color:#cba163}
.ucp-vitrin__stats em{font-style:normal;font-size:13px;color:var(--uv-acc)}
.ucp-vitrin__actions{display:flex;flex-wrap:wrap;gap:10px}
.ucp-vitrin__btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border:1px solid #3a342b;border-radius:6px;background:#141210;color:#e8e1d3!important;font-weight:700;font-size:14px;text-decoration:none!important;transition:border-color .2s,transform .2s}
.ucp-vitrin__btn:hover{border-color:#cba163;transform:translateY(-1px)}
.ucp-vitrin__btn.is-gold{border:2px solid #f2d78f;background:linear-gradient(180deg,#5a4321,#2c1f0e 55%,#1c1409);color:#fff3cf!important;box-shadow:0 0 14px rgba(242,190,90,.3)}
.ucp-vitrin__switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #24211d}
.ucp-vitrin__switch a{padding:6px 12px;border:1px solid #2f2a22;border-radius:4px;background:#0a0908;color:#a39a88!important;font-size:12.5px;font-weight:600;text-decoration:none!important}
.ucp-vitrin__switch a.n1{box-shadow:inset 3px 0 0 #b33a2f}
.ucp-vitrin__switch a.n2{box-shadow:inset 3px 0 0 #3a7bd5}
.ucp-vitrin__switch a:hover,.ucp-vitrin__switch a.is-on{border-color:#cba163;color:#f2d78f!important;background:#16120c}
@media (max-width:991px){.ucp-vitrin{grid-template-columns:1fr}.ucp-vitrin__stage{min-height:380px}.ucp-vitrin__stage::after{box-shadow:inset 0 -80px 80px -40px #0d0c0b}.ucp-vitrin__info{padding:22px 18px}.ucp-vitrin__name{font-size:30px}}

/* menu: fare gelince aktif menudeki sari isik (cizgi + elmas + hale) */
.sk-nav>ul>li{transition:background .25s}
.sk-nav>ul>li>a::after{content:'';position:absolute;left:50%;bottom:-3px;width:7px;height:7px;transform:translateX(-50%) rotate(45deg) scale(0);background:#ffe4a0;box-shadow:0 0 8px 2px rgba(255,190,80,.9);pointer-events:none;transition:transform .2s}
.sk-nav>ul>li:hover{background:radial-gradient(70% 90% at 50% 100%,rgba(255,170,60,.28),rgba(255,170,60,.08) 55%,transparent 75%)}
.sk-nav>ul>li:hover>a{color:#f8d488;text-shadow:0 0 14px rgba(255,190,80,.6)}
.sk-nav>ul>li:hover>a::before{width:150%;height:2px;box-shadow:0 0 8px 1px rgba(255,190,80,.8)}
.sk-nav>ul>li:hover>a::after,.sk-nav>ul>li.is-active>a::after{transform:translateX(-50%) rotate(45deg) scale(1)}
.sk-nav>ul>li>a:active{transform:translateY(1px)}
.sk-nav>ul:hover>li.is-active:not(:hover){background:none}
.sk-nav>ul:hover>li.is-active:not(:hover)>a{color:#f1ebe0;text-shadow:none}
.sk-nav>ul:hover>li.is-active:not(:hover)>a::before{width:0}
.sk-nav>ul:hover>li.is-active:not(:hover)>a::after{transform:translateX(-50%) rotate(45deg) scale(0)}

/* duyuru seridi: menuyle uyumlu kati arka plan */
html:not([data-theme=light]) .sk-ticker{position:relative;background:linear-gradient(90deg,rgba(120,22,16,.55) 0,rgba(10,9,8,.98) 18%,#0b0a09 50%,rgba(10,9,8,.98) 82%,rgba(24,54,130,.55) 100%),#0b0a09;border-bottom:1px solid rgba(203,161,99,.35);box-shadow:0 6px 18px rgba(0,0,0,.55)}
html:not([data-theme=light]) .sk-ticker::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(242,215,143,.55) 30%,rgba(242,215,143,.55) 70%,transparent);pointer-events:none}
html:not([data-theme=light]) .sk-ticker__label{position:relative;height:24px;padding:0 14px 0 10px;background:linear-gradient(180deg,#8f1d16,#5a0f0a);border:1px solid #c0392b;color:#fff3cf;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);box-shadow:0 0 12px rgba(192,57,43,.45)}
html:not([data-theme=light]) .sk-ticker__label i{color:#ffd58a}
html:not([data-theme=light]) .sk-ticker__track span{color:#e3dccd}
html:not([data-theme=light]) .sk-ticker__track span::before{color:#e2b45c}

/* ana sayfa: duyuru seridi hero'nun altinda, tam genislik */
.sk-hero3+.sk-ticker{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-top:-30px;margin-bottom:24px}

/* haber kartlari: gorselli */
.sk-news__img{height:150px}
.sk-news__img img{transition:transform .5s}
.sk-news__img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,9,8,.85));pointer-events:none}
.sk-news a:hover .sk-news__img img{transform:scale(1.07)}
.sk-news__img .sk-badge{z-index:2}