*{margin:0;padding:0;box-sizing:border-box}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.giris-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e,#302b63,#0f0c29);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow:hidden}.giris-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.2) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(120,200,255,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.giris-container>*{position:relative;z-index:1}.giris-kutusu{background:#ffffff1f;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border-radius:25px;padding:50px 40px;width:100%;max-width:450px;border:2px solid rgba(255,255,255,.25);box-shadow:0 25px 70px #0006,inset 0 1px #fff3;animation:girisKutusuFadeIn .6s ease;position:relative;overflow:hidden}.giris-kutusu:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.05) 0%,transparent 70%);animation:rotate 20s linear infinite;pointer-events:none}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes girisKutusuFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.giris-baslik{color:#fff;font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:35px;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:1px;position:relative}.giris-baslik:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:60px;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:2px}.giris-sekmeler{display:flex;gap:8px;margin-bottom:35px;background:#0000004d;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.giris-sekme{flex:1;padding:14px 20px;background:transparent;border:none;color:#ffffffb3;font-size:1.05rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.giris-sekme.aktif{background:linear-gradient(135deg,#667eea4d,#764ba24d);color:#fff;box-shadow:0 4px 15px #667eea4d,inset 0 1px #fff3;transform:translateY(-2px)}.giris-sekme:hover:not(.aktif){background:#ffffff1a;color:#fff}.giris-alan{margin-bottom:25px}.giris-alan label{display:block;color:#fff;font-weight:600;margin-bottom:10px;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-size:.95rem;letter-spacing:.5px}.giris-alan input{width:100%;padding:15px 18px;border:2px solid rgba(255,255,255,.25);border-radius:12px;background:#ffffff14;color:#fff;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a,0 1px #ffffff1a}.giris-alan input:focus{outline:none;border-color:#667eea99;background:#ffffff1f;box-shadow:inset 0 2px 4px #0000001a,0 0 0 3px #667eea33,0 4px 12px #667eea4d;transform:translateY(-2px)}.giris-alan input::placeholder{color:#fff6}.giris-alan input:disabled{opacity:.5;cursor:not-allowed;transform:none}.giris-hata{background:linear-gradient(135deg,#ff000026,#ff575726);border:2px solid rgba(255,87,87,.5);color:#fff;padding:14px 18px;border-radius:12px;margin-bottom:25px;text-align:center;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 12px #f003,inset 0 1px #ffffff1a;animation:hataShake .5s ease}@keyframes hataShake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.giris-butonu{width:100%;padding:16px 20px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;color:#fff;border:none;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 8px 25px #667eea66,inset 0 1px #fff3;position:relative;overflow:hidden}.giris-butonu:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.giris-butonu:hover:not(:disabled):before{left:100%}.giris-butonu:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 15px 40px #667eea80,inset 0 1px #ffffff4d;background-position:100% 0}.giris-butonu:active:not(:disabled){transform:translateY(-1px)}.giris-butonu:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.profil-container{min-height:100vh;padding:30px 20px;max-width:1200px;margin:0 auto}.profil-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.profil-baslik{color:#fff;font-size:2.5rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.cikis-butonu{padding:12px 30px;background:#ff00004d;border:2px solid rgba(255,0,0,.5);color:#fff;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.cikis-butonu:hover{background:#ff000080;transform:translateY(-2px)}.profil-bilgileri{display:flex;flex-direction:column;gap:25px}.profil-kart{background:#ffffff1f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:30px;border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #0000004d}.profil-kart h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.profil-detay{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.profil-detay:last-child{border-bottom:none}.profil-label{color:#fffc;font-weight:500}.profil-deger{color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.istatistik-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.istatistik-item{background:#0003;padding:20px;border-radius:15px;text-align:center;border:1px solid rgba(255,255,255,.1)}.istatistik-label{color:#fffc;font-size:.9rem;margin-bottom:10px;font-weight:500}.istatistik-deger{color:#fff;font-size:2rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.istatistik-deger.kazanan{color:#4ade80}.istatistik-deger.kaybeden{color:#f87171}.istatistik-deger.altin{color:gold}.oyun-listesi{display:flex;flex-direction:column;gap:15px}.oyun-kaydi{background:#0003;padding:15px 20px;border-radius:12px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:15px;align-items:center;border:1px solid rgba(255,255,255,.1)}.oyun-rakip{color:#fff;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.oyun-skor{color:#fff;font-size:1.2rem;font-weight:700;text-align:center;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.oyun-sonuc{text-align:center;font-weight:600;padding:5px 10px;border-radius:8px}.oyun-sonuc.kazandi{color:#4ade80;background:#4ade8033}.oyun-sonuc.kaybetti{color:#f87171;background:#f8717133}.oyun-sonuc.berabere{color:gold;background:#ffd70033}.oyun-tarih{color:#fff9;font-size:.9rem;text-align:right}.skor-kaydedildi{color:#4ade80;font-size:1.1rem;font-weight:600;text-align:center;margin-top:20px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.oyun-kaydi{grid-template-columns:1fr;text-align:center}.istatistik-grid{grid-template-columns:repeat(2,1fr)}}.futbolcu-karti{width:200px;height:300px;background:linear-gradient(145deg,#1e3c72,#2a5298,#7e8ba3);border-radius:18px;padding:12px;box-shadow:0 10px 30px #0006,0 0 0 1px #ffffff1a inset,0 1px #fff3 inset;display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;cursor:default;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.futbolcu-karti:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.futbolcu-karti:hover:before{opacity:1}.futbolcu-karti.secilebilir{cursor:pointer}.futbolcu-karti.secilebilir:hover{transform:translateY(-15px) scale(1.08) rotateY(5deg);box-shadow:0 20px 40px #00000080,0 0 0 1px #fff3 inset,0 0 30px #ffd7004d}.futbolcu-karti.yuzuk{border:3px solid #ffd700;box-shadow:0 0 30px #ffd700cc,0 10px 30px #0006,inset 0 0 20px #ffd70033;animation:parlaklik 2s infinite,yuzukAnimasyon 3s infinite}@keyframes parlaklik{0%,to{box-shadow:0 0 30px #ffd700cc,0 10px 30px #0006,inset 0 0 20px #ffd70033}50%{box-shadow:0 0 50px gold,0 15px 40px #00000080,inset 0 0 30px #ffd70066}}@keyframes yuzukAnimasyon{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.bos-kart{background:linear-gradient(145deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.2)}.kart-arka{font-size:100px;color:#ffffff26;font-weight:900;text-shadow:0 0 20px rgba(255,255,255,.1);font-family:Arial Black,sans-serif}.kart-resim-container{width:100%;height:150px;overflow:hidden;border-radius:12px;margin-bottom:12px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);position:relative;box-shadow:inset 0 2px 10px #0000004d}.kart-resim-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 100%);pointer-events:none}.kart-resim{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.futbolcu-karti:hover .kart-resim{transform:scale(1.1)}.kart-bilgi{flex:1;display:flex;flex-direction:column;color:#fff;text-align:center;position:relative;z-index:1}.kart-isim{font-size:18px;font-weight:700;margin:8px 0 4px;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:.5px;color:#fff;line-height:1.2}.kart-takim{font-size:13px;margin:3px 0;font-weight:500;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.kart-pozisyon{font-size:11px;margin:3px 0;font-weight:500;color:#fff;text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.kart-uyruk{font-size:10px;margin:2px 0;font-weight:400;color:#ffffffd9;text-shadow:1px 1px 2px rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;gap:4px}.kart-guc{margin-top:auto;padding:10px 12px;background:linear-gradient(135deg,#00000080,#0000004d);border-radius:12px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 3px #0000004d,0 2px 5px #0003}.guc-label{font-size:13px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.guc-degeri{font-size:28px;font-weight:900;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.oyun-container{min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e,#302b63,#0f0c29);background-size:400% 400%;animation:gradientShift 15s ease infinite;padding:30px 20px;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.oyun-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.2) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(120,200,255,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.oyun-container>*{position:relative;z-index:1}.oyun-baslik{color:#fff;font-size:2.8rem;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.8);text-align:center;font-weight:700;letter-spacing:1px}.baslangic-ekrani{display:flex;flex-direction:column;align-items:center;gap:40px;margin-top:80px;padding:50px;background:#ffffff1a;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0000004d;max-width:700px;animation:baslangicFadeIn .8s ease}@keyframes baslangicFadeIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.aciklama{color:#fff;font-size:1.2rem;text-align:center;max-width:600px;line-height:1.8;text-shadow:2px 2px 4px rgba(0,0,0,.8);font-weight:400;letter-spacing:.5px}.basla-butonu,.kart-koy-butonu,.yeniden-basla-butonu{padding:16px 45px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 8px 20px #667eea66,0 0 0 1px #ffffff1a inset,0 1px #fff3 inset;position:relative;overflow:hidden;letter-spacing:1px;text-transform:uppercase;font-size:1.1rem}.basla-butonu:before,.kart-koy-butonu:before,.yeniden-basla-butonu:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.basla-butonu:hover:before,.kart-koy-butonu:hover:before,.yeniden-basla-butonu:hover:before{left:100%}.basla-butonu:hover,.kart-koy-butonu:hover,.yeniden-basla-butonu:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 15px 30px #667eea99,0 0 0 1px #fff3 inset,0 0 30px #667eea66;background-position:100% 0}.basla-butonu:active,.kart-koy-butonu:active,.yeniden-basla-butonu:active{transform:translateY(-2px) scale(1.02)}.kart-koy-butonu:disabled{opacity:.5;cursor:not-allowed}.puan-tablosu{display:flex;gap:30px;margin-bottom:30px;width:100%;max-width:800px;justify-content:center}.puan-kutusu{background:#ffffff26;padding:25px 45px;border-radius:20px;text-align:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000004d;transition:all .3s ease;position:relative}.puan-kutusu:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:.8}.puan-kutusu:hover{transform:translateY(-3px);background:#fff3;box-shadow:0 12px 40px #0006}.puan-kutusu.aktif-oyuncu{border-color:#ffd70099;box-shadow:0 0 20px #ffd7004d;animation:aktifOyuncuPulse 2s ease-in-out infinite}@keyframes aktifOyuncuPulse{0%,to{box-shadow:0 0 20px #ffd7004d}50%{box-shadow:0 0 30px #ffd70080}}.kart-secim-alani{padding:40px;background:#ffffff14;border-radius:25px;-webkit-backdrop-filter:blur(10px) saturate(180%);backdrop-filter:blur(10px) saturate(180%);border:2px solid rgba(255,255,255,.2);margin:30px auto;max-width:1400px;box-shadow:0 20px 60px #0006,inset 0 1px #ffffff1a}.kart-secim-baslik{color:#fff;font-size:2rem;font-weight:800;text-align:center;margin-bottom:35px;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:1px;position:relative;padding-bottom:15px}.kart-secim-baslik:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:100px;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:2px}.kart-listesi{display:flex;flex-wrap:wrap;gap:20px;padding:20px;justify-content:center;align-items:flex-start;animation:kartListesiFadeIn .5s ease;max-height:none;overflow:visible}@keyframes kartListesiFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.kart-listesi>div{flex:0 0 auto;width:200px;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.kart-listesi>div:hover{transform:translateY(-8px) scale(1.08);z-index:10}.kart-listesi>div:hover .futbolcu-karti{box-shadow:0 20px 50px #667eea80,0 0 30px #ffd70066,inset 0 1px #ffffff4d;border-color:#ffd70099}.kart-listesi::-webkit-scrollbar{width:10px}.kart-listesi::-webkit-scrollbar-track{background:#0000004d;border-radius:10px}.kart-listesi::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.kart-listesi::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}.puan-kutusu h3{color:#fff;margin:0 0 10px;font-size:1.3rem;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.puan{font-size:2.5rem;font-weight:700;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:12px 0}.deste-sayisi{color:#fff;font-size:.9rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.oyun-alani{display:flex;gap:50px;align-items:center;justify-content:center;margin:40px 0;flex-wrap:wrap;padding:30px;background:#ffffff0d;border-radius:30px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:1px solid rgba(255,255,255,.15);box-shadow:0 10px 40px #0003}.oyuncu-alani{display:flex;flex-direction:column;align-items:center;gap:15px}.oyuncu-alani h3{color:#fff;font-size:1.6rem;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.8);margin:0;letter-spacing:1px}.orta-alan{display:flex;flex-direction:column;align-items:center;gap:20px;min-width:200px}.vs-badge{font-size:3.5rem;font-weight:900;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.8);animation:vsPulse 2s ease-in-out infinite;letter-spacing:5px}@keyframes vsPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.sonuc-mesaji{background:#000000d9;color:#fff;padding:18px 30px;border-radius:15px;font-size:1.2rem;font-weight:600;text-align:center;border:2px solid rgba(255,215,0,.6);box-shadow:0 8px 32px #00000080;animation:slideIn .5s ease;text-shadow:1px 1px 2px rgba(0,0,0,.8);letter-spacing:.5px}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.oyun-kontrolleri{display:flex;gap:20px;margin-top:30px;flex-wrap:wrap;justify-content:center}.sonuc-ekrani{display:flex;flex-direction:column;align-items:center;gap:35px;margin-top:50px;background:#ffffff1f;padding:50px 60px;border-radius:30px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:2px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0006;animation:sonucEkraniFadeIn .6s ease}@keyframes sonucEkraniFadeIn{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.kazanan-baslik{color:gold;font-size:3.2rem;font-weight:900;text-shadow:3px 3px 6px rgba(0,0,0,.8);margin:0;text-align:center;letter-spacing:3px}.final-puanlar{display:flex;gap:50px;margin:20px 0}.final-puan{text-align:center}.final-puan h3{color:#fff;font-size:1.5rem;margin:0 0 10px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.final-puan-degeri{font-size:4.5rem;font-weight:900;color:gold;text-shadow:3px 3px 6px rgba(0,0,0,.8)}@media (max-width: 1024px){.kart-listesi>div{width:180px}.futbolcu-karti{width:180px;height:280px}}@media (max-width: 768px){.oyun-baslik{font-size:1.8rem}.oyun-alani{flex-direction:column;gap:20px}.orta-alan{min-width:auto}.vs-badge{font-size:2rem}.puan-tablosu{flex-direction:column;align-items:center}.final-puanlar{flex-direction:column;gap:20px}.kart-secim-alani{padding:25px 20px;margin:20px 10px}.kart-listesi{gap:15px;padding:15px 10px}.kart-listesi>div{width:160px}.futbolcu-karti{width:160px;height:260px}.kart-resim-container{height:130px}.kart-isim{font-size:16px}.guc-degeri{font-size:24px}.kart-secim-baslik{font-size:1.5rem;margin-bottom:25px}}.liderlik-container{padding:30px 20px;max-width:1000px;margin:0 auto}.liderlik-baslik{color:#fff;font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.liderlik-bos{color:#ffffffb3;text-align:center;font-size:1.2rem;padding:40px}.liderlik-tablo{background:#ffffff1f;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-radius:20px;padding:20px;border:2px solid rgba(255,255,255,.3);box-shadow:0 10px 40px #0000004d}.liderlik-baslik-satir{display:grid;grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr;gap:15px;padding:15px;background:#0003;border-radius:10px;margin-bottom:10px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.liderlik-satir{display:grid;grid-template-columns:60px 2fr 1fr 1fr 1fr 1fr;gap:15px;padding:15px;background:#ffffff0d;border-radius:10px;margin-bottom:8px;transition:all .3s ease;border:1px solid transparent}.liderlik-satir:hover{background:#ffffff1a;transform:translate(5px)}.liderlik-satir.podyum{background:#ffd7001a;border-color:#ffd7004d}.liderlik-sira{text-align:center;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.liderlik-kullanici{font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.liderlik-istatistik{text-align:center;color:#fff;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.liderlik-istatistik.altin{color:gold;font-weight:700}@media (max-width: 768px){.liderlik-baslik-satir,.liderlik-satir{grid-template-columns:50px 1.5fr .8fr .8fr .8fr .8fr;gap:8px;padding:10px;font-size:.9rem}}.futbolcu-detay{padding:20px;max-width:1200px;margin:0 auto;min-height:calc(100vh - 80px);color:#fff}.detay-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.geri-buton{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.favori-buton{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.favori-buton:hover{background:#fff3}.favori-buton.aktif{background:#ffd7004d;border-color:gold}.detay-header{display:flex;gap:30px;margin-bottom:40px;background:#ffffff1a;padding:30px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d}.detay-resim-container{width:200px;height:250px;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #0006;flex-shrink:0}.detay-resim{width:100%;height:100%;object-fit:cover}.detay-baslik{flex:1;display:flex;flex-direction:column;justify-content:center}.detay-baslik h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.tam-isim{font-size:1.2rem;color:#fffc;margin-bottom:20px;font-style:italic}.detay-guc{display:flex;align-items:center;gap:15px;background:#0000004d;padding:15px 25px;border-radius:12px;width:fit-content}.guc-label{font-size:1.2rem;font-weight:600}.guc-degeri-buyuk{font-size:3rem;font-weight:900;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.detay-icerik{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detay-sol,.detay-sag{background:#ffffff1a;padding:25px;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d}.detay-sol h2,.detay-sag h2{font-size:1.8rem;margin-bottom:20px;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);border-bottom:2px solid rgba(255,215,0,.3);padding-bottom:10px}.bilgi-tablosu{display:flex;flex-direction:column;gap:12px}.bilgi-satir{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#0003;border-radius:8px;transition:all .3s ease}.bilgi-satir:hover{background:#0000004d;transform:translate(5px)}.bilgi-label{font-weight:600;color:#ffffffe6;font-size:.95rem}.bilgi-deger{color:gold;font-weight:700;text-align:right;font-size:.95rem}.bilgi-tarih{color:#ffffffb3;font-size:.85rem;margin-left:5px}.piyasa-degeri{font-size:1.1rem!important;color:#4ade80!important}.sosyal-medya-linkler{display:flex;flex-direction:column;gap:10px;margin-top:15px}.sosyal-link{display:inline-block;padding:12px 20px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;transition:all .3s ease;text-align:center}.sosyal-link:hover{background:#fff3;transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.sosyal-link.twitter:hover{background:#1da1f24d;border-color:#1da1f2}.sosyal-link.instagram:hover{background:#e1306c4d;border-color:#e1306c}.sosyal-link.tiktok:hover{background:#00000080;border-color:#ff0050}@media (max-width: 768px){.detay-header{flex-direction:column;align-items:center;text-align:center}.detay-icerik{grid-template-columns:1fr}.detay-baslik h1{font-size:2rem}.guc-degeri-buyuk{font-size:2.5rem}.detay-header-bar{flex-direction:column;gap:10px}}.futbolcu-galerisi{padding:20px;max-width:1400px;margin:0 auto;min-height:calc(100vh - 80px)}.galeri-header{text-align:center;margin-bottom:30px;color:#fff}.galeri-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.galeri-header p{font-size:1.1rem;color:#fffc}.galeri-kontroller{margin-bottom:20px}.galeri-filtreler{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px;background:#ffffff1a;padding:15px;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.arama-input,.filtre-select{padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:8px;background:#ffffff1a;color:#fff;font-size:14px;transition:all .3s ease}.arama-input{flex:1;min-width:200px}.filtre-select{min-width:150px}.arama-input:focus,.filtre-select:focus{outline:none;border-color:gold;background:#ffffff26;box-shadow:0 0 10px #ffd7004d}.filtre-select option{background:#1e3c72;color:#fff}.karsilastirma-banner{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,gold,#ffed4e);color:#1e3c72;padding:12px 20px;border-radius:8px;font-weight:600;margin-top:10px}.karsilastirma-banner button{background:#1e3c72;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease}.karsilastirma-banner button:hover{background:#2a5298;transform:scale(1.05)}.galeri-istatistik{text-align:center;color:#fffc;margin-bottom:20px;font-size:1.1rem}.futbolcu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:20px}.futbolcu-kart-wrapper{position:relative;transition:transform .3s ease}.futbolcu-kart-wrapper:hover{transform:translateY(-5px)}.futbolcu-kart-overlay{cursor:pointer}.kart-aksiyonlar{position:absolute;top:10px;right:10px;display:flex;gap:8px;z-index:10}.aksiyon-buton{width:36px;height:36px;border-radius:50%;border:none;background:#0009;color:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.aksiyon-buton:hover{background:#000c;transform:scale(1.1)}.aksiyon-buton.aktif{background:#ffd700cc;box-shadow:0 0 15px #ffd70080}.aksiyon-buton:disabled{opacity:.5;cursor:not-allowed}.karsilastirma-sayfasi{padding:20px;max-width:1200px;margin:0 auto;color:#fff}.karsilastirma-sayfasi h1{text-align:center;margin-bottom:30px;font-size:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.geri-buton{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:16px;margin-bottom:20px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.geri-buton:hover{background:#fff3;transform:translate(-5px)}.karsilastirma-grid{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:start}.karsilastirma-kart{display:flex;flex-direction:column;align-items:center;gap:20px}.karsilastirma-vs{font-size:3rem;font-weight:900;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5);align-self:center}.karsilastirma-detay{background:#ffffff1a;padding:20px;border-radius:12px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.karsilastirma-detay h3{text-align:center;margin-bottom:15px;font-size:1.5rem}.karsilastirma-ozellikler{display:flex;flex-direction:column;gap:12px}.ozellik-item{display:flex;justify-content:space-between;padding:10px;background:#0003;border-radius:8px}.ozellik-label{font-weight:600;color:#ffffffe6}.ozellik-deger{color:gold;font-weight:700}@media (max-width: 768px){.karsilastirma-grid{grid-template-columns:1fr}.karsilastirma-vs{font-size:2rem}.galeri-filtreler{flex-direction:column}.arama-input,.filtre-select{width:100%}.futbolcu-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}}.takim-sayfasi{padding:2rem;max-width:1400px;margin:0 auto;color:#fff}.geri-buton{background:linear-gradient(135deg,#1e3c72cc,#142850cc);color:#fff;border:2px solid rgba(255,255,255,.2);padding:12px 24px;border-radius:10px;cursor:pointer;font-size:1rem;margin-bottom:2rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.geri-buton:hover{background:linear-gradient(135deg,#1e3c72,#142850);border-color:#4ade80;transform:translate(-5px)}.takim-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;padding:2rem;background:linear-gradient(135deg,#1e3c72cc,#142850cc);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.takim-logo-container{position:relative}.takim-logo{width:120px;height:120px;object-fit:contain;background:#ffffff1a;border-radius:15px;padding:10px}.takim-yildizlar{position:absolute;top:-10px;right:-10px;font-size:1.5rem;background:#000000b3;padding:5px 10px;border-radius:10px}.takim-bilgileri h1{font-size:2.5rem;margin:0 0 .5rem;color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.takim-lig{font-size:1.2rem;color:#a0a0a0;margin:.5rem 0}.takim-oyuncu-sayisi{font-size:1rem;color:#4ade80;margin:.5rem 0}.futbol-sahasi{position:relative;width:100%;max-width:1000px;aspect-ratio:3 / 2;height:auto;min-height:500px;background:repeating-linear-gradient(0deg,#4a9f4a,#4a9f4a 30px,#3d8f3d 30px,#3d8f3d 60px);border:2px solid #fff;border-radius:8px;margin:2rem auto;overflow:hidden;box-shadow:0 4px 20px #0000004d;perspective:1000px;transform-style:preserve-3d}.saha-cizgileri{position:absolute;width:100%;height:100%;pointer-events:none}.kale-cizgisi{position:absolute;width:100%;height:2px;background:#fff;left:0}.kale-cizgisi.ust{top:0}.kale-cizgisi.alt{bottom:0}.yan-cizgi{position:absolute;width:2px;height:100%;background:#fff}.yan-cizgi.sol{left:0;top:0}.yan-cizgi.sag{right:0;top:0}.orta-cizgi{position:absolute;width:100%;height:2px;background:#fff;top:50%;left:0;transform:translateY(-50%)}.orta-cizgi:before{content:"";position:absolute;width:100px;height:100px;border:2px solid #fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orta-cizgi:after{content:"";position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.ceza-sahasi{position:absolute;width:40%;height:20%;border:2px solid #fff;left:50%;transform:translate(-50%)}.ceza-sahasi.ust{top:0;border-bottom:none}.ceza-sahasi.ust:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:30%;height:40%;border:2px solid #fff;border-top:none}.ceza-sahasi.ust:after{content:"";position:absolute;bottom:18%;left:50%;transform:translate(-50%,50%);width:6px;height:6px;background:#fff;border-radius:50%}.penalti-yayi-ust{position:absolute;top:20%;left:50%;transform:translate(-50%);width:40%;height:12%;border:2px solid #fff;border-bottom:none;border-radius:40% 40% 0 0}.ceza-sahasi.alt{bottom:0;border-top:none}.ceza-sahasi.alt:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:30%;height:40%;border:2px solid #fff;border-bottom:none}.ceza-sahasi.alt:after{content:"";position:absolute;top:18%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%}.penalti-yayi-alt{position:absolute;bottom:20%;left:50%;transform:translate(-50%);width:40%;height:12%;border:2px solid #fff;border-top:none;border-radius:0 0 40% 40%}.kose-yayi{position:absolute;width:20px;height:20px;border:2px solid #fff;border-radius:50%}.kose-yayi.sol-ust{top:-10px;left:-10px;border-right:none;border-bottom:none}.kose-yayi.sag-ust{top:-10px;right:-10px;border-left:none;border-bottom:none}.kose-yayi.sol-alt{bottom:-10px;left:-10px;border-right:none;border-top:none}.kose-yayi.sag-alt{bottom:-10px;right:-10px;border-left:none;border-top:none}.kale{position:absolute;left:50%;transform:translate(-50%);width:120px;height:80px;z-index:5}.kale-ust{top:0}.kale-alt{bottom:0;transform:translate(-50%) rotate(180deg)}.kale-post{position:absolute;width:4px;height:80px;background:#fff;box-shadow:0 0 2px #0000004d}.kale-post.sol-post{left:0;top:0}.kale-post.sag-post{right:0;top:0}.kale-crossbar{position:absolute;width:120px;height:4px;background:#fff;top:0;left:0;box-shadow:0 0 2px #0000004d}.oyuncu-saha{position:absolute;transform:translate(-50%,-50%);cursor:pointer;z-index:10;transition:transform .3s ease}.oyuncu-saha:hover{transform:translate(-50%,-50%) scale(1.15);z-index:20}.oyuncu-rating-saha{position:absolute;bottom:-22px;left:50%;transform:translate(-50%);background:#22c55e;color:#fff;font-weight:700;font-size:.75rem;padding:3px 6px;border-radius:8px;border:2px solid #fff;box-shadow:0 1px 4px #0000004d;min-width:30px;text-align:center;white-space:nowrap}.oyuncu-resim-saha{width:60px;height:60px;border-radius:50%;border:3px solid #fff;object-fit:cover;background:#ffffff1a;box-shadow:0 2px 8px #0006;transition:all .2s ease}.oyuncu-saha:hover .oyuncu-resim-saha{transform:scale(1.1);border-color:gold;box-shadow:0 4px 12px #ffd70099}.oyuncu-tooltip{position:absolute;bottom:70px;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:10px 15px;border-radius:8px;white-space:nowrap;font-size:.9rem;z-index:30;box-shadow:0 4px 15px #00000080;border:1px solid rgba(255,255,255,.2)}.oyuncu-tooltip:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,.9)}.oyuncu-tooltip strong{display:block;color:gold;margin-bottom:5px}.oyuncu-listesi{margin-top:3rem;padding:2rem;background:linear-gradient(135deg,#1e3c72cc,#142850cc);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.oyuncu-listesi h2{color:gold;margin-bottom:1.5rem;font-size:2rem}.oyuncu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem}.oyuncu-kart{background:#ffffff1a;border-radius:10px;padding:1rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.1)}.oyuncu-kart:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000004d;background:#ffffff26}.oyuncu-kart img{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #fff;margin-bottom:.5rem}.oyuncu-bilgi h4{color:#fff;margin:.5rem 0;font-size:1rem}.oyuncu-bilgi p{color:#a0a0a0;margin:.25rem 0;font-size:.9rem}@media (max-width: 768px){.futbol-sahasi{height:400px}.oyuncu-resim-saha{width:40px;height:40px}.takim-header{flex-direction:column;text-align:center}}.takimlar-listesi{padding:2rem;max-width:1400px;margin:0 auto;color:#fff}.takimlar-header{text-align:center;margin-bottom:2rem}.takimlar-header h1{font-size:3rem;color:gold;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.takimlar-header p{color:#a0a0a0;font-size:1.2rem}.takimlar-filtreler{display:flex;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(135deg,#1e3c72cc,#142850cc);border-radius:15px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.arama-input{flex:1;padding:12px 20px;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;font-size:1rem;outline:none;transition:all .3s ease}.arama-input:focus{border-color:#4ade80;background:#ffffff26}.arama-input::placeholder{color:#ffffff80}.lig-select{padding:12px 20px;border:2px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff1a;color:#fff;font-size:1rem;outline:none;cursor:pointer;transition:all .3s ease;min-width:200px}.lig-select:focus{border-color:#4ade80;background:#ffffff26}.lig-select option{background:#1e3c72;color:#fff}.takimlar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}.takim-kart{background:linear-gradient(135deg,#1e3c72cc,#142850cc);border-radius:20px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease;border:2px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.takim-kart:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4ade801a,#ffd7001a);opacity:0;transition:opacity .3s ease}.takim-kart:hover{transform:translateY(-10px);box-shadow:0 15px 40px #00000080;border-color:#ffd70080}.takim-kart:hover:before{opacity:1}.takim-kart-logo{position:relative;margin-bottom:1rem;display:inline-block}.takim-kart-logo img{width:120px;height:120px;object-fit:contain;background:#ffffff1a;border-radius:15px;padding:15px;transition:transform .3s ease}.takim-kart:hover .takim-kart-logo img{transform:scale(1.1)}.takim-kart-yildizlar{position:absolute;top:-10px;right:-10px;font-size:1.2rem;background:#000c;padding:5px 10px;border-radius:10px;border:2px solid #ffd700}.takim-kart-bilgi h3{color:gold;font-size:1.5rem;margin:1rem 0 .5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.takim-kart-lig{color:#a0a0a0;font-size:1rem;margin:.5rem 0}.takim-kart-oyuncu{color:#4ade80;font-size:.9rem;margin:.5rem 0}@media (max-width: 768px){.takimlar-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.takimlar-filtreler{flex-direction:column}}.App{width:100%;min-height:100vh;background:linear-gradient(135deg,#0f0c29,#302b63,#24243e,#302b63,#0f0c29);background-size:400% 400%;animation:gradientShift 15s ease infinite;position:relative;overflow-x:hidden}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.3) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.2) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(120,200,255,.2) 0%,transparent 50%);pointer-events:none;z-index:0}.App>*{position:relative;z-index:1}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ana-nav{background:#ffffff14;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);padding:25px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff1a;position:sticky;top:0;z-index:100}.nav-sol{display:flex;flex-direction:column;gap:5px}.nav-baslik{color:#fff;font-size:1.8rem;font-weight:800;margin:0;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:.5px;display:flex;align-items:center;gap:10px}.nav-kullanici{color:#ffffffe6;font-size:1rem;font-weight:500;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-top:5px;display:flex;align-items:center;gap:8px}.nav-kullanici:before{content:"👋";font-size:1.1rem}.nav-sag{display:flex;gap:10px;flex-wrap:wrap}.nav-buton{padding:12px 24px;background:#ffffff14;border:2px solid rgba(255,255,255,.15);color:#fff;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-shadow:1px 1px 2px rgba(0,0,0,.5);position:relative;overflow:hidden}.nav-buton:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.nav-buton:hover:before{left:100%}.nav-buton:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-3px);box-shadow:0 6px 20px #0000004d}.nav-buton.aktif{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea80;box-shadow:0 4px 15px #667eea4d,inset 0 1px #fff3}.nav-buton.cikis{background:#ff575726;border-color:#ff575766}.nav-buton.cikis:hover{background:#ff575740;border-color:#ff575799}.ana-sayfa{padding:50px 30px;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:30px;animation:anaSayfaFadeIn .6s ease}@keyframes anaSayfaFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ana-kart{background:#ffffff1a;-webkit-backdrop-filter:blur(15px) saturate(180%);backdrop-filter:blur(15px) saturate(180%);border-radius:25px;padding:45px;border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #0006,inset 0 1px #fff3;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ana-kart:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:.8}.ana-kart:hover{transform:translateY(-5px);box-shadow:0 25px 70px #00000080,inset 0 1px #ffffff4d;border-color:#ffffff4d}.ana-baslik{color:#fff;font-size:2.2rem;font-weight:800;margin-bottom:25px;text-shadow:2px 2px 4px rgba(0,0,0,.8);display:flex;align-items:center;gap:12px;letter-spacing:.5px}.ana-baslik:before{content:"";width:5px;height:35px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.ana-aciklama{color:#fffffff2;font-size:1.15rem;line-height:1.9;margin-bottom:35px;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-weight:400}.oyun-basla-butonu{padding:20px 55px;background:linear-gradient(135deg,#667eea,#764ba2,#f093fb);background-size:200% 200%;color:#fff;border:none;border-radius:15px;font-size:1.4rem;font-weight:800;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:2px;box-shadow:0 10px 30px #667eea80,inset 0 1px #ffffff4d;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:12px}.oyun-basla-butonu:before{content:"🎮";font-size:1.5rem}.oyun-basla-butonu:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.oyun-basla-butonu:hover:after{left:100%}.oyun-basla-butonu:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 50px #667eeab3,inset 0 1px #fff6;background-position:100% 0}.oyun-basla-butonu:active{transform:translateY(-3px) scale(1)}.oyun-modlari{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:20px}.oyun-mod-butonu{padding:35px 30px;background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid rgba(255,255,255,.2);border-radius:20px;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-align:center;position:relative;overflow:hidden}.oyun-mod-butonu:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:0;transition:opacity .3s ease}.oyun-mod-butonu:hover:before{opacity:1}.oyun-mod-butonu:hover{transform:translateY(-8px) scale(1.02);background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#fff6;box-shadow:0 15px 40px #667eea66,inset 0 1px #fff3}.oyun-mod-butonu.ai-mod:hover{box-shadow:0 15px 40px #667eea66,inset 0 1px #fff3}.oyun-mod-butonu.iki-oyuncu-mod{background:linear-gradient(135deg,#f093fb33,#f5576c33)}.oyun-mod-butonu.iki-oyuncu-mod:hover{background:linear-gradient(135deg,#f093fb4d,#f5576c4d);box-shadow:0 15px 40px #f093fb66,inset 0 1px #fff3}.mod-ikon{font-size:4rem;margin-bottom:15px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.mod-baslik{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.mod-aciklama{color:#fffc;font-size:1rem;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.ai-dusunuyor{background:#0009;color:#fff;padding:15px 25px;border-radius:12px;font-size:1.1rem;font-weight:600;text-align:center;animation:pulse 2s ease-in-out infinite;text-shadow:1px 1px 2px rgba(0,0,0,.8)}@keyframes pulse{0%,to{opacity:.8}50%{opacity:1}}@media (max-width: 768px){.oyun-modlari{grid-template-columns:1fr;gap:20px}.oyun-mod-butonu{padding:30px 25px}.mod-ikon{font-size:3rem}}.hizli-istatistik{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px}.hizli-istatistik-item{background:linear-gradient(135deg,#0000004d,#0003);padding:30px 25px;border-radius:18px;text-align:center;border:2px solid rgba(255,255,255,.1);box-shadow:0 8px 25px #0000004d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.hizli-istatistik-item:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);opacity:0;transition:opacity .3s ease}.hizli-istatistik-item:hover{transform:translateY(-5px);border-color:#fff3;box-shadow:0 12px 35px #0006,inset 0 1px #fff3}.hizli-istatistik-item:hover:before{opacity:1}.hizli-label{color:#ffffffd9;font-size:1.05rem;margin-bottom:15px;font-weight:600;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:.5px}.hizli-deger{color:#fff;font-size:3rem;font-weight:900;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 20px rgba(255,255,255,.1);font-family:Arial Black,sans-serif;position:relative}.hizli-deger.kazanan{color:#4ade80;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 25px rgba(74,222,128,.5)}.hizli-deger.altin{color:gold;text-shadow:2px 2px 4px rgba(0,0,0,.8),0 0 25px rgba(255,215,0,.5)}.hizli-deger.kazanan:after{content:"🏆";position:absolute;top:-10px;right:-15px;font-size:1.5rem;opacity:.7}.hizli-deger.altin:after{content:"⭐";position:absolute;top:-10px;right:-15px;font-size:1.5rem;opacity:.7}@media (max-width: 1024px){.ana-sayfa{grid-template-columns:1fr}}@media (max-width: 768px){.ana-nav{flex-direction:column;gap:15px;padding:20px}.nav-sag{width:100%;justify-content:center;flex-wrap:wrap}.nav-buton{flex:1;min-width:100px;padding:10px 15px;font-size:.85rem}.ana-sayfa{padding:30px 20px;gap:25px}.ana-kart{padding:30px}.ana-baslik{font-size:1.8rem}.hizli-istatistik{grid-template-columns:1fr;gap:15px}.oyun-basla-butonu{padding:16px 40px;font-size:1.2rem}}