*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"Nunito", sans-serif;background:#232626;color:#ffffff;line-height:1.6;font-size:14px}a{color:inherit;text-decoration:none}p{margin-bottom:14px}ul{padding-left:18px}li{margin-bottom:6px}header{background:#292d2e;padding:14px 20px}header .logo img{height:32px;width:auto}main{max-width:1320px;margin:0 auto;padding:24px 20px}.subtitle{margin-bottom:20px}h1{font-size:28px;margin-bottom:12px;font-weight:800}h2{font-size:22px;margin-bottom:12px;font-weight:800}.intro{color:#b3bec1;margin-bottom:36px;font-size:16px}.categories{display:grid;grid-template-columns:repeat(auto-fill, minmax(160px, 1fr));gap:16px}.category-card{background:linear-gradient(40deg, #ffffff05, #ffffff10, #ffffff05);border:1px solid #3a3f40;border-radius:5px;padding:10px;text-align:center;font-weight:600;transition:transform .15s, background .15s;box-shadow:0px -3px #232626 inset}.category-card:hover{background:#2a2e2f}.featured-games{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));gap:16px}.game-card{position:relative;overflow:hidden;border-radius:5px}.game-card:hover{}.game-card img{width:100%;height:200px;object-fit:cover;display:block;transition:filter .35s ease, transform .35s ease}.game-card .game-title{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:700;color:#fff;padding:12px;background:rgba(0,0,0,.45);opacity:0;transition:opacity .35s ease;pointer-events:none}@media (hover:hover){.game-card:hover img{filter:blur(4px);transform:scale(1.05);background:rgba(0,0,0,0.5)}.game-card:hover .game-title{opacity:1}}.game-card div{padding:10px 12px;font-weight:600}.game-header{display:grid;grid-template-columns:220px 1fr;gap:24px;margin:36px 0; }.game-thumb img{width:100%;height:220px;object-fit:cover;border-radius:5px}.game-info h1{margin-bottom:8px}.meta{font-size:14px;color:#b3bec1;margin-bottom:14px}.game-section{background-color:#323738;border-radius:5px;padding:30px}.game-section h2{padding-bottom:20px;border-bottom:1px solid #3a4142;margin-bottom:20px}.play-btn{display:inline-block;padding:14px 28px;background:#24ee89;color:#ffffff;border-radius:5px;font-weight:700;margin-top:10px;transition:background .2s, transform .1s;box-shadow:0px -3px #048e49 inset}.play-btn:hover{background:#1bcd74; }.game-frame{background:#1d1f1f;max-height:500px;overflow:hidden;aspect-ratio:16 / 9;display:none}.game-frame iframe{width:100%;height:100%;border:0}section{margin-top:48px}section .section-desc{margin-bottom:30px}.text{color:#b3bec1;font-size:15px}.pagination{display:flex;justify-content:center;margin:40px 0}.pagination ul{display:flex;align-items:center;gap:6px;list-style:none;padding:0;margin:0}.pagination a{min-width:38px;height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-size:14px; font-weight:600;color:#fff;text-decoration:none;background:#323738;border:1px solid #3a3f40; transition:transform .15s, background .15s;box-shadow:0px -3px #232626 inset}.pagination a:hover:not(.disabled):not(.active){background:#2a2e2f}.pagination a.active{ background:#2a2e2f}.pagination a.disabled{opacity:0.4;pointer-events:none}.pagination span{font-size:12px}footer{margin-top:70px;padding:24px 20px;border-top:1px solid rgba(255,255,255,0.15);text-align:center;font-size:13px;color:#b3bec1}footer a{color:#ffffff;margin:0 6px}@media (max-width:768px){h1{font-size:24px}h2{font-size:20px}.game-header{grid-template-columns:1fr}.game-card img{height:140px}}.back{position:absolute;width:100%;height:100%;background-color:rgba(12, 13, 20, 0.8);z-index:2;opacity:1;backdrop-filter:blur(10px)}.game-overlay{inset:0; overflow:hidden; position:relative;z-index:9999;display:flex;flex-direction:column;width:100%; border-radius:5px}.overlay-top{background:linear-gradient(90deg, #24ee89, #048e49);padding:14px 24px;display:flex;justify-content:space-between;align-items:center;font-weight:600;z-index:3}.overlay-actions button{margin-left:10px;padding:6px 18px;border-radius:18px;border:1px solid #fff;background:transparent;color:#fff;cursor:pointer}.overlay-actions .login{background:#fff;color:#6b3fd6;border:none}.overlay-center{flex:1;display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover}.overlay-card{z-index:3;padding:120px 50px;text-align:center}.overlay-card img{width:160px;height:160px;object-fit:cover;border-radius:5px;margin-bottom:20px}.overlay-card h2{color:#fff;margin-bottom:24px;font-size:28px}.overlay-play{background:#24ee89;border:none;color:#fff;padding:14px 44px;border-radius:5px;font-size:18px;font-weight:700;cursor:pointer; transition:background .2s, transform .1s;box-shadow:0px -3px #048e49 inset} .overlay-play:hover{background:#1bcd74}.overlay-bottom{background:#323738;padding:10px 16px;display:flex;gap:14px;justify-content:center;z-index:3; }.overlay-bottom button{background:#2a2e3a;border:none;color:#fff;padding:8px 14px;border-radius:8px;cursor:pointer;font-size:15px}.overlay-bottom span{margin-left:4px}