*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;background:#f2f5f9;-webkit-tap-highlight-color:rgba(0,0,0,0);font-family:Arial,Helvetica,sans-serif !important;font-size:14px}@font-face{font-family:"Gravity-Regular";src:url("../css/Gravity-V546.otf")}@font-face{font-family:"Gravity-Bold";src:url("../css/GravityBold-JAp7.otf")}body{position:relative}ul,ol{list-style:none}a{text-decoration:none;background-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.main a{color:#1a1a1a}header a{color:#1a1a1a}
h1,h2,h3,h4,h5,h6{text-transform:capitalize;font-family:Arial,Helvetica,sans-serif;font-weight:600;color:#1a1a1a !important}button{border:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.container{max-width:1390px;width:calc(100% - 30px);margin-left:auto;margin-right:auto}img{border-style:none}input,textarea{font-size:14px;outline:none}input[type=submit]{-webkit-appearance:none}div,i{-webkit-tap-highlight-color:rgba(0,0,0,0)}body.act{overflow:hidden}:root{--font-color:#757B87}.ad{display:flex;flex-direction:column;align-items:center;margin:20px 0}.ad{color:#1a1a1a}.ad>p{font-size:12px;color:#1a1a1a !important;margin-top:10px}@media screen and (max-width: 767px){.container{padding:0;width:100%}}.layui-rate{padding:0;margin-bottom:4px}.layui-icon-rate{color:#ccc !important}.layui-icon-rate-solid{color:#ff7e00 !important}.layui-icon-rate-solid:before,.layui-icon-rate:before{content:"★" !important;font-family:"Font Awesome 6 Free"}header{background:#fff;width:100%;color:#1a1a1a}header .container{display:flex;justify-content:space-between;align-items:center;height:60px}header .container .logo{width:180px;height:40px;display:block}header .container .logo>img{height:100%}header .container .cate,header .container .sea{width:20px;height:20px;display:none}header .container .cate i,header .container .sea i{font-size:20px;color:#1a1a1a}header .container .header-actions{display:flex;align-items:center;gap:10px;margin-right:15px}header .container .action-btn{width:40px;height:40px;border-radius:8px;background:#2a2f4a;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;font-size:16px}header .container .action-btn:hover{background:#3a3f5a;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,0.2)}header .container .action-btn i{color:#fff}header .container .login-btn{padding:10px 20px;background:#3b82f6;color:#fff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s;white-space:nowrap}header .container .login-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,0.4)}header .container .searchBtn{display:flex;align-items:center;justify-content:center;width:289px;height:40px;overflow:visible;transition:all .3s;position:relative;z-index:10}header .container .searchBtn>input{border:1px solid rgba(0,0,0,0);border-radius:6px;width:100%;height:40px;background:#f2f5f9;color:#1a1a1a !important;font-size:14px;text-indent:12px;-webkit-text-fill-color:#1a1a1a !important;transition:all .3s}header .container .searchBtn:hover{width:350px}header .container .searchBtn:hover>input{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1);border:1px solid #e0e0e0}header .container .searchBtn>button{background:rgba(0,0,0,0);position:absolute;width:60px;height:38px;top:1px;right:1px;display:flex;align-items:center;justify-content:center;border-radius:0 3px 3px 0}header .container .searchBtn>button i{font-size:19px;color:#1a1a1a !important}header .container .searchBtn::before{display:none;content:"";position:fixed;width:100%;height:100%;top:135px;left:0;background:rgba(0,0,0,.5)}header .container .searchBtn.act>input{border:1px solid #5f5ff6}header .container .searchBtn.act>button{background:#5f5ff6}header .container .searchBtn.act>button i{color:#fff}header .container .searchBtn.active{display:flex;width:100%;z-index:999;position:absolute;background:#f8f8f8;top:60px;left:0;height:75px;padding:0 16px}header .container .searchBtn.active>input{border:2px solid #5f5ff6}header .container .searchBtn.active>button{right:17px;top:19px;background:#5f5ff6}header .container .searchBtn.active>button i{color:#fff}header .container .searchBtn.active::before{display:block}header .container>nav{display:flex;align-items:center;width:calc(100% - 600px);height:100%;padding-left:60px}header .container>nav>a{transition:all .3s}header .container>nav>a+a{margin-left:50px}@media screen and (min-width: 1181px){header .container>nav>a:hover{color:#5f5ff6}}@media screen and (max-width: 1290px){header .container>nav{padding-left:30px}}@media screen and (max-width: 1260px){header .container .header-actions{display:none}header .container .searchBtn{display:none}header .container .sea{display:block}header .container>nav{width:calc(100% - 209px)}}@media screen and (max-width: 1181px){header .container>nav{display:none}header .container .cate{display:block}header .container .header-actions{display:flex}}@media screen and (max-width: 767px){header .container{padding:0 15px}header .container .header-actions{gap:8px}header .container .action-btn{width:36px;height:36px;font-size:14px}header .container .login-btn{padding:8px 16px;font-size:13px}}header.act .container>nav{display:none}header.act .container .searchBtn{width:calc(100% - 200px)}.main .swiperBox{display:flex;justify-content:space-between;margin-top:20px}.main .swiperBox .swiper-wrapper{width:100%}.main .swiperBox .swiper-wrapper .swiper-slide{width:calc((100% - 54px)/4);margin-right:18px}.main .swiperBox .swiper-wrapper .swiper-slide>a{width:100%;display:block;height:0;padding-bottom:75%;position:relative;overflow:hidden;border-radius:8px;border:1px solid rgba(0,0,0,0);transition:all .3s}.main .swiperBox .swiper-wrapper .swiper-slide>a>img{position:absolute;width:100%;height:100%;object-position:center;object-fit:cover}.main .swiperBox .swiper-wrapper .swiper-slide>a .con{position:absolute;width:100%;left:0;bottom:0;padding:12px;display:flex;align-items:flex-end;background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)}.main .swiperBox .swiper-wrapper .swiper-slide>a .con .thumb{width:78px;height:78px;box-shadow:0px 2px 4px 0px rgba(0,0,0,.3);border-radius:12px;border:2px solid #fff;overflow:hidden;margin-right:12px}.main .swiperBox .swiper-wrapper .swiper-slide>a .con .thumb>img{width:100%;height:100%;object-position:center;object-fit:cover}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>dl{width:calc(100% - 176px);padding-bottom:9px}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>dl>dt{color:#fff;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-bottom:10px;font-family:Arial,Helvetica,sans-serif;font-weight:600;font-size:16px}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>dl>dd{color:#fff;font-size:13px;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;gap:4px}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>dl>dd span{color:#fff;font-weight:600;font-size:14px}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>dl>dd i{font-size:13px;margin-left:4px;color:#ffd700;filter:drop-shadow(0 1px 2px rgba(255,215,0,0.4))}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>p{width:74px;height:36px;background:#5f5ff6;border-radius:10px;text-align:center;line-height:36px;color:#fff;margin-left:12px}@media screen and (min-width: 1181px){.main .swiperBox .swiper-wrapper .swiper-slide>a:hover{border:1px solid #5f5ff6}}.main .swiperBox .swiper-wrapper .swiper-slide:nth-child(4n){margin-right:0}@media screen and (max-width: 1366px){.main .swiperBox .swiper-wrapper .swiper-slide>a .con .thumb{width:68px;height:68px}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>dl{width:calc(100% - 166px)}}@media screen and (max-width: 1181px){.main .swiperBox .swiper-wrapper .swiper-slide{width:calc((100% - 10px)/3)}.main .swiperBox .swiper-wrapper .swiper-slide>a .con .thumb{width:50px;height:50px}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>dl{width:calc(100% - 134px);padding-bottom:0}.main .swiperBox .swiper-wrapper .swiper-slide>a .con>p{width:60px;height:30px;line-height:30px}}@media screen and (max-width: 767px){.main .swiperBox .swiper-wrapper .swiper-slide{width:100%}.main .swiperBox .swiper-wrapper .swiper-slide>a{padding-bottom:65%}}.main .swiperBox .swiper-pagination{display:none;bottom:0}@media screen and (max-width: 767px){.main .swiperBox{padding:0 19px 20px 19px}.main .swiperBox .swiper-pagination{display:block}}.main .title{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;border-bottom:1px solid #f2f5f9}.main .title>h2{font-size:22px;display:flex;align-items:center;gap:10px;color:#1a1a1a !important;font-weight:700 !important;letter-spacing:-0.3px}.main .title>h2 i{font-size:20px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.2))}.main .title>h2 i.fa-fire{color:#FF6B35 !important}.main .title>h2 i.fa-trophy{color:#FFB800 !important}.main .title>h2 i.fa-sparkles{color:#00D4FF !important}.main .title>h2 i.fa-star{color:#FFD700 !important}.main .title>a{transition:all .3s;color:#1a1a1a !important}@media screen and (min-width: 1181px){.main .title>a:hover{color:#5f5ff6 !important}}.main{color:#1a1a1a}.main .gameBox{margin-top:20px;padding:20px;border-radius:8px;background:#fff;color:#1a1a1a}.main .gameBox .gameList{display:flex;flex-wrap:wrap}.main .gameBox .gameList>li{width:calc((100% - 90px)/4);margin-right:30px;margin-top:24px}.main .gameBox .gameList>li>a{display:flex;align-items:center}.main .gameBox .gameList>li>a .thumb{width:80px;height:80px;border-radius:16px;border:1px solid #e8e8e8;margin-right:18px;overflow:hidden}.main .gameBox .gameList>li>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}.main .gameBox .gameList>li>a>dl{transition:all .3s;width:calc(100% - 98px)}.main .gameBox .gameList>li>a>dl>dt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#1a1a1a !important;font-weight:600;font-size:15px;line-height:1.4}.main .gameBox .gameList>li>a>dl>dd{color:#1a1a1a !important;font-size:13px;margin-top:8px;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;gap:4px}.main .gameBox .gameList>li>a>dl>dd span{color:#1a1a1a !important;font-weight:600}.main .gameBox .gameList>li>a>dl>dd i{font-size:13px;color:#ffd700;margin-left:4px;filter:drop-shadow(0 1px 1px rgba(255,215,0,0.3))}@media screen and (min-width: 1181px){.main .gameBox .gameList>li>a:hover>dl>dt{color:#5f5ff6}}.main .gameBox .gameList>li:nth-child(4n){margin-right:0}@media screen and (max-width: 1181px){.main .gameBox .gameList>li{width:calc((100% - 60px)/3)}.main .gameBox .gameList>li:nth-child(4n){margin-right:30px}.main .gameBox .gameList>li:nth-child(3n){margin-right:0}}@media screen and (max-width: 767px){.main .gameBox .gameList>li{width:100%;margin-right:0}.main .gameBox .gameList>li:nth-child(n+7){display:none}}.main .gameBox .bestList{display:flex;flex-wrap:wrap}.main .gameBox .bestList>li{width:calc((100% - 240px)/8);margin-right:30px;margin-top:24px}.main .gameBox .bestList>li>a{width:100%;display:block}.main .gameBox .bestList>li>a .thumb{width:100%;height:0;padding-bottom:100%;position:relative;overflow:hidden;border-radius:24px;border:1px solid #e8e8e8}.main .gameBox .bestList>li>a .thumb>img{width:100%;height:100%;object-position:center;object-fit:cover;position:absolute;top:0;left:0}.main .gameBox .bestList>li>a>dl{margin-top:13px}.main .gameBox .bestList>li>a>dl>dt{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color:#1a1a1a !important;font-weight:600;font-size:15px;line-height:1.4}.main .gameBox .bestList>li>a>dl>dd{margin-top:8px;font-size:13px;color:#1a1a1a !important;font-family:Arial,Helvetica,sans-serif;display:flex;align-items:center;gap:4px}.main .gameBox .bestList>li>a>dl>dd span{color:#1a1a1a !important;font-weight:600}.main .gameBox .bestList>li>a>dl>dd i{font-size:13px;color:#ffd700;margin-left:4px;filter:drop-shadow(0 1px 1px rgba(255,215,0,0.3))}@media screen and (min-width: 1181px){.main .gameBox .bestList>li>a:hover>dl>dt{color:#5f5ff6}}.main .gameBox .bestList>li:nth-child(8n){margin-right:0}@media screen and (max-width: 1181px){.main .gameBox .bestList>li{width:calc((100% - 150px)/6)}.main .gameBox .bestList>li:nth-child(8n){margin-right:30px}.main .gameBox .bestList>li:nth-child(6n){margin-right:0}.main .gameBox .bestList>li:nth-child(n+7){display:none}}@media screen and (max-width: 767px){.main .gameBox .bestList>li{width:calc((100% - 60px)/3)}.main .gameBox .bestList>li:nth-child(6n){margin-right:30px}.main .gameBox .bestList>li:nth-child(3n){margin-right:0}}.main .gameBox .category{display:flex;flex-wrap:wrap}.main .gameBox .category>li{margin-top:12px;margin-right:12px}.main .gameBox .category>li>a{display:flex;align-items:center;background:rgba(248,248,248,0);border-radius:20px;border:1px solid #e7e7e7;padding:4px 10px 4px 4px;transition:all .3s}.main .gameBox .category>li>a .thumb{width:32px;height:32px;border-radius:40px;overflow:hidden;margin-right:6px}.main .gameBox .category>li>a .thumb>img{width:100%;height:100%;object-fit:cover;object-position:center}@media screen and (min-width: 1181px){.main .gameBox .category>li>a:hover>p{color:#5f5ff6}}footer{margin-top:30px;background:#fff !important;color:#1a1a1a !important}footer .container{padding:50px 20px 25px 20px !important;max-width:1390px !important;margin:0 auto !important}footer .footer-top{margin-bottom:40px !important}footer .footer-columns{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:40px !important;align-items:start !important;width:100% !important;flex-direction:row !important}footer .footer-columns>*{display:block !important}footer .footer-column{display:block !important;width:100% !important;flex:1 !important;min-width:0}footer .footer-column h3{color:#1a1a1a !important;font-size:16px !important;font-weight:700 !important;margin-bottom:20px !important;text-transform:none !important;letter-spacing:0 !important;font-family:Arial,Helvetica,sans-serif !important}footer .footer-desc{color:#1a1a1a !important;font-size:14px;line-height:22px;margin-bottom:20px;font-family:Arial,Helvetica,sans-serif}footer .footer-subscribe-form{display:flex;flex-direction:column;gap:12px}footer .form-group{display:flex;flex-direction:column;gap:6px}footer .form-group label{color:#1a1a1a !important;font-size:13px;font-weight:600;font-family:Arial,Helvetica,sans-serif}footer .form-group input[type="email"]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:Arial,Helvetica,sans-serif;color:#1a1a1a !important;background:#fff;transition:all .3s;outline:none}footer .form-group input[type="email"]:focus{border-color:#9333ea;box-shadow:0 0 0 3px rgba(147,51,234,0.1)}footer .form-group input[type="email"]::placeholder{color:#666 !important}footer .subscribe-btn{padding:10px 20px;background:linear-gradient(135deg,#9333ea,#7c3aed);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;font-family:Arial,Helvetica,sans-serif}footer .subscribe-btn:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 4px 12px rgba(147,51,234,0.3)}footer .footer-column ul{list-style:none;padding:0;margin:0}footer .footer-column ul li{margin-bottom:10px}footer .footer-column ul li a{color:#1a1a1a !important;font-size:14px;text-decoration:none;transition:color .3s;font-family:Arial,Helvetica,sans-serif;font-weight:400}footer .footer-column ul li a:hover{color:#9333ea;text-decoration:underline}footer .social-icons{display:flex;gap:10px;flex-wrap:wrap}footer .social-btn{width:45px;height:45px;border-radius:50%;background:#e8e8e8;display:flex;align-items:center;justify-content:center;color:#1a1a1a !important;text-decoration:none;transition:all .3s;border:none}footer .social-btn:hover{background:#d0d0d0;transform:translateY(-3px);box-shadow:0 4px 12px rgba(0,0,0,0.2);color:#1a1a1a}footer .social-btn i{font-size:18px;font-weight:600}footer .footer-illustration{width:100%;height:200px;margin:30px 0;overflow:hidden;background:#fff}footer .cityscape-illustration{width:100%;height:100%;display:block}footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:20px;border-top:1px solid #eee}footer .footer-bottom .copyright{color:#1a1a1a !important;font-size:12px;margin:0;font-family:Arial,Helvetica,sans-serif}footer .footer-bottom .made-with{color:#1a1a1a !important;font-size:12px;margin:0;font-family:Arial,Helvetica,sans-serif}footer .footer-bottom .copyright:hover,footer .footer-bottom .made-with:hover{color:#000 !important}@media screen and (max-width: 1181px){footer .footer-columns{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:25px}footer .footer-column h3{font-size:15px;color:#1a1a1a !important}footer .footer-desc{font-size:13px;color:#1a1a1a !important}footer .footer-column ul li a{font-size:13px;color:#1a1a1a !important}}@media screen and (max-width: 1024px){footer .footer-columns{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:20px}footer .footer-column h3{font-size:14px;margin-bottom:15px;color:#1a1a1a !important}footer .footer-desc{font-size:12px;margin-bottom:15px;color:#1a1a1a !important}footer .footer-column ul li{margin-bottom:8px}footer .footer-column ul li a{font-size:12px;color:#1a1a1a !important}footer .social-btn{width:40px;height:40px}footer .social-btn i{font-size:16px}}@media screen and (max-width: 767px){footer .container{padding:40px 15px 20px 15px}footer .footer-columns{grid-template-columns:repeat(2,1fr);gap:25px}footer .footer-column h3{font-size:14px;margin-bottom:15px;color:#1a1a1a}footer .footer-desc{font-size:12px;margin-bottom:15px;color:#333}footer .footer-column ul li a{color:#1a1a1a;font-size:12px}footer .footer-illustration{height:150px;margin:20px 0}footer .footer-bottom{flex-direction:column;gap:10px;text-align:center;padding-top:15px}}.categoryBox{z-index:99;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:none}.categoryBox .box{position:absolute;height:100%;top:0;left:0;overflow-y:scroll;background:#f8f8f8;width:252px;padding:22px}.categoryBox .box>h3{text-align:center;font-size:22px}.categoryBox .box .listNav{margin-top:24px}.categoryBox .box .listNav>li>a{display:flex;align-items:center;padding:9px 13px;transition:all .3s;border-radius:20px;background:#fff;position:relative}.categoryBox{color:#1a1a1a}.categoryBox .box .listNav>li>a>p{width:calc(100% - 60px);margin-left:8px;font-size:14px;color:#1a1a1a}.categoryBox .box .listNav>li.active>a{background:#eef1f2;border:1px solid #e8e9ea}.categoryBox .box .listNav>li.active>a>p{color:#132141}.categoryBox .box .listNav>li+li{margin-top:16px}.categoryBox .close{position:absolute;width:42px;height:42px;background:#fff;border-radius:0px 100px 100px 0px;display:flex;align-items:center;justify-content:center;top:27px;left:251px}.categoryBox .close i{font-size:18px}.categoryBox.act{display:block}/* Page Description Styles - Home.php Tasarımına Uygun */.page{color:#1a1a1a !important}.breadcrumb{color:#1a1a1a !important;background:#fff;padding:12px 16px;border-radius:8px;margin-bottom:20px;border:1px solid #e8e8e8}.breadcrumb a{color:#1a1a1a !important;text-decoration:none;transition:color .3s}.breadcrumb a:hover{color:#5f5ff6 !important}.breadcrumb span{color:#666 !important}.breadcrumb .date{color:#666 !important}.hero-card{background:#fff !important;border:1px solid #e8e8e8 !important;border-radius:18px !important;box-shadow:0 2px 8px rgba(0,0,0,0.05) !important;color:#1a1a1a !important;margin-top:20px}.hero-card h1{color:#1a1a1a !important;font-size:24px;font-weight:700;margin:0;padding:16px 20px}.cover{background:#f2f5f9 !important}.titlebar{color:#1a1a1a !important;padding:16px 20px;background:#fff;border-top:1px solid #e8e8e8}.titlebar h1{color:#1a1a1a !important}.pill{background:#f2f5f9 !important;border:1px solid #e8e8e8 !important;color:#1a1a1a !important;padding:6px 12px;border-radius:20px;font-size:13px;display:inline-flex;align-items:center;gap:6px;margin-right:8px;margin-bottom:8px}.pill a{color:#1a1a1a !important;text-decoration:none}.btn.primary{background:#5f5ff6 !important;color:#fff !important;border:none !important;padding:10px 20px;border-radius:8px;font-weight:600;transition:all .3s}.btn.primary:hover{background:#4f4fe6 !important;transform:translateY(-2px);box-shadow:0 4px 12px rgba(95,95,246,0.3)}.player{background:#fff !important;border:1px solid #e8e8e8 !important;border-radius:18px !important;box-shadow:0 2px 8px rgba(0,0,0,0.05) !important;color:#1a1a1a !important}.player-under{color:#1a1a1a !important}.tabs{background:#fff !important;border:1px solid #e8e8e8 !important;border-radius:14px !important;overflow:hidden;margin-top:20px}.tab-head{background:#f9f9f9 !important;border-bottom:1px solid #e8e8e8 !important;padding:6px}.tab-btn{color:#666 !important;background:transparent !important;border:1px solid transparent !important}.tab-btn.active{color:#1a1a1a !important;background:#fff !important;border-color:#e8e8e8 !important}.tab-panel{color:#1a1a1a !important;padding:16px 20px;background:#fff}
.game-description{color:#1a1a1a !important;background:#fff;padding:16px 20px;border-radius:12px;line-height:1.7;font-size:15px}.desc-short p,.desc-full p{color:#1a1a1a !important;margin-bottom:12px}.toggle-desc{color:#5f5ff6 !important;text-decoration:none;font-weight:600;padding:6px 14px;border-radius:8px;background:#f2f5f9;display:inline-block;margin-top:10px;transition:all .3s}.toggle-desc:hover{background:#5f5ff6;color:#fff !important}.game-instructions{color:#1a1a1a !important;padding:16px 20px;background:#fff;border-radius:12px}.game-instructions p{color:#1a1a1a !important;margin:8px 0;padding-left:18px;position:relative}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.tag-list .tag a{background:#f2f5f9 !important;color:#1a1a1a !important;border:1px solid #e8e8e8 !important;padding:6px 12px;border-radius:20px;text-decoration:none;transition:all .3s;font-size:13px}.tag-list .tag a:hover{background:#5f5ff6 !important;color:#fff !important;border-color:#5f5ff6 !important}.related{color:#1a1a1a !important;margin-top:30px}.related h3{color:#1a1a1a !important;font-size:22px;font-weight:700;margin-bottom:16px}.related .card{background:#fff !important;border:1px solid #e8e8e8 !important;border-radius:16px !important;overflow:hidden;transition:all .3s}.related .card:hover{border-color:#5f5ff6;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.related .title{color:#1a1a1a !important;font-size:14px;font-weight:600;padding:10px}.related .meta2{color:#666 !important;font-size:12px;padding:0 10px 10px}.side{color:#1a1a1a !important}.side .box{background:#fff !important;border:1px solid #e8e8e8 !important;border-radius:14px !important;padding:16px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.side .box h3{color:#1a1a1a !important;font-size:16px;font-weight:700;margin:0 0 12px}.toplist{display:grid;gap:8px}.topitem{display:flex;align-items:center;gap:10px;padding:8px;border-radius:8px;background:#f9f9f9;text-decoration:none;transition:all .3s;color:#1a1a1a !important}.topitem:hover{background:#f2f5f9;transform:translateX(4px)}.topitem img{width:50px;height:50px;border-radius:8px;object-fit:cover}.topitem .t{color:#1a1a1a !important;font-weight:600;font-size:13px;flex:1}.topitem .c{color:#666 !important;font-size:12px}
.comments{margin-top:24px;padding:16px;border:1px solid #2b2f43;border-radius:12px;color:#000}
.comments__title{margin:0 0 12px;font-size:1.2rem}
.comments__form{display:grid;gap:8px;margin-bottom:12px}
.comments__form textarea{width:100%;resize:vertical;min-height:84px;border:1px solid #2b2f43;border-radius:10px;padding:10px;color:#000}
.btn{display:inline-block;padding:8px 14px;border-radius:10px;border:1px solid #6366f1;color:#fff;cursor:pointer}
.btn:hover{filter:brightness(1.05)}
.btn:disabled{opacity:.6;cursor:not-allowed}
.comments__hint{opacity:.7; color:#000;}
.comments__list{display:grid;gap:12px}
.cmt{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:12px;border:1px solid #262a41;border-radius:12px;}
.cmt__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;}
.cmt__body{display:grid;gap:6px}
.cmt__meta{display:flex;gap:10px;align-items:center;font-size:.86rem;color:#cbd5e1}
.cmt__name{font-weight:600;color:#fff}
.cmt__date{opacity:.6}
.cmt__text{white-space:pre-wrap;line-height:1.45}
.cmt__actions{display:flex;gap:8px;margin-top:6px}
.cmt__replybox{margin-top:8px;padding-top:8px;border-top:1px dashed #2a2f48}
.reply-form{display:grid;gap:8px;margin-top:6px}
.reply-form textarea{min-height:70px}
.cmt__children{display:grid;gap:10px;margin-top:8px;margin-left:50px}
.badge{font-size:.72rem;padding:2px 6px;border-radius:999px;border:1px solid #3d4366}
.btn--ghost {
  position: relative;
  padding: 12px 28px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.3px;
  color: #e6e7ff;
  background: linear-gradient(135deg, #2d2f45, #1e2030);
  border: 1px solid rgba(255,255,255,0.12);
  border-radius: 999px;
  cursor: pointer;
  transition: 
    background 0.25s ease,
    transform 0.2s ease,
    box-shadow 0.25s ease;
}


.cateBtn{
    position: relative;
    padding: 10px 22px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #0c1fec
    border-radius: 10px;
        background: rgb(122 223 156 / 20%);
    backdrop-filter: blur(6px);
    transition: all .35s ease;
    overflow: hidden;
}

/* hover ışık efekti */
.cateBtn::after{
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(120deg, transparent, rgba(255,255,255,.25), transparent);
    transform: translateX(-100%);
    transition: .4s;
}

.cateBtn:hover::after{
    transform: translateX(100%);
}

.cateBtn:hover{
    color:#fff;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(0,0,0,.45);
}

/* 🔥 CATEGORY ÖZEL TASARIM */
.cate-main{
    background: linear-gradient(135deg, #ff8a00, #ff3d00);
    color:#fff;
    font-weight: 700;
    padding: 12px 28px;
    border-radius: 14px;
    box-shadow: 0 0 0 rgba(255,138,0,0);
    animation: pulseGlow 2.5s infinite;
}

/* Category ikon hissi */
.cate-main::before{
    content:"🎮";
    margin-right:8px;
}

/* Category hover */
.cate-main:hover{
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 12px 35px rgba(255,90,0,.65);
}

/* Parlama animasyonu */
@keyframes pulseGlow{
    0%{ box-shadow: 0 0 0 rgba(255,138,0,.2); }
    50%{ box-shadow: 0 0 25px rgba(255,138,0,.75); }
    100%{ box-shadow: 0 0 0 rgba(255,138,0,.2); }
}

/* MOBİL */
@media(max-width:600px){
    .navige{
        flex-wrap: wrap;
        gap:10px;
    }
    .cateBtn{
        font-size:13px;
        padding:9px 18px;
    }
}