:root {--max-w: 900px;--bg: #08072d;--card-bg: #15143e;--accent: #2e6ac7;--accent-glow: rgb(70 112 255 / 30%);--text: #e6edf3;--text-dim: #b1b0d6;--success: #238636;--star: #ffca28;--glass: rgba(255, 255, 255, 0.03);}html {scroll-behavior: smooth;}* {margin: 0;padding: 0;box-sizing: border-box;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}a {text-decoration: none;}body {background-color: var(--bg);color: var(--text);overflow-x: hidden;display: flex;flex-direction: column;min-height: 100vh;-webkit-user-select: none;-ms-user-select: none;user-select: none;}.container {max-width: var(--max-w);width: 100%;margin: 0 auto;padding: 0 15px;}header {height: 80px;display: flex;align-items: center;justify-content: space-between;gap: 20px;padding: 0 6%;background: rgb(0 0 51 / 73%);backdrop-filter: blur(15px);position: sticky;top: 0;z-index: 1000;border-bottom: 1px solid rgba(255, 255, 255, 0.05);}.logo {flex: 0 1 150px }.logo img {filter: drop-shadow(0 0 0px var(--text-dim)) drop-shadow(0 0 2px var(--text-dim)) drop-shadow(0 0 4px var(--accent));transition: filter 0.3s ease;}.search-bar {flex: 0 1 450px;position: relative;background: var(--glass);border-radius: 12px;border: 1px solid rgba(255, 255, 255, 0.6);}.search-bar input {width: 100%;padding: 12px 45px 12px 12px;background: transparent;border: none;color: white;outline: none;}.search-bar i {position: absolute;right: 18px;top: 50%;transform: translateY(-50%);color: var(--text-dim);}main {padding: 30px 0;flex: 1;}.hero-banner {position: relative;background: linear-gradient(rgb(107 107 215 / 60%), rgb(3 3 51 / 70%)), url(/assets/main-hero.jpg) center / cover no-repeat;height: 250px;display: flex;justify-content: center;align-items: center;text-align: center;color: #fff;padding: 10px 20px;filter: drop-shadow(1px 2px 4px black);}.hero-banner::after {position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: #0022ff14;content: '';z-index: 1;}.hero-content {z-index: 2;}.hero-content h1 {font-size: 1.8rem;font-weight: 800;text-transform: uppercase;line-height: 1.2;-webkit-text-fill-color: transparent;margin-bottom: 8px;text-shadow: 1px 1px 0 #f4faff, -1px -1px 0 #163d8b, 1px -1px 0 #175387, -1px 1px 0 #46508d;}.hero-content p {font-size: 1.2rem;margin-bottom: 40px;color: var(--text);opacity: 0.75;}.btn-download {display: inline-block;background: var(--accent);color: #fff;padding: 8px 18px;font-size: 1rem;font-weight: 600;text-decoration: none;border-radius: 6px;transition: 0.3s ease;}.btn-download i {margin-right: 6px;}.btn-download:hover {background: var(--accent);filter: contrast(2);transform: scale(1.05);}@media (max-width: 768px) {.hero-content h1 {font-size: 22px;}.hero-content p {font-size: 1rem;}.btn-download {font-size: 1rem;padding: 6px 14px;}}h2 {font-size: 0.95rem;text-transform: uppercase;letter-spacing: 2px;color: var(--text-dim);margin: 30px 0 20px;}.featured-scroll {display: flex;gap: 20px;overflow-x: auto;padding-bottom: 15px;scrollbar-width: none;}.featured-scroll::-webkit-scrollbar {display: none;}.f-card {flex: 0 0 320px;height: 180px;border-radius: 16px;position: relative;overflow: hidden;cursor: pointer;transition: 0.3s;}.f-card:hover {transform: translateY(-4px);}.f-card img {width: 100%;height: 100%;object-fit: cover;}.f-card .overlay {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px;background: linear-gradient(transparent, rgba(0, 0, 0, 0.95));color: white;}.f-card .overlay-title {font-weight: 700;font-size: 1.1rem;margin-bottom: 6px;text-transform: capitalize;}.f-card .overlay-rating {display: flex;align-items: center;gap: 6px;font-size: 0.85rem;}.f-card .overlay-rating i {color: var(--star);}.grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(165px, 1fr));gap: 15px;}.game-card {background: var(--card-bg);border-radius: 14px;overflow: hidden;border: 1px solid rgba(255, 255, 255, 0.05);cursor: pointer;transition: 0.3s;position: relative;}.game-card.hidden {display: none !important;}.game-card:hover {border-color: var(--accent);transform: translateY(-4px);box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);}.game-card img {width: 100%;aspect-ratio: 1;object-fit: cover;}.game-card .info {padding: 12px;}.game-card h3 {font-size: 0.85rem;margin-bottom: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: var(--text);text-transform: capitalize;}.meta {display: flex;justify-content: space-between;font-size: 0.7rem;color: var(--text-dim);}.meta i {color: var(--accent);margin-right: 4px;}.tag-mod {display: inline-flex;align-items: center;gap: 6px;padding: 5px 10px;font-size: 12px;font-weight: 600;text-transform: uppercase;letter-spacing: 0.5px;border-radius: 50px;background: linear-gradient(135deg, var(--accent-glow), var(--accent));color: #fff;box-shadow: 0 4px 10px rgba(255, 65, 108, 0.3);backdrop-filter: blur(4px);transition: all 0.3s ease;position: absolute;top: 2px;left: 2px;}.tag-mod i {font-size: 11px;}.tag-mod:hover {transform: translateY(-2px);box-shadow: 0 6px 14px rgba(255, 65, 108, 0.4);}.pagination {display: flex;gap: 10px;font-family: system-ui, -apple-system, sans-serif;JUSTIFY-CONTENT: center;MARGIN-TOP: 45px;}.page {min-width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;text-decoration: none;color: #444;border-radius: 8px;background: var(--text-dim);font-size: 14px;font-weight: 500;transition: all 0.2s ease;cursor: pointer;}.page.active {background: var(--card-bg);color: var(--text);cursor: default;pointer-events: none;}.page:hover {background: #e5e7eb;}footer {padding: 40px 0;text-align: center;color: var(--text-dim);font-size: 0.75rem;border-top: 1px solid rgba(255, 255, 255, 0.05);}@media (max-width: 600px) {.grid {grid-template-columns: repeat(2, 1fr);.hero-banner {height: 180px;}}}@media (max-width: 900px) {.container {padding: 0 10px;}}.game-stats {margin-top: 40px;}.stats-header {text-align: center;margin-bottom: 20px;}.stats-header h3 {margin-bottom: 8px;background: var(--card-bg);color: #8fb4ed;padding: 6px 25px;border-radius: 50px;font-size: 1.2rem;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;display: inline-block;}.stats-header p {color: var(--text-dim);opacity: 0.66;font-size: 15px;}.stats-wrapper {max-width: 1100px;margin: auto;display: flex;justify-content: space-between;align-items: center;text-align: center;background: var(--glass);border-radius: 16px;padding: 25px 15px;backdrop-filter: blur(10px);}.stat-item {flex: 1;padding: 15px;position: relative;}.stat-item:not(:last-child)::after {content: "";position: absolute;right: 0;top: 20%;height: 60%;width: 1px;background: rgba(255, 255, 255, 0.08);}.stat-icon {font-size: 22px;color: var(--accent);margin-bottom: 8px;transition: 0.3s ease;}.stat-label {display: block;font-size: 12px;color: var(--text);margin-bottom: 5px;text-transform: uppercase;letter-spacing: 1px;}.stat-item h3 {font-size: 26px;margin: 0;font-weight: 600;}.stat-item:hover .stat-icon {transform: scale(1.2);color: var(--accent);}@media (max-width: 768px) {.stats-wrapper {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}.stat-item::after {display: none;}.stats-wrapper {padding: 20px;}}.gamena-about {color: #ffffff;padding: 40px 20px;font-family: 'Inter', sans-serif;}.gamena-about .container {max-width: 1100px;margin: 0 auto;}.gamena-about .header-content {text-align: center;margin-bottom: 60px;}.gamena-about .badge {background: var(--card-bg);color: #8fb4ed;padding: 6px 25px;border-radius: 50px;font-size: 1.2rem;font-weight: 600;text-transform: uppercase;letter-spacing: 1px;display: inline-block;}.gamena-about .intro-text {font-size: 1.2rem;color: var(--text-dim);max-width: 800px;margin: 15px auto;line-height: 1.7;}.gamena-about .mission-statement {background: var(--card-bg);border: 1px solid #2a2a35;border-radius: 20px;padding: 40px;display: flex;align-items: center;gap: 30px;margin-bottom: 50px;position: relative;}.gamena-about .mission-icon i {font-size: 3.5rem;color: var(--text-dim);filter: drop-shadow(0 0 10px rgba(0, 212, 255, 0.5));}.gamena-about .mission-text h3 {margin: 0 0 10px 0;color: var(--text);text-transform: uppercase;font-size: 0.9rem;letter-spacing: 2px;}.gamena-about .mission-text p {font-size: 1.2rem;line-height: 1.6;font-weight: 400;margin: 0;color: var(--text-dim);}.gamena-about .features-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));gap: 30px;}.gamena-about .feature-card {background: var(--card-bg);padding: 45px;border-radius: 20px;transition: all 0.3s ease;border: 1px solid #2a2a35;}.gamena-about .feature-card:hover {transform: translateY(-10px);border-color: #7000ff;box-shadow: 0 10px 30px rgba(112, 0, 255, 0.1);}.gamena-about .icon-wrapper {margin-bottom: 25px;display: flex;align-items: center;gap: 15px;color: var(--text-dim);font-size: 1.8rem;}.gamena-about .feature-card h3 {font-size: 1.6rem;margin-bottom: 15px;color: #fff;}.gamena-about .feature-card p {color: var(--text-dim);margin: 0;font-size: 1rem;line-height: 1.4;}@media (max-width: 768px) {.gamena-about .mission-statement {flex-direction: column;text-align: center;padding: 30px;}.gamena-about .mission-text p {font-size: 1.1rem;}}