:root{--bg-body:#0a0a0a;--bg-surface:#141414;--bg-overlay:rgba(0,0,0,0.85);--primary:#ff4444;--primary-dark:#cc0000;--accent:#ff8888;--text-main:#ffffff;--text-muted:#b0b0b0;--border-color:#333333;--nav-width:180px;--header-height:60px;--radius-md:8px;--radius-lg:12px}*,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0;width:100vw;height:100vh;background-color:var(--bg-body);color:var(--text-main);font-family:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background-image:radial-gradient(circle at top center,#1a0505 0%,#000000 100%);background-attachment:fixed;background-size:cover;overflow:hidden}a{color:var(--text-main);text-decoration:none;transition:0.2s}a:hover{color:var(--primary)}h1,h2,h3{font-weight:700;margin:1rem 0}h2{font-size:1.5rem;border-left:4px solid var(--primary);padding-left:10px;margin-left:10px}hr{border:0;border-top:1px solid var(--border-color);margin:2rem 0}video{border-radius:var(--radius-md) !important}.largeFont{font-size:1.5rem}.hugeFont{font-size:2.5rem}.normalFont{font-size:1rem}.smallFont{font-size:0.8rem}.largePadding{padding:4rem 2rem}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}body{display:grid;grid-template-rows:var(--header-height) 1fr;grid-template-columns:var(--nav-width) 1fr;grid-template-areas:"header header" "sidebar content";width:100vw;height:100vh;overflow:hidden;transition:grid-template-columns 0.3s cubic-bezier(0.4,0,0.2,1)}body.nav-closed{grid-template-columns:0 1fr}.topNav{grid-area:header;position:relative;z-index:1004;background:rgba(10,10,10,0.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 1rem;justify-content:space-between;width:100%}.logo-container{display:flex;align-items:center}.home_logo{height:40px;cursor:pointer;vertical-align:middle}.hamburger_menu_img{height:24px;width:24px;margin-right:20px;cursor:pointer;transition:transform 0.3s ease}.hamburger_menu_img:hover{opacity:0.8}.leftNav{grid-area:sidebar;background-color:var(--bg-surface);border-right:1px solid var(--border-color);overflow-y:auto;overflow-x:hidden;padding:1rem;z-index:1003;width:100%;min-width:0;white-space:nowrap;box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none;background:linear-gradient(var(--bg-surface) 30%,rgba(20,20,20,0)),linear-gradient(rgba(20,20,20,0),var(--bg-surface) 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,0.5),rgba(0,0,0,0)),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,0.5),rgba(0,0,0,0)) 0 100%;background-repeat:no-repeat;background-color:var(--bg-surface);background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.leftNav::-webkit-scrollbar{display:none}body.nav-closed .leftNav{padding:0;border-right:none;visibility:hidden;overflow:hidden}.leftNav a{display:flex;align-items:center;padding:10px 12px;margin-bottom:2px;border-radius:var(--radius-md);color:var(--text-muted);font-size:0.95rem;transition:all 0.2s;text-decoration:none}.leftNav a:hover{background:rgba(255,255,255,0.08);color:var(--text-main);padding-left:16px}.leftNav img.miniGenreIcon{width:20px;height:20px;margin-right:12px;opacity:0.8}.mainContent{grid-area:content;width:100%;margin:0;padding:2rem;min-width:0;overflow-y:auto;overflow-x:hidden;height:100%;box-sizing:border-box}.fgl-game-info{grid-area:content;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;padding:0;box-sizing:border-box;scrollbar-gutter:stable}.fgl-game-info .mainContent{height:auto;overflow:visible;padding-bottom:4rem}.mainContent::-webkit-scrollbar,.fgl-game-info::-webkit-scrollbar{width:10px}.mainContent::-webkit-scrollbar-track,.fgl-game-info::-webkit-scrollbar-track{background:var(--bg-body)}.mainContent::-webkit-scrollbar-thumb,.fgl-game-info::-webkit-scrollbar-thumb{background:#444;border-radius:5px;border:2px solid var(--bg-body)}.mainContent::-webkit-scrollbar-thumb:hover,.fgl-game-info::-webkit-scrollbar-thumb:hover{background:var(--primary)}.mainContent[style]{margin:0 !important}@media (max-width:1024px){html,body{display:block;height:auto !important;min-height:100vh;overflow-y:auto !important;overflow-x:hidden;position:static}.topNav{position:fixed;top:0;left:0;width:100%;height:var(--header-height)}.hamburger_menu_img{display:block !important}.mainContent,.fgl-game-info{margin-top:var(--header-height) !important;width:100% !important;padding:1rem;height:auto !important;overflow:visible !important;position:relative;z-index:1}.leftNav{position:fixed;top:var(--header-height);left:0;bottom:0;width:260px;transform:translateX(-100%);transition:transform 0.3s ease;box-shadow:5px 0 15px rgba(0,0,0,0.5);visibility:visible;opacity:1;pointer-events:auto;z-index:2000;padding:1rem !important;border-right:1px solid var(--border-color);background-color:var(--bg-surface);height:calc(100vh - var(--header-height));overflow-y:auto}body.nav-open .leftNav{transform:translateX(0)}body.nav-open .mainContent,body.nav-open .fgl-game-info{opacity:0.3;pointer-events:none}body.nav-closed .leftNav{visibility:visible;overflow-y:auto;padding:1rem}}@media (max-width:1024px) and (orientation:landscape){.leftNav{width:200px}}.searchBar{position:relative;display:flex;align-items:center;background:transparent;border-radius:20px;margin-left:auto;transition:background 0.3s ease,border-color 0.3s ease;border:1px solid transparent}.searchBar.active{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.searchIcon{width:20px;height:20px;cursor:pointer;opacity:0.8;padding:8px;box-sizing:content-box;z-index:10;position:relative;pointer-events:auto}.hideInputStyle{background:transparent;border:none;color:#fff;width:0;padding:0;opacity:0;outline:none;font-size:1rem;transition:width 0.3s ease,opacity 0.3s ease,padding 0.3s ease;pointer-events:none}.searchBar.active .hideInputStyle{width:200px;padding:5px 10px 5px 0;opacity:1;pointer-events:auto}.searchFGLResult{position:absolute;top:100%;right:0;width:300px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.5);z-index:1005;max-height:400px;overflow-y:auto;display:none;margin-top:10px}.searchFGLCell{padding:12px 15px;border-bottom:1px solid rgba(255,255,255,0.05);font-size:0.9rem;display:flex;align-items:center;gap:10px;color:var(--text-muted)}.searchFGLCell:hover{background:var(--primary);color:white}.miniGameIcon{width:32px;height:32px;border-radius:4px;object-fit:cover;border:1px solid #444}.searchFGLCover{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(2px);z-index:1001;display:none !important}body.search-active .searchFGLCover{display:block !important}.overlayBG{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(5px);z-index:2000;display:none}.overlayText{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:600px;background:var(--bg-surface);border:1px solid var(--border-color);padding:2rem;z-index:2001;box-shadow:0 10px 30px rgba(0,0,0,0.5);max-height:80vh;overflow-y:auto;display:none}.mainButton,.mainButton2,.saveButton{display:inline-block;background:var(--primary-dark);color:white;padding:10px 20px;border-radius:4px;cursor:pointer;font-weight:bold;text-align:center;border:1px solid transparent;transition:0.2s}.mainButton:hover,.mainButton2:hover{background:var(--primary);transform:translateY(-2px)}.selectStyle1{background-color:var(--bg-surface);color:#fff;border:1px solid var(--border-color);font-family:inherit;font-size:1rem;padding:0.5rem;border-radius:4px;cursor:pointer}.tagNavButton{display:inline-block;background-color:rgba(34,34,34,0.8);border:1px solid #444;padding:8px 16px;margin:4px;border-radius:4px;color:white !important;transition:0.2s}.tagNavButton:hover{background-color:var(--primary);border-color:var(--accent);box-shadow:0 0 10px rgba(255,68,68,0.4)}.mainSponsorButton{position:fixed;bottom:10px;height:60px;left:50%;transform:translateX(-50%);cursor:pointer;z-index:2000;transition:transform 0.2s}.mainSponsorButton:hover{transform:translateX(-50%) scale(1.05)}================================================================================ FILE PATH:../fglportal\css\games.css ================================================================================ .game-section{margin-bottom:4rem;position:relative;display:block}.gameGroupTitle,.gameGroupTitleTag,.featuredGameNameBar{font-size:1.4rem;color:var(--text-main);margin-bottom:1rem;display:flex;align-items:center;font-weight:700;text-transform:uppercase;letter-spacing:1px}.gameGroupTitle img,.featuredGameNameBar img,.featuredIcon{width:28px;height:28px;margin-right:12px;vertical-align:middle}.gameGroupTitleTag img{width:28px;height:28px;margin-right:12px;vertical-align:middle;object-fit:contain}.carousel-wrapper{display:flex;align-items:center;position:relative;width:100%;gap:10px}.gameGroupContent,.featuredContent{display:flex;overflow-x:auto;overflow-y:hidden;gap:15px;padding-bottom:10px;flex-grow:1;width:0;scroll-behavior:smooth;scrollbar-width:none}.gameGroupContent::-webkit-scrollbar,.featuredContent::-webkit-scrollbar{display:none}.gameGroupArrowButton,.featureGroupArrowButton{display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,0.6);cursor:pointer;border-radius:var(--radius-md);z-index:20;width:40px;min-width:40px;height:100%;transition:all 0.2s;backdrop-filter:blur(4px);flex-shrink:0;user-select:none}.gameGroupArrowButton:hover,.featureGroupArrowButton:hover{background:var(--primary);transform:scale(1.1)}.groupArrowIcon{width:14px}.fgl-game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;padding:20px 0;width:100%}.fgl-game-card{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;background:#1a1a1a;border:1px solid var(--border-color);transition:transform 0.2s ease,box-shadow 0.2s,border-color 0.2s;display:block;text-decoration:none;box-shadow:0 4px 6px rgba(0,0,0,0.3)}.fgl-game-card:hover{box-shadow:0 12px 24px rgba(0,0,0,0.6);border-color:var(--primary);z-index:2}.fgl-game-card img,.fgl-game-card video{width:100%;height:100%;object-fit:cover;display:block}.fgl-game-card .info{position:absolute;bottom:0;left:0;right:0;padding:40px 15px 15px;background:linear-gradient(to top,rgba(0,0,0,0.95) 0%,rgba(0,0,0,0.6) 60%,transparent 100%);color:white;font-weight:600;font-size:1rem;text-align:center;opacity:0;transform:translateY(10px);transition:all 0.3s ease}.fgl-game-card:hover .info{opacity:1;transform:translateY(0)}.fgl-sort-filter{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color);padding:12px 24px;border-radius:30px;cursor:pointer;font-size:1rem;outline:none;transition:all 0.2s;appearance:none;background-image:url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23FFFFFF%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 15px top 50%;background-size:12px auto;padding-right:40px}.fgl-sort-filter:hover{border-color:var(--primary);background-color:rgba(255,255,255,0.05)}.tagBrowser,.tagBrowserMini{position:relative;flex:0 0 auto;width:240px;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;background:#1a1a1a;border:1px solid var(--border-color);transition:transform 0.2s ease,border-color 0.2s,box-shadow 0.2s;user-select:none}.tagBrowser:hover,.tagBrowserMini:hover{border-spacing:1px;border-color:var(--primary);z-index:5;box-shadow:0 10px 20px rgba(0,0,0,0.5)}.featuredGameBlock{position:relative;flex:0 0 auto;width:45vw;max-width:700px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #444;transition:0.3s;box-shadow:0 5px 15px rgba(0,0,0,0.3);user-select:none}.featuredGameBlock:hover{transform:scale(1.01);border-color:var(--primary);box-shadow:0 0 20px rgba(255,68,68,0.2)}.tagPageFeaturedBlock{position:relative;flex:0 0 auto;width:350px;aspect-ratio:16/9;border-radius:var(--radius-lg);overflow:hidden;border:1px solid #444;transition:0.3s;box-shadow:0 5px 15px rgba(0,0,0,0.3);user-select:none}.tagPageFeaturedBlock:hover{transform:scale(1.02);border-color:var(--primary);box-shadow:0 0 20px rgba(255,68,68,0.2)}.tagBrowserTextDescription,.tagBrowserTextDescriptionFeatured{position:absolute;bottom:0;left:0;width:100%;padding:50px 15px 15px 15px;background:linear-gradient(to top,rgba(0,0,0,1) 0%,rgba(0,0,0,0.6) 60%,transparent 100%);color:white;font-size:1rem;font-weight:600;text-align:center;opacity:0;transform:translateY(10px);transition:all 0.3s ease;pointer-events:none;text-shadow:0 2px 4px rgba(0,0,0,0.8);box-sizing:border-box}.tagBrowser:hover .tagBrowserTextDescription,.featuredGameBlock:hover .tagBrowserTextDescriptionFeatured,.tagPageFeaturedBlock:hover .tagBrowserTextDescriptionFeatured{opacity:1;transform:translateY(0);visibility:visible}@media (max-width:768px){.tagBrowser{width:160px}.featuredGameBlock{width:85vw}.tagPageFeaturedBlock{width:80vw}.fgl-game-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}.gameContainer{position:relative;margin:20px auto;background:#000;border-radius:8px;box-shadow:0 0 20px rgba(0,0,0,0.5);overflow:hidden}#unity-container{margin:auto;position:relative}#unity-canvas{display:block;width:100%;height:100%;background:#231F20}#unity-loading-bar,#unity-footer{display:none !important}#fgl-preloader{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;background:linear-gradient(135deg,#111 0%,#000 100%);z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;transition:opacity 0.5s ease}.preloader-content{text-align:center;width:80%;max-width:400px}.preloader-logo{width:120px;height:auto;margin-bottom:20px}.loading-text{color:#fff;font-family:'Segoe UI',sans-serif;font-size:1.2rem;margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.progress-track{width:100%;height:8px;background:#333;border-radius:4px;overflow:hidden;position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,0.5)}.progress-fill{height:100%;width:0%;background:var(--primary);border-radius:4px;transition:width 0.2s linear;box-shadow:0 0 10px var(--primary)}.play-btn{margin-top:25px;background:var(--primary);color:white;border:none;padding:12px 30px;font-size:1.2rem;font-weight:bold;text-transform:uppercase;border-radius:4px;cursor:pointer;box-shadow:0 4px 15px rgba(255,68,68,0.4);transition:all 0.2s ease;display:none;animation:pulse 2s infinite}.play-btn:hover{background:var(--primary-dark);transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,68,68,0.7)}70%{box-shadow:0 0 0 10px rgba(255,68,68,0)}100%{box-shadow:0 0 0 0 rgba(255,68,68,0)}}.gameFooterTable{width:100%;color:#fff;padding:10px;background:var(--bg-surface);border-radius:0 0 8px 8px}.fgl-game-footer{width:100%;max-width:85vw;margin-top:10px;display:flex;justify-content:space-between;align-items:center;color:#fff;background:rgba(20,20,20,0.9);padding:10px 15px;border-radius:8px;border:1px solid #333;box-shadow:0 4px 6px rgba(0,0,0,0.3);z-index:10}.gameFooterIcon{width:24px;height:24px;cursor:pointer;transition:0.2s;margin:0 5px}.gameFooterIcon:hover{transform:scale(1.2)}.gameDescriptionTable{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:20px;margin-top:20px;color:var(--text-muted);line-height:1.6;width:100%}