/* Ekrem Abi v4 — oranlı kartlar, canlı menü, sponsor rayları ve yeni çark */

/* Metinsiz açılış animasyonu */
.page-loader{background:radial-gradient(circle at 50% 48%,#7a201f55 0,#171016 27%,#06080d 72%);overflow:hidden}
.page-loader:before{width:360px;height:360px;border-color:#ffbf4c55;box-shadow:0 0 70px #ff552d22,inset 0 0 35px #ffb32614}
.page-loader:after{width:500px;height:240px;border-color:#ff315035;box-shadow:0 0 70px #ff174f22;transform:translate(-50%,-50%) rotate(-28deg)}
.loader-card{width:176px;height:176px;position:relative;z-index:2;display:grid;place-items:center;border:1px solid #f3b94688;border-radius:50%;background:radial-gradient(circle at 42% 32%,#632213,#1a1013 48%,#090b0f 74%);box-shadow:inset 0 0 0 7px #090b10,inset 0 0 36px #ff6c2b4a,0 0 65px #ff3b2f45,0 28px 70px #000;animation:v4-loader-pulse 1.6s ease-in-out infinite}
.loader-card:before,.loader-card:after{content:"";position:absolute;inset:-16px;border:2px solid transparent;border-top-color:#ffcc5b;border-right-color:#ff315b;border-radius:50%;animation:v4-loader-spin 1.25s linear infinite}
.loader-card:after{inset:-31px;border-width:1px;border-top-color:#ff632d;border-left-color:#f3b946;animation-direction:reverse;animation-duration:2.1s}
.loader-card img{width:92px;height:92px;position:relative;z-index:3;object-fit:contain;filter:drop-shadow(0 10px 18px #000) drop-shadow(0 0 13px #ffbf4c55)}
.loader-card i{width:51px;height:70px;padding:6px;position:absolute;border:2px solid #f1d19a;border-radius:8px;background:linear-gradient(145deg,#fff9ea,#d9ccb3);color:#20100b;font:900 17px/1 Georgia,serif;box-shadow:0 10px 24px #000a;display:flex;align-items:flex-start}
.loader-card-back{left:-21px;bottom:-7px;transform:rotate(-17deg);animation:v4-card-left 1.6s ease-in-out infinite}
.loader-card-front{right:-21px;top:-7px;justify-content:flex-end;color:#c61531!important;transform:rotate(17deg);animation:v4-card-right 1.6s ease-in-out infinite}
@keyframes v4-loader-spin{to{transform:rotate(360deg)}}
@keyframes v4-loader-pulse{50%{transform:scale(1.055);filter:brightness(1.16)}}
@keyframes v4-card-left{50%{transform:translate(-5px,4px) rotate(-23deg)}}
@keyframes v4-card-right{50%{transform:translate(5px,-4px) rotate(23deg)}}

/* Sol menü ve Telegram kartı */
.app-nav-group>a{min-height:43px;padding:7px 9px;gap:10px}
.app-nav-group>a i{width:29px;height:29px;flex:0 0 29px;border:1px solid #ffffff18;border-radius:9px;background:linear-gradient(145deg,#2c3340,#171a22);display:grid;place-items:center;font-size:15px;filter:drop-shadow(0 5px 8px #0008);box-shadow:inset 0 1px #ffffff12,0 0 13px #ff315012}
.app-nav-group>a:hover i,.app-nav-group>a[aria-current="page"] i{border-color:#ffbd4c77;background:linear-gradient(145deg,#502135,#27141c);box-shadow:0 0 17px #ff315044}
.app-nav-group:nth-child(1)>a:nth-of-type(1) i{background-color:#173128}.app-nav-group:nth-child(1)>a:nth-of-type(2) i{background-color:#302616}.app-nav-group:nth-child(1)>a:nth-of-type(3) i{background-color:#241c38}.app-nav-group:nth-child(1)>a:nth-of-type(4) i{background-color:#14313a}
.app-nav-group:nth-child(2)>a:nth-of-type(1) i{background-color:#382018}.app-nav-group:nth-child(2)>a:nth-of-type(2) i{background-color:#352817}.app-nav-group:nth-child(2)>a:nth-of-type(3) i{background-color:#163229}.app-nav-group:nth-child(2)>a:nth-of-type(4) i{background-color:#3b1720}.app-nav-group:nth-child(2)>a:nth-of-type(5) i{background-color:#192f3a}.app-nav-group:nth-child(2)>a:nth-of-type(6) i{background-color:#2c1738}.app-nav-group:nth-child(2)>a:nth-of-type(7) i{background-color:#362913}
.sidebar .telegram-card{min-height:78px!important;padding:13px 14px!important;border-color:#278dbd66!important;border-radius:12px!important;background:radial-gradient(circle at 12% 20%,#229ed94d,transparent 34%),linear-gradient(135deg,#202a35,#171b23)!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:5px!important;overflow:hidden;line-height:1.2}
.sidebar .telegram-card:before{content:"";width:46px;height:46px;position:absolute;right:8px;bottom:-7px;background:url("social-telegram.svg") center/contain no-repeat;opacity:.2;transform:rotate(-9deg)}
.sidebar .telegram-card b,.sidebar .telegram-card small{width:calc(100% - 14px);position:relative;z-index:2;display:block!important;white-space:normal!important;overflow-wrap:anywhere}
.sidebar .telegram-card b{font-size:10px!important;color:#fff!important}.sidebar .telegram-card small{font-size:7px!important;color:#69cef8!important}

/* Ana kahraman alanı */
.hero-forge{isolation:isolate}
.hero-forge:before{width:315px;height:245px;background:radial-gradient(circle,#ffab2b24,transparent 62%);border-color:#ff9d2e55;box-shadow:0 0 46px #ff3b2333,inset 0 0 36px #ff9d2e17}
.forge-emblem{width:330px;height:145px;clip-path:none;border:0;border-radius:28px;background:radial-gradient(circle at 50% 48%,#ff8b2e2b,transparent 58%);box-shadow:none;overflow:visible;animation:v4-emblem-float 3.4s ease-in-out infinite}
.forge-emblem:before{content:"";position:absolute;inset:22px 28px;border:1px solid #f8ba4c5c;border-radius:50%;box-shadow:0 0 42px #ff4d2c40,inset 0 0 35px #ff6d2822}
.forge-emblem img{width:100%;height:100%;position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 18px 22px #000) drop-shadow(0 0 15px #ff6a3045)}
.hero-card{width:86px;height:120px;padding:10px;position:absolute;z-index:1;border:2px solid #f0d2a0;border-radius:12px;background:linear-gradient(145deg,#fff9e9,#d8c8aa);color:#19100b;font:900 28px/1 Georgia,serif;box-shadow:0 20px 40px #000a;display:flex;flex-direction:column;justify-content:space-between}
.hero-card i{font-style:normal;font-size:42px}.hero-card-left{left:9px;bottom:23px;transform:rotate(-18deg);animation:v4-card-drift-left 4s ease-in-out infinite}.hero-card-right{right:8px;top:21px;color:#c3132d;align-items:flex-end;transform:rotate(18deg);animation:v4-card-drift-right 4.5s ease-in-out infinite}
@keyframes v4-emblem-float{50%{transform:translateY(-7px);filter:brightness(1.1)}}
@keyframes v4-card-drift-left{50%{transform:translate(-6px,5px) rotate(-23deg)}}
@keyframes v4-card-drift-right{50%{transform:translate(6px,-5px) rotate(23deg)}}

/* Sponsor şeridi ve ana sponsor kartları */
.featured-strip{min-height:128px;padding:11px;gap:9px;align-items:stretch}
.featured-strip a{height:auto;min-height:104px;padding:7px 7px 8px;grid-template-rows:minmax(0,1fr) auto auto;gap:3px;background:linear-gradient(145deg,#222731,#12161d)}
.featured-strip img{width:76px;height:76px;max-width:100%;border-radius:10px;object-fit:cover;box-shadow:0 9px 19px #0008}
.featured-strip span{max-width:100%;display:block;color:#f5f7fb;font-size:8px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.featured-strip small{max-width:100%;display:block;color:var(--site-color);font-size:7px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-home .sponsor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.app-home .sponsor-card{border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#232833,#151820);box-shadow:0 18px 38px #0007}
.app-home .sponsor-media{width:100%;padding:0;aspect-ratio:1/1;background:#0b0e13;overflow:hidden}
.app-home .sponsor-media img{width:100%;height:100%;border-radius:0;object-fit:cover;transform:none}
.app-home .sponsor-info{padding:15px 16px 17px}.app-home .sponsor-info h3{font-size:18px}.app-home .sponsor-info p{min-height:36px;font-size:11px;line-height:1.45}.app-home .sponsor-info>a{width:100%;justify-content:center}

/* Kampanya kartları: 3 masaüstü, 2 mobil */
.app-home .campaign-section{padding:21px!important}
.app-home .campaign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.app-home .campaign-card{border-radius:15px}.app-home .campaign-image{min-height:0;aspect-ratio:1/1}.app-home .campaign-image>img,.app-home .campaign-image>picture,.app-home .campaign-image>picture>img{width:100%;height:100%;object-fit:cover}
.app-home .campaign-copy{padding:13px 14px 15px}.app-home .campaign-copy h3{margin:6px 0;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.app-home .campaign-copy p{min-height:34px;font-size:9px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Günlük ödüller */
.daily-reward-card{min-height:198px;padding:0;display:grid;grid-template-columns:43% 1fr;overflow:hidden;box-shadow:inset 0 3px var(--reward-color),0 16px 34px #0005}
.daily-reward-card>.daily-reward-art{min-width:0;position:relative;display:block;background:#0d1015;overflow:hidden}
.daily-reward-art img{width:100%;height:100%;object-fit:cover}.daily-reward-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#07090edb)}
.daily-reward-card>.daily-reward-art>strong{position:absolute;z-index:2;left:10px;right:8px;bottom:10px;color:#66f19f;font-size:16px;line-height:1.05;text-shadow:0 3px 7px #000}
.daily-reward-card>.daily-reward-copy{min-width:0;padding:15px;display:flex;flex-direction:column!important;justify-content:flex-start!important;color:#929aa8;font-size:7px}
.daily-reward-copy>div{display:flex;justify-content:space-between;gap:5px}.daily-reward-card h3{margin:14px 0 5px;font-size:15px}.daily-reward-card p{margin:0;font-size:8px}.daily-reward-card a{margin-top:auto}

/* Merkez, bilet, market, kefil ve topluluk kartları */
.module-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.module-card{min-height:0;padding:0;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#232833,#151820);box-shadow:inset 0 3px var(--module-color),0 18px 38px #0007}
.module-art{width:100%;aspect-ratio:1/1;position:relative;background:#0b0e13 url("sponsor-card-base-v4.png") center/cover;overflow:hidden}
.module-art:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#07090eef)}
.module-art img{width:100%;height:100%;display:block;object-fit:cover}
.module-art>span{position:absolute;z-index:2;left:14px;right:14px;bottom:13px;color:#57ee99;font-size:clamp(17px,1.7vw,25px);font-weight:950;line-height:1.08;text-shadow:0 3px 8px #000}
.module-copy{min-height:230px;padding:16px 17px 18px;display:flex;flex-direction:column}
.module-copy>small{color:var(--module-color);font-size:7px;font-weight:950;letter-spacing:1px}.module-copy h2{font-size:19px}.module-copy p{font-size:10px}.module-copy>a{margin-top:auto;align-self:flex-start;padding:10px 12px;border-radius:8px;background:#ff174f;font-size:8px;font-weight:900;display:inline-flex;align-items:center}
.community-module{background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--module-color) 20%,transparent),transparent 46%),linear-gradient(145deg,#222732,#12151c)}
.community-brand{height:240px;padding:45px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,color-mix(in srgb,var(--module-color) 24%,#10141b),#0f1218 66%)}
.community-brand:after{content:"";position:absolute;inset:18px;border:1px solid color-mix(in srgb,var(--module-color) 40%,transparent);border-radius:50%;box-shadow:0 0 35px color-mix(in srgb,var(--module-color) 23%,transparent)}
.community-brand img{width:132px;height:132px;position:relative;z-index:2;object-fit:contain;filter:drop-shadow(0 18px 25px #0008)}
.community-module .module-copy{min-height:180px;text-align:center;align-items:center}.community-module .module-copy>a{align-self:center;min-width:125px;justify-content:center;background:var(--module-color)}

/* Dikey sponsor alanları */
.sponsor-rail{top:66px;bottom:10px;width:112px;padding:11px 8px;border-radius:16px;background-size:cover;background-position:center;box-shadow:0 24px 64px #000d,0 0 30px color-mix(in srgb,var(--rail-color) 25%,transparent)}
.sponsor-rail-left{left:calc(var(--sidebar) + 8px)}.sponsor-rail-right{right:8px}
.sponsor-rail>span{padding:6px 7px;background:#05070ad9;font-size:6px}.sponsor-rail img{width:88px;height:88px;border:2px solid #ffffff25;border-radius:13px;object-fit:cover}.sponsor-rail h2{font-size:14px}.sponsor-rail p{font-size:8px}.sponsor-rail>b{font-size:7px}

/* Baştan tasarlanan çark */
.wheel-app-stage{min-height:890px;border-color:#63341f;border-radius:24px;background:radial-gradient(circle at 50% 55%,#ff642c37,transparent 34%),linear-gradient(180deg,#07090dc4,#08090db0 52%,#08090df5),url("sponsor-card-base-v4.png") center/cover no-repeat;box-shadow:inset 0 0 115px #000,0 30px 80px #000c,0 0 36px #ff552126}
.wheel-app-stage:before{background:radial-gradient(ellipse at 50% 92%,#ff9a2d60 0,#ff3b1e32 25%,transparent 58%);animation:v4-wheel-fire 2.4s ease-in-out infinite}
.wheel-page .wheel-stage{min-height:790px;padding-top:65px}
.wheel-page .wheel-title{min-width:245px;padding:13px 35px 17px;margin-bottom:-8px;filter:drop-shadow(0 10px 14px #000) drop-shadow(0 0 10px #ff6a2b66)}
.wheel-page .wheel-title small{font-size:8px}.wheel-page .wheel-title b{font-size:23px}
.wheel-page .wheel-machine{--wheel-size:min(600px,68vw);border:13px solid #19140e;background:radial-gradient(circle,#7c2a11 0 58%,#1a1410 59% 67%,#050607 68%);box-shadow:inset 0 0 0 4px #d8902f,inset 0 0 0 10px #090b0e,0 31px 80px #000,0 0 55px #ff5c244f}
.wheel-page .wheel-machine:before{background:repeating-conic-gradient(from 5deg,#f0ae3d 0 2deg,#251910 2deg 10deg,#9b2d17 10deg 13deg,#151516 13deg 30deg);filter:drop-shadow(0 0 12px #ff712d99)}
.wheel-crown{position:absolute;z-index:8;left:50%;top:-32px;transform:translateX(-50%);color:#ffcf58;font-size:42px;text-shadow:0 4px 8px #000,0 0 17px #ff7b2e}
.wheel-page .wheel-pointer{z-index:9;top:-5px;width:58px;height:82px;background:linear-gradient(90deg,#641d0d,#ffbd3d 35%,#fff1a0 52%,#e4771c 78%,#56190b);color:#5b1c0d;filter:drop-shadow(0 8px 9px #000) drop-shadow(0 0 13px #ff7a25)}
.wheel-page .prize-wheel{border-color:#0c0d10;box-shadow:inset 0 0 0 3px #f0b54b,inset 0 0 0 8px #3b2011,inset 0 0 70px #000e,0 0 0 3px #a93b1f,0 0 37px #ff6b2f55}
.wheel-page .wheel-label{width:112px;gap:3px;padding:0;display:flex;flex-direction:column;align-items:center}
.wheel-page .wheel-label img{width:48px;height:48px;border:2px solid var(--label-color);border-radius:10px;object-fit:cover;box-shadow:0 7px 13px #000b,0 0 10px color-mix(in srgb,var(--label-color) 45%,transparent)}
.wheel-page .wheel-label b{font-size:13px;color:#fff7e4}.wheel-page .wheel-label small{max-width:105px;font-size:7px;color:#ffd27e}
.wheel-page .wheel-hub{width:112px;height:112px;padding:17px;border:8px solid #31160c;background:radial-gradient(circle,#ffda68,#a94016 52%,#3e1209 78%);display:grid!important;place-items:center;box-shadow:0 0 0 3px #ffcf5b,0 0 0 8px #4a2413,0 0 38px #ff6b28,inset 0 -14px 23px #4b1307}
.wheel-page .wheel-hub img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 6px 9px #411)}
.wheel-page .spin-button{min-width:245px;padding:16px 24px;border-radius:13px;font-size:13px;letter-spacing:.4px}
.wheel-page .wheel-result{max-width:570px;border-color:#a75527;background:linear-gradient(145deg,#261913ef,#101319f5)}
@keyframes v4-wheel-fire{50%{opacity:.68;filter:brightness(1.22);transform:scaleY(1.035)}}

@media(min-width:1250px){
  body.has-sponsor-rails .page-shell{padding-left:124px;padding-right:124px}
  .sponsor-rail{display:flex}
  .app-home,.module-page,.wheel-page{padding-left:12px;padding-right:12px}
}

@media(max-width:1050px){
  .forge-emblem{width:250px}.hero-card{width:70px;height:100px}.hero-card i{font-size:34px}
  .community-brand{height:210px}.community-brand img{width:112px;height:112px}
}

@media(max-width:760px){
  .mobile-bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr))}
  .loader-card{width:135px;height:135px}.loader-card img{width:70px;height:70px}.loader-card i{width:42px;height:58px;font-size:14px}.page-loader:before{width:270px;height:270px}.page-loader:after{width:330px;height:190px}
  .hero-forge{height:225px}.forge-emblem{width:255px;height:120px}.hero-card{width:60px;height:84px;padding:7px;font-size:20px}.hero-card i{font-size:29px}.hero-card-left{left:5px;bottom:17px}.hero-card-right{right:5px;top:16px}
  .featured-strip{grid-template-columns:repeat(3,minmax(0,1fr));min-height:0}.featured-strip a{min-height:112px}.featured-strip img{width:68px;height:68px}
  .app-home .sponsor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-home .sponsor-info{padding:10px}.app-home .sponsor-info h3{font-size:14px}.app-home .sponsor-info p{min-height:32px;font-size:8px}.app-home .sponsor-info>a{padding:8px 5px;font-size:7px}
  .app-home .campaign-section{padding:14px 10px!important}.app-home .campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.app-home .campaign-image{min-height:0}.app-home .campaign-copy{padding:9px}.app-home .campaign-copy small{font-size:6px}.app-home .campaign-copy h3{font-size:11px}.app-home .campaign-copy p{min-height:29px;font-size:7px}.app-home .campaign-copy>a{margin-top:8px;font-size:7px}
  .daily-reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.daily-reward-card{display:flex;min-height:0}.daily-reward-card>.daily-reward-art{width:100%;aspect-ratio:1/1}.daily-reward-card>.daily-reward-art>strong{font-size:15px}.daily-reward-card>.daily-reward-copy{min-height:175px;padding:10px}.daily-reward-card h3{margin-top:9px;font-size:12px}.daily-reward-card p{font-size:7px}.daily-reward-card a{padding:8px;font-size:7px}
  .module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.module-art>span{left:9px;right:9px;bottom:9px;font-size:14px}.module-copy{min-height:205px;padding:11px}.module-copy h2{font-size:14px}.module-copy p{font-size:8px}.module-copy>a{padding:8px;font-size:7px}.license-chip{font-size:6px}
  .community-brand{height:auto;aspect-ratio:1/1;padding:25px}.community-brand img{width:86px;height:86px}.community-brand:after{inset:11px}.community-module .module-copy{min-height:160px}.community-module .module-copy>a{min-width:100px}
  .wheel-app-stage{min-height:670px;padding:12px 2px 20px}.wheel-page .wheel-stage{min-height:590px;padding-top:45px}.wheel-page .wheel-title{min-width:190px;padding:10px 25px 14px}.wheel-page .wheel-title b{font-size:18px}.wheel-page .wheel-machine{--wheel-size:min(80vw,390px);border-width:7px}.wheel-crown{top:-24px;font-size:30px}.wheel-page .wheel-pointer{width:42px;height:63px}.wheel-page .wheel-label{width:67px}.wheel-page .wheel-label img{width:29px;height:29px;border-radius:6px}.wheel-page .wheel-label b{font-size:8.5px}.wheel-page .wheel-label small{max-width:64px;font-size:5px}.wheel-page .wheel-hub{width:78px;height:78px;padding:12px;border-width:5px}.wheel-page .spin-button{min-width:200px;padding:13px 18px;font-size:11px}
}

@media(max-width:390px){
  .app-home .sponsor-grid,.app-home .campaign-grid,.daily-reward-grid,.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .featured-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-strip a{min-height:99px}.featured-strip img{width:58px;height:58px}.featured-strip span,.featured-strip small{font-size:6px}
  .module-copy{min-height:190px;padding:9px}.module-copy h2{font-size:13px}.module-copy p{font-size:7px}.community-brand img{width:72px;height:72px}
  .wheel-page .wheel-machine{--wheel-size:min(80vw,305px)}.wheel-page .wheel-label{width:57px}.wheel-page .wheel-label img{width:25px;height:25px}.wheel-page .wheel-label b{font-size:7.5px}.wheel-page .wheel-label small{max-width:54px;font-size:4.5px}
}

@media(prefers-reduced-motion:reduce){.loader-card,.loader-card:before,.loader-card:after,.loader-card i,.forge-emblem,.hero-card,.wheel-app-stage:before{animation:none!important}}