@import "./css.css";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:400;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clear{clear:both}.pull-left{float:left}.pull-right{float:right}.clamp{display:none}@font-face{font-family:'ikons';src:url(/assets/fonts/ikons.eot?-c80g8x);src:url(/assets/fonts/ikons.eot?#iefix-c80g8x) format("embedded-opentype"),url(/assets/fonts/ikons.woff?-c80g8x) format("woff"),url(/assets/fonts/ikons.ttf?-c80g8x) format("truetype"),url(/assets/fonts/ikons.svg?-c80g8x#ikons) format("svg");font-weight:400;font-style:normal}[class^="icon-"],[class*=" icon-"],[class^="checkbox-icon-"],[class*=" checkbox-icon-"]{font-family:'ikons';speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-zoom_out:before{content:"\e600"}.icon-zoom_in:before{content:"\e601"}.icon-youtube:before{content:"\e602"}.icon-windows:before{content:"\e603"}.icon-wifi_3:before{content:"\e604"}.icon-wifi_2:before{content:"\e605"}.icon-wifi_1:before{content:"\e606"}.icon-warning:before{content:"\e607"}.icon-volume_up:before{content:"\e608"}.icon-volume_off:before{content:"\e609"}.icon-volume_mute:before{content:"\e60a"}.icon-volume_down:before{content:"\e60b"}.icon-volume_3:before{content:"\e60c"}.icon-volume_2:before{content:"\e60d"}.icon-volume_1:before{content:"\e60e"}.icon-voicemail:before{content:"\e60f"}.icon-vimeo:before{content:"\e610"}.icon-view:before{content:"\e611"}.icon-view_off:before{content:"\e612"}.icon-users:before{content:"\e613"}.icon-user:before{content:"\e614"}.icon-user_square:before{content:"\e615"}.icon-user_remove:before{content:"\e616"}.icon-user_ok:before{content:"\e617"}.icon-user_delete:before{content:"\e618"}.icon-user_circle:before{content:"\e619"}.icon-user_add:before{content:"\e61a"}.icon-upload:before{content:"\e61b"}.icon-unlock:before{content:"\e61c"}.icon-twitter:before{content:"\e61d"}.icon-tumblr:before{content:"\e61e"}.icon-timer:before{content:"\e61f"}.icon-time:before{content:"\e620"}.icon-tick:before{content:"\e621"}.icon-text_right:before{content:"\e622"}.icon-text_left:before{content:"\e623"}.icon-text_justify:before{content:"\e624"}.icon-text_center:before{content:"\e625"}.icon-terminal:before{content:"\e626"}.icon-target:before{content:"\e627"}.icon-tags:before{content:"\e628"}.icon-tag:before{content:"\e629"}.icon-suitcase:before{content:"\e62a"}.icon-stop:before{content:"\e62b"}.icon-star:before{content:"\e62c"}.icon-square:before{content:"\e62d"}.icon-square_up:before{content:"\e62e"}.icon-square_right:before{content:"\e62f"}.icon-square_remove:before{content:"\e630"}.icon-square_ok:before{content:"\e631"}.icon-square_left:before{content:"\e632"}.icon-square_down:before{content:"\e633"}.icon-square_delete:before{content:"\e634"}.icon-square_dashed:before{content:"\e635"}.icon-square_add:before{content:"\e636"}.icon-spotify:before{content:"\e637"}.icon-speech_bubbles:before{content:"\e638"}.icon-speech_bubble_2:before{content:"\e639"}.icon-speech_bubble_1:before{content:"\e63a"}.icon-speech_4:before{content:"\e63b"}.icon-speech_3:before{content:"\e63c"}.icon-speech_2:before{content:"\e63d"}.icon-speech_1:before{content:"\e63e"}.icon-slideshow:before{content:"\e63f"}.icon-skype:before{content:"\e640"}.icon-skip_previous:before{content:"\e641"}.icon-skip_next:before{content:"\e642"}.icon-shuffle:before{content:"\e643"}.icon-shopping_cart:before{content:"\e644"}.icon-shopping_cart_remove:before{content:"\e645"}.icon-shopping_cart_ok:before{content:"\e646"}.icon-shopping_cart_delete:before{content:"\e647"}.icon-shopping_cart_add:before{content:"\e648"}.icon-shopping_bag:before{content:"\e649"}.icon-shop:before{content:"\e64a"}.icon-share:before{content:"\e64b"}.icon-share_2:before{content:"\e64c"}.icon-screen_expand_3:before{content:"\e64d"}.icon-screen_expand_2:before{content:"\e64e"}.icon-screen_expand_1:before{content:"\e64f"}.icon-rss:before{content:"\e650"}.icon-rewind:before{content:"\e651"}.icon-resize_6:before{content:"\e652"}.icon-resize_5:before{content:"\e653"}.icon-resize_4:before{content:"\e654"}.icon-resize_3:before{content:"\e655"}.icon-resize_2:before{content:"\e656"}.icon-resize_1:before{content:"\e657"}.icon-repeat:before{content:"\e658"}.icon-repeat_2:before{content:"\e659"}.icon-repeat_1:before{content:"\e65a"}.icon-record:before{content:"\e65b"}.icon-progress:before{content:"\e65c"}.icon-printer:before{content:"\e65d"}.icon-presentation:before{content:"\e65e"}.icon-power:before{content:"\e65f"}.icon-polaroids:before{content:"\e660"}.icon-polaroid:before{content:"\e661"}.icon-plus:before{content:"\e662"}.icon-plug:before{content:"\e663"}.icon-play:before{content:"\e664"}.icon-pinterest_2:before{content:"\e665"}.icon-pinterest_1:before{content:"\e666"}.icon-pin_zoom_out:before{content:"\e667"}.icon-pin_zoom_in:before{content:"\e668"}.icon-pin_2:before{content:"\e669"}.icon-pin_1:before{content:"\e66a"}.icon-pill:before{content:"\e66b"}.icon-pie_chart:before{content:"\e66c"}.icon-picture:before{content:"\e66d"}.icon-pen_3:before{content:"\e66e"}.icon-pen_2:before{content:"\e66f"}.icon-pen_1:before{content:"\e670"}.icon-paypal:before{content:"\e671"}.icon-pause:before{content:"\e672"}.icon-notepad:before{content:"\e673"}.icon-notepad_remove:before{content:"\e674"}.icon-notepad_ok:before{content:"\e675"}.icon-notepad_delete:before{content:"\e676"}.icon-notepad_add:before{content:"\e677"}.icon-music:before{content:"\e678"}.icon-moustache:before{content:"\e679"}.icon-more:before,.checkbox-icon-other:before{content:"\e67a"}.icon-more_2:before{content:"\e67b"}.icon-minus:before{content:"\e67c"}.icon-microsoft:before{content:"\e67d"}.icon-microphone:before{content:"\e67e"}.icon-microphone_off:before{content:"\e67f"}.icon-map:before{content:"\e680"}.icon-map_remove:before{content:"\e681"}.icon-map_ok:before{content:"\e682"}.icon-map_delete:before{content:"\e683"}.icon-map_add:before{content:"\e684"}.icon-mail:before{content:"\e685"}.icon-mail_outgoing:before{content:"\e686"}.icon-mail_incoming:before{content:"\e687"}.icon-magnifying_glass:before{content:"\e688"}.icon-magnifying_glass_remove:before{content:"\e689"}.icon-magnifying_glass_add:before{content:"\e68a"}.icon-macbook:before{content:"\e68b"}.icon-logout:before{content:"\e68c"}.icon-login:before{content:"\e68d"}.icon-lock:before{content:"\e68e"}.icon-location:before{content:"\e68f"}.icon-loading:before{content:"\e690"}.icon-list:before{content:"\e691"}.icon-list_2:before{content:"\e692"}.icon-linkedin:before{content:"\e693"}.icon-link:before{content:"\e694"}.icon-line_graph:before{content:"\e695"}.icon-line_graph_square:before{content:"\e696"}.icon-layers:before{content:"\e697"}.icon-iphone:before,.checkbox-icon-smartphone:before{content:"\e698"}.icon-ipad:before,.checkbox-icon-tablet:before{content:"\e699"}.icon-instagram:before{content:"\e69a"}.icon-inbox:before{content:"\e69b"}.icon-inbox_out:before{content:"\e69c"}.icon-inbox_in:before{content:"\e69d"}.icon-image:before{content:"\e69e"}.icon-imac:before,.checkbox-icon-desktop:before{content:"\e69f"}.icon-home:before{content:"\e6a0"}.icon-heart:before{content:"\e6a1"}.icon-hashtag:before{content:"\e6a2"}.icon-grid_2:before{content:"\e6a3"}.icon-grid_1:before{content:"\e6a4"}.icon-graph_rise:before{content:"\e6a5"}.icon-graph_fall:before{content:"\e6a6"}.icon-google_plus:before{content:"\e6a7"}.icon-globe:before{content:"\e6a8"}.icon-frame:before{content:"\e6a9"}.icon-foursquare:before{content:"\e6aa"}.icon-forrst:before{content:"\e6ab"}.icon-font_size_up:before{content:"\e6ac"}.icon-font_size_down:before{content:"\e6ad"}.icon-following:before{content:"\e6ae"}.icon-followers:before{content:"\e6af"}.icon-folder:before{content:"\e6b0"}.icon-folder_remove:before{content:"\e6b1"}.icon-folder_ok:before{content:"\e6b2"}.icon-folder_delete:before{content:"\e6b3"}.icon-folder_add:before{content:"\e6b4"}.icon-first_aid:before{content:"\e6b5"}.icon-fast_forward:before{content:"\e6b6"}.icon-facebook_2:before{content:"\e6b7"}.icon-facebook_1:before{content:"\e6b8"}.icon-equalizer:before{content:"\e6b9"}.icon-eject:before{content:"\e6ba"}.icon-dropbox:before{content:"\e6bb"}.icon-drop:before{content:"\e6bc"}.icon-dribbble:before{content:"\e6bd"}.icon-download:before{content:"\e6be"}.icon-documents:before{content:"\e6bf"}.icon-document:before{content:"\e6c0"}.icon-document_upload:before{content:"\e6c1"}.icon-document_remove:before{content:"\e6c2"}.icon-document_ok:before{content:"\e6c3"}.icon-document_download:before{content:"\e6c4"}.icon-document_delete:before{content:"\e6c5"}.icon-document_add:before{content:"\e6c6"}.icon-diskette:before{content:"\e6c7"}.icon-crop:before{content:"\e6c8"}.icon-credit_card:before{content:"\e6c9"}.icon-copy_2:before{content:"\e6ca"}.icon-copy_1:before{content:"\e6cb"}.icon-computer_upload:before{content:"\e6cc"}.icon-computer_remove:before{content:"\e6cd"}.icon-computer_ok:before{content:"\e6ce"}.icon-computer_download:before{content:"\e6cf"}.icon-computer_delete:before{content:"\e6d0"}.icon-computer_add:before{content:"\e6d1"}.icon-compass:before{content:"\e6d2"}.icon-command:before{content:"\e6d3"}.icon-columns:before{content:"\e6d4"}.icon-cog:before{content:"\e6d5"}.icon-code:before{content:"\e6d6"}.icon-cloud:before{content:"\e6d7"}.icon-cloud_upload:before{content:"\e6d8"}.icon-cloud_ok:before{content:"\e6d9"}.icon-cloud_fail:before{content:"\e6da"}.icon-cloud_download:before{content:"\e6db"}.icon-close:before{content:"\e6dc"}.icon-clip:before{content:"\e6dd"}.icon-circle:before{content:"\e6de"}.icon-circle_up:before{content:"\e6df"}.icon-circle_stop:before{content:"\e6e0"}.icon-circle_skip_previous:before{content:"\e6e1"}.icon-circle_skip_next:before{content:"\e6e2"}.icon-circle_right:before{content:"\e6e3"}.icon-circle_rewind:before{content:"\e6e4"}.icon-circle_plus:before{content:"\e6e5"}.icon-circle_play:before{content:"\e6e6"}.icon-circle_pause:before{content:"\e6e7"}.icon-circle_ok:before{content:"\e6e8"}.icon-circle_minus:before{content:"\e6e9"}.icon-circle_left:before{content:"\e6ea"}.icon-circle_fast_forward:before{content:"\e6eb"}.icon-circle_down:before{content:"\e6ec"}.icon-circle_delete:before{content:"\e6ed"}.icon-chart:before{content:"\e6ee"}.icon-chart_7_8:before{content:"\e6ef"}.icon-chart_5_8:before{content:"\e6f0"}.icon-chart_3_8:before{content:"\e6f1"}.icon-chart_3_4:before{content:"\e6f2"}.icon-chart_1_8:before{content:"\e6f3"}.icon-chart_1_4:before{content:"\e6f4"}.icon-chart_1_2:before{content:"\e6f5"}.icon-cassette:before{content:"\e6f6"}.icon-camera:before{content:"\e6f7"}.icon-calendar:before{content:"\e6f8"}.icon-calendar_ok:before{content:"\e6f9"}.icon-calendar_add:before{content:"\e6fa"}.icon-bullseye:before{content:"\e6fb"}.icon-browser:before{content:"\e6fc"}.icon-browser_remove:before{content:"\e6fd"}.icon-browser_ok:before{content:"\e6fe"}.icon-browser_layout_3:before{content:"\e6ff"}.icon-browser_layout_2:before{content:"\e700"}.icon-browser_layout_1:before{content:"\e701"}.icon-browser_delete:before{content:"\e702"}.icon-browser_add:before{content:"\e703"}.icon-brightness_low:before{content:"\e704"}.icon-brightness_high:before{content:"\e705"}.icon-bookmark:before{content:"\e706"}.icon-book:before{content:"\e707"}.icon-book_2:before{content:"\e708"}.icon-book_1:before{content:"\e709"}.icon-bluetooth:before{content:"\e70a"}.icon-block:before{content:"\e70b"}.icon-bin:before{content:"\e70c"}.icon-bell:before{content:"\e70d"}.icon-behance:before{content:"\e70e"}.icon-battery_full:before{content:"\e70f"}.icon-battery_empty:before{content:"\e710"}.icon-battery_2_3:before{content:"\e711"}.icon-battery_1_3:before{content:"\e712"}.icon-basket:before{content:"\e713"}.icon-basket_remove:before{content:"\e714"}.icon-basket_ok:before{content:"\e715"}.icon-basket_delete:before{content:"\e716"}.icon-basket_add:before{content:"\e717"}.icon-bar_graph:before{content:"\e718"}.icon-bar_chart_3:before{content:"\e719"}.icon-bar_chart_2:before{content:"\e71a"}.icon-bar_chart_1:before{content:"\e71b"}.icon-arrows:before{content:"\e71c"}.icon-arrows_vertical:before{content:"\e71d"}.icon-arrows_vertical_2:before{content:"\e71e"}.icon-arrows_horizontal:before{content:"\e71f"}.icon-arrows_horizontal_2:before{content:"\e720"}.icon-arrow_up:before{content:"\e721"}.icon-arrow_right:before{content:"\e722"}.icon-arrow_left:before{content:"\e723"}.icon-arrow_down:before{content:"\e724"}.icon-arrow_2:before{content:"\e725"}.icon-arrow_1:before{content:"\e726"}.icon-appstore:before{content:"\e727"}.icon-apple:before,.checkbox-icon-ios:before{content:"\e728"}.icon-android:before,.checkbox-icon-android:before{content:"\e729"}.icon-alt:before{content:"\e72a"}.icon-alarm:before{content:"\e72b"}.icon-html5:before{content:"\f13b"}.icon-category-strategy:before{content:"\e72d"}.icon-category-sport:before{content:"\e72e"}.icon-category-spaceshooter:before,.icon-category-arcade:before{content:"\e72f"}.icon-category-pointnclick:before{content:"\e730"}.icon-category-puzzle:before{content:"\e731"}.icon-category-makeup:before{content:"\e732"}.icon-category-jumpnrun:before{content:"\e733"}.icon-category-dressup:before{content:"\e734"}.icon-category-cooking:before{content:"\e735"}.icon-category-cards:before{content:"\e736"}.icon-category-bubble_shooter:before{content:"\e737"}.icon-category-pong:before{content:"\e738"}.icon-category-action:before{content:"\e739"}.icon-category-boys:before{content:"\e73a"}.icon-category-girls:before{content:"\e73b"}.icon-category-racing:before{content:"\e73c"}.icon-category-new:before{content:"\e73e"}.icon-category-kids:before{content:"\e73f"}.icon-category-best:before{content:"\e740"}.icon-category-match3:before{content:"\e72c"}.icon-category-quiz:before{content:"\e73d"}

/* ============================================
   GAMEHUB REDESIGN — Completely different layout
   - Horizontal scroll rows (Netflix-style)
   - Full-bleed cards with image+text overlay
   - Visible top nav tabs, no hamburger
   - Hero banner section
   ============================================ */

/* ---- Root & Body ---- */
html{font-size:100%;line-height:1.5;scroll-behavior:smooth}
body{
	font-family:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
	-webkit-font-smoothing:antialiased;
	color:#e8e8ed;
	font-weight:400;
	background:linear-gradient(180deg,#0d1117 0%,#161b22 100%);
	background-attachment:fixed;
	min-height:100%;
	overflow-x:hidden
}
body::before{
	content:'';
	position:fixed;
	top:0;left:0;right:0;bottom:0;
	background:
		radial-gradient(ellipse 80% 60% at 20% 0%,rgba(14,165,233,.06) 0%,transparent 60%),
		radial-gradient(ellipse 60% 50% at 80% 100%,rgba(168,85,247,.05) 0%,transparent 60%);
	pointer-events:none;
	z-index:0
}
*{-webkit-tap-highlight-color:rgba(255,255,255,0)!important;outline:none!important}

/* ---- Typography ---- */
h1,.h1{
	font-size:2em;line-height:1.3em;font-weight:800;color:#fff;
	text-align:left;letter-spacing:-.03em;
	position:relative;display:inline-block
}
h1 a,.h1 a{color:#fff;text-decoration:none}
h2,.h2{font-size:1.4em;line-height:1.4em;font-weight:700;color:#e8e8ed;text-align:left}
h2 a,.h2 a{color:#e8e8ed;text-decoration:none}
h3,.h3{font-size:1.1em;line-height:1.3em;font-weight:600;color:#c9ced6}
h4,.h4{font-size:.9em;line-height:1.4em;font-weight:600;color:#8b949e}
p{color:#8b949e;margin-top:.5em;font-size:.95em}
p a{color:#58a6ff;text-decoration:none}
p a:hover{color:#79c0ff}
img{display:block;max-width:100%}
table{width:100%}
table thead,table th{font-weight:700}

/* ---- App Container ---- */
.app-container{width:100%;overflow:hidden;background:transparent;position:relative;z-index:1}
#app{position:relative;transform:translate3d(0,0,0)}

/* ---- HEADER - Transparent floating bar, visible nav tabs, no hamburger ---- */
header.main{
	position:sticky;top:0;z-index:100;
	background:rgba(22,27,34,.85);
	-webkit-backdrop-filter:blur(16px) saturate(180%);
	backdrop-filter:blur(16px) saturate(180%);
	border-bottom:1px solid rgba(255,255,255,.06)
}
header.main .main-section{
	display:flex;align-items:center;justify-content:space-between;
	padding:0 32px;height:64px;
	max-width:1440px;margin:0 auto;width:auto
}

/* Logo - left */
header.main .logo{
	order:1;text-decoration:none;display:flex;align-items:center;flex-shrink:0
}
header.main .logo svg{width:170px}
@media only screen and (max-width:600px){header.main .logo svg{width:130px}}

/* Nav tabs - CENTER, visible, single-line scrollable */
header.main .menuHolder{order:2;flex:1;display:flex;justify-content:center;position:static;min-width:0}
header.main .menuHolder label[for="navigationTrigger"]{display:none!important}
header.main .menuHolder #navigationTrigger{display:none}
header.main .menuHolder nav.main{
	display:flex!important;position:static;
	width:auto;max-width:100%;background:transparent;
	border:none;box-shadow:none;padding:0;
	overflow:visible;align-items:center
}
header.main .menuHolder nav.main ul{
	display:flex!important;flex-direction:row!important;
	align-items:center;gap:4px;
	margin-right:0!important;
	flex-wrap:nowrap;justify-content:center;
	overflow-x:auto;overflow-y:hidden;
	scroll-behavior:smooth;
	scrollbar-width:none;-ms-overflow-style:none;
	padding:4px 0;max-width:100%
}
header.main .menuHolder nav.main ul::-webkit-scrollbar{display:none}
header.main .menuHolder nav.main ul:after{display:none}
header.main .menuHolder nav.main ul.tile-list{display:none!important}

/* Individual nav items - pill style */
header.main .menuHolder nav.main ul>li{
	padding:0;margin:0;width:auto!important;
	display:inline-flex!important;flex-shrink:0
}
header.main .menuHolder nav.main ul>li a{
	display:inline-flex;align-items:center;gap:6px;
	text-decoration:none;font-size:13px;font-weight:600;
	padding:7px 16px;border-radius:8px;
	color:#8b949e;border:none!important;
	transition:all .2s;
	white-space:nowrap
}
header.main .menuHolder nav.main ul>li a i{font-size:1.1em}
header.main .menuHolder nav.main ul>li a img{display:none}
header.main .menuHolder nav.main ul>li a:hover{
	color:#e8e8ed;
	background:rgba(255,255,255,.06)
}
header.main .menuHolder nav.main ul>li a.active{
	color:#58a6ff;
	background:rgba(88,166,255,.1)
}

/* Language picker - right */
.language-select{
	order:3;position:relative;height:36px;width:56px;overflow:hidden;border-radius:8px;flex-shrink:0
}
.language-select .value{
	position:absolute;top:0;right:0;bottom:0;left:0;
	padding:7px 10px;font-size:12px;line-height:22px;
	background:rgba(255,255,255,.04);
	cursor:pointer;color:#c9ced6;font-weight:700;
	border:1px solid rgba(255,255,255,.08);
	border-radius:8px;transition:all .2s
}
.language-select .value:before{
	content:'';position:absolute;top:50%;margin-top:-3px;right:7px;
	height:0;width:0;border:4px solid transparent;border-top:4px solid #8b949e
}
.language-select select{display:block;position:absolute;top:0;height:100%;opacity:0;width:100%;cursor:pointer}

/* ---- HERO BANNER SECTION (homepage) ---- */
.hero-banner{
	position:relative;background:linear-gradient(180deg,rgba(13,17,23,.4),#161b22);
	padding:0;margin:0 0 24px;
	border-bottom:1px solid rgba(255,255,255,.04)
}
.hero-inner{
	max-width:1440px;margin:0 auto;
	padding:56px 32px 40px
}
.hero-text{max-width:640px}
.hero-text h1{
	font-size:2.6em;line-height:1.15;font-weight:900;
	color:#e8e8ed;margin-bottom:16px;letter-spacing:-.03em;
	background:none;-webkit-text-fill-color:#e8e8ed
}
.hero-text p{font-size:1.1em;color:#8b949e;margin:0}
.hero-visual{display:none}

@media only screen and (max-width:768px){
	.hero-inner{padding:40px 20px 28px}
	.hero-text h1{font-size:2em}
	.hero-text p{font-size:1em}
}

/* ---- Content Area ---- */
.main-section{margin:0 auto;width:1440px;max-width:100%;box-sizing:border-box;padding:0 32px}
.content{background:transparent;min-height:60vh}
.content .main-section{margin-top:48px;margin-bottom:48px}
.content .main-section:first-of-type{margin-top:28px}
.content .main-section + .main-section{margin-top:56px}

/* ---- Section divider line ---- */
.section-divider{
	width:100%;height:1px;
	background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);
	margin:0 auto;max-width:1440px
}

/* ---- Section Header ---- */
.content .main-section > h1.h2{display:none}
.content .main-section > h2.h1{
	margin-bottom:4px;display:flex;align-items:center;justify-content:space-between;gap:16px
}
.content .main-section > h2.h1 a{
	display:inline-flex;align-items:center;gap:10px;
	font-size:1.5em;font-weight:800;color:#e8e8ed;
	letter-spacing:-.01em
}
.content .main-section > h2.h1 a.section-more{
	font-size:13px;font-weight:600;color:#58a6ff;
	padding:6px 12px;border-radius:8px;
	background:rgba(88,166,255,.08);border:1px solid rgba(88,166,255,.12);
	transition:all .2s
}
.content .main-section > h2.h1 a.section-more:hover{
	background:rgba(88,166,255,.15);color:#79c0ff
}
.content .main-section > h2.h1 a img{
	height:24px;width:24px;
	filter:brightness(0) saturate(100%) invert(55%) sepia(85%) saturate(2500%) hue-rotate(190deg)
}
.content .main-section > h2.h1 a:first-child::after{
	content:'→';margin-left:8px;font-size:.65em;opacity:0;
	transition:all .3s;transform:translateX(-8px)
}
.content .main-section > h2.h1 a:first-child:hover::after{
	opacity:.6;transform:translateX(0)
}
.content .main-section > h2.h1 a:first-child:hover{color:#fff}
@media only screen and (max-width:480px){
	.content .main-section > h2.h1 a{font-size:1.2em}
	.content .main-section > h2.h1 a.section-more{font-size:12px;padding:5px 10px}
}

/* ---- GAME ROWS - HORIZONTAL SCROLL (Netflix style) ---- */
.scroll-row-wrapper{
	position:relative;margin:0 -32px;padding:0
}
.scroll-row-wrapper .main-section{padding:0 32px}
.scroll-row-wrapper + .btn-container{margin:24px 32px 0}

ul.games{
	list-style:none;padding:0;margin:0;
	display:flex;flex-direction:row;
	gap:16px;
	overflow-x:auto;
	overflow-y:hidden;
	scroll-snap-type:x mandatory;
	-webkit-overflow-scrolling:touch;
	padding-bottom:8px;
	scrollbar-width:thin;
	scrollbar-color:rgba(255,255,255,.1) transparent
}
ul.games:before,ul.games:after{display:none}
ul.games:last-child{margin-bottom:0}
ul.games::-webkit-scrollbar{height:4px}
ul.games::-webkit-scrollbar-track{background:transparent}
ul.games::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}

/* Each game card in the scroll row */
ul.games li{
	flex:0 0 280px;width:280px!important;
	float:none!important;margin:0!important;
	padding:0!important;
	scroll-snap-align:start
}
ul.games li a{
	display:block;text-decoration:none;
	position:relative;border-radius:16px;
	overflow:hidden;background:#21262d;
	border:1px solid rgba(255,255,255,.06);
	transition:all .3s cubic-bezier(.4,0,.2,1)
}
ul.games li a:hover{
	border-color:rgba(88,166,255,.3);
	transform:translateY(-4px);
	box-shadow:0 12px 32px rgba(0,0,0,.4),0 0 0 1px rgba(88,166,255,.1)
}

/* Card image area */
ul.games li .icon{
	position:relative;width:100%;
	overflow:hidden;background:#161b22;
	aspect-ratio:2/1
}
ul.games li .icon img{
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	object-fit:cover;
	transition:transform .5s cubic-bezier(.4,0,.2,1)
}
ul.games li a:hover .icon img{transform:scale(1.08)}

/* Badge on top-right of card */
ul.games li a .play-badge{
	position:absolute;top:12px;right:12px;
	background:rgba(0,0,0,.6);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	color:#fff;font-size:11px;font-weight:700;
	padding:5px 12px;border-radius:20px;
	opacity:0;transform:translateY(-6px);
	transition:all .3s;pointer-events:none;
	z-index:3;letter-spacing:.04em;
	border:1px solid rgba(255,255,255,.15)
}
ul.games li a:hover .play-badge{opacity:1;transform:translateY(0)}

/* Card info section (below image) */
ul.games li .name-container{
	padding:14px 16px 16px;
	display:flex;flex-direction:column;
	gap:6px;background:#21262d;
	position:static
}
ul.games li .name{
	color:#e8e8ed;font-size:14px;
	line-height:1.3em;font-weight:600;
	text-align:left;width:100%;
	overflow:hidden;text-overflow:ellipsis;
	white-space:nowrap
}
ul.games li a:hover .name{color:#58a6ff}

/* ---- Special Game Rows (same as .games behavior) ---- */
ul.games.games-special{
	display:flex;flex-direction:row;
	overflow-x:auto;
	gap:16px
}
ul.games.games-special li{
	flex:0 0 280px;width:280px!important
}

/* ---- Category Page Grid (category.html uses same ul) ---- */
.category-grid ul.games{
	display:grid;grid-template-columns:repeat(4,1fr);
	gap:20px;overflow:visible
}
.category-grid ul.games li{flex:auto;width:auto!important}

@media only screen and (max-width:1200px){
	.category-grid ul.games{grid-template-columns:repeat(3,1fr)}
}
@media only screen and (max-width:768px){
	.category-grid ul.games{grid-template-columns:repeat(2,1fr)}
	ul.games{scrollbar-width:none}
	ul.games::-webkit-scrollbar{display:none}
	ul.games li{flex:0 0 220px;width:220px!important}
	ul.games.games-special li{flex:0 0 220px;width:220px!important}
}
@media only screen and (max-width:480px){
	ul.games li{flex:0 0 180px;width:180px!important}
	ul.games.games-special li{flex:0 0 180px;width:180px!important}
	.category-grid ul.games{grid-template-columns:repeat(2,1fr);gap:12px}
	.content .main-section > h2.h1 a{font-size:1.2em}
}

/* ---- Buttons ---- */
.btn,.btn-highlight,.btn-primary,.btn-neutral,.btn-transparent{
	display:inline-block;box-sizing:border-box;
	padding:12px 28px;border:0;cursor:pointer;margin:0;
	text-decoration:none;text-align:center;
	font-size:15px;font-weight:700;
	border-radius:12px;transition:all .3s;
	letter-spacing:.01em
}
.btn{background:rgba(88,166,255,.1);color:#8b949e}
.btn:hover{background:rgba(88,166,255,.18);color:#e8e8ed}
.btn-group .btn,.btn-group .btn-highlight,.btn-group .btn-primary,.btn-group .btn-neutral,.btn-group .btn-transparent{margin-left:6px}
.btn.btn-block,.btn-block.btn-highlight,.btn-block.btn-primary,.btn-block.btn-neutral,.btn-block.btn-transparent{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.btn[disabled],[disabled].btn-highlight,[disabled].btn-primary,[disabled].btn-neutral,[disabled].btn-transparent{opacity:.4}

.btn-highlight{
	background:linear-gradient(135deg,#238636,#2ea043);
	color:#fff;box-shadow:0 4px 16px rgba(35,134,54,.3)
}
.btn-highlight:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(35,134,54,.45)}

.btn-primary{
	background:linear-gradient(135deg,#1f6feb,#388bfd);
	color:#fff;box-shadow:0 4px 16px rgba(31,111,235,.3)
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px rgba(31,111,235,.45)}

.btn-neutral{
	background:rgba(255,255,255,.04);
	color:#c9ced6;
	border:1px solid rgba(255,255,255,.08)
}
.btn-neutral:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}

.btn-transparent{background:transparent;color:#8b949e}
.btn-transparent:hover{color:#e8e8ed}

.btn-container{margin:24px 0 20px;text-align:left}
.btn-container .btn,.btn-container .btn-highlight,.btn-container .btn-primary,.btn-container .btn-neutral,.btn-container .btn-transparent{padding:12px 36px;border-radius:12px;font-size:15px}

/* ---- Footer - clean, different layout ---- */
footer.main{
	margin-top:80px;padding:56px 0 32px;
	background:rgba(13,17,23,.6);
	border-top:1px solid rgba(255,255,255,.06);
	position:relative;z-index:1
}
footer.main a{color:#58a6ff;text-decoration:none;transition:color .2s}
footer.main a:hover{color:#79c0ff}
footer.main .footer-content{margin:0 auto;max-width:1440px;padding:0 32px;box-sizing:border-box}

/* Footer tag pills */
footer.main .footer-content section.tags{margin-bottom:28px}
footer.main .footer-content section.tags nav.main{
	background:none;width:auto;min-height:0;
	margin:0;padding:0;border-radius:0;border:none
}
footer.main .footer-content section.tags nav.main ul{
	display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px
}
footer.main .footer-content section.tags nav.main ul li{
	padding:0;float:none;width:auto;display:inline
}
footer.main .footer-content section.tags nav.main ul li a{
	display:inline-flex;align-items:center;
	background:rgba(255,255,255,.03);
	border:1px solid rgba(255,255,255,.05);
	padding:6px 14px;border-radius:7px;
	font-weight:500;font-size:12px;
	color:#6e7681;transition:all .25s;
	text-decoration:none
}
footer.main .footer-content section.tags nav.main ul li a img{display:none}
footer.main .footer-content section.tags nav.main ul li a:hover{
	background:rgba(255,255,255,.06);
	color:#8b949e;
	border-color:rgba(255,255,255,.1)
}
footer.main .footer-content section.tags nav.main ul li a:hover:before,
footer.main .footer-content section.tags nav.main ul li a.active:before{display:none}
footer.main .footer-content section.tags nav.main .tile-list{display:none}

/* Meta links row */
footer.main .footer-content nav.meta{padding:0;margin:0 auto}
footer.main .footer-content nav.meta ul{
	padding:0;margin:0;display:flex;
	justify-content:flex-start;
	flex-wrap:wrap;gap:20px
}
footer.main .footer-content nav.meta a{
	color:#484f58;text-decoration:none;
	font-size:13px;transition:color .2s
}
footer.main .footer-content nav.meta a:hover{color:#58a6ff}

/* Copyright */
footer.main .copyright{
	margin:28px 0 0;text-align:left;color:#30363d;
	font-size:12px;border-top:1px solid rgba(255,255,255,.03);
	padding-top:24px
}
footer.main .copyright .consent-box-links{
	display:flex;justify-content:flex-start;gap:12px;flex-wrap:wrap
}
footer.main .copyright .consent-box-links a{color:#6e7681}
footer.main .copyright .consent-box-links a:hover{color:#58a6ff}
footer.main .copyright .consent-box-links span{color:#30363d}
footer.main .powered-by-famobi{display:none}

@media only screen and (max-width:600px){
	footer.main{padding:40px 0 24px}
	footer.main .footer-content section.tags nav.main ul{gap:4px}
	footer.main .footer-content section.tags nav.main ul li a{font-size:11px;padding:5px 10px}
}

/* ---- Tiles ---- */
.tile,.tile-highlight,.tile-primary,.tile-info,.tile-neutral{
	display:block;padding:24px;
	background:rgba(255,255,255,.02);
	margin-bottom:16px;border-radius:14px;
	border:1px solid rgba(255,255,255,.06);
	transition:all .25s
}
.tile:hover,.tile-highlight:hover,.tile-primary:hover,.tile-info:hover,.tile-neutral:hover{background:rgba(255,255,255,.04)}
.tile .hint,.tile-highlight .hint,.tile-primary .hint,.tile-info .hint,.tile-neutral .hint{height:0;margin-top:0;overflow:hidden;transition:all .25s}
.tile p,.tile-highlight p,.tile-primary p,.tile-info p,.tile-neutral p{text-align:center}
.tile.withSpacing,.withSpacing.tile-highlight,.withSpacing.tile-primary,.withSpacing.tile-info,.withSpacing.tile-neutral{margin-top:40px}
.tile.active,.active.tile-highlight,.active.tile-primary,.active.tile-info,.active.tile-neutral{border-radius:14px;border:1px solid rgba(88,166,255,.2)}
.tile.active .hint,.active.tile-highlight .hint,.active.tile-primary .hint,.active.tile-info .hint,.active.tile-neutral .hint{margin-top:20px}
.tile.teaser,.teaser.tile-highlight,.teaser.tile-primary,.teaser.tile-info,.teaser.tile-neutral{padding:12px;min-height:60px;text-decoration:none}
.tile.teaser:before,.teaser.tile-highlight:before,.teaser.tile-primary:before,.teaser.tile-info:before,.teaser.tile-neutral:before,.tile.teaser:after,.teaser.tile-highlight:after,.teaser.tile-primary:after,.teaser.tile-info:after,.teaser.tile-neutral:after{content:" ";display:table}
.tile.teaser:after,.teaser.tile-highlight:after,.teaser.tile-primary:after,.teaser.tile-info:after,.teaser.tile-neutral:after{clear:both}
.tile.teaser img,.teaser.tile-highlight img,.teaser.tile-primary img,.teaser.tile-info img,.teaser.tile-neutral img,.tile.teaser svg,.teaser.tile-highlight svg,.teaser.tile-primary svg,.teaser.tile-info svg,.teaser.tile-neutral svg{float:left;width:52px}
.tile.teaser header,.teaser.tile-highlight header,.teaser.tile-primary header,.teaser.tile-info header,.teaser.tile-neutral header{margin-left:64px;font-size:20px}
.tile.teaser p,.teaser.tile-highlight p,.teaser.tile-primary p,.teaser.tile-info p,.teaser.tile-neutral p{margin:4px 0 0 64px;font-size:15px;text-align:left}
.tile-highlight{background:linear-gradient(135deg,rgba(35,134,54,.15),rgba(46,160,67,.1));border:1px solid rgba(35,134,54,.2);color:#7ee787}
.tile-primary{background:linear-gradient(135deg,rgba(31,111,235,.15),rgba(56,139,253,.1));border:1px solid rgba(31,111,235,.2);color:#a5d6ff}
.tile-info{margin-top:-20px;background:rgba(31,111,235,.06);border-top:1px solid rgba(31,111,235,.15);color:#a5d6ff}
.tile-neutral{background:rgba(255,255,255,.02);color:#c9ced6}

.tile-list{list-style:none;margin:-10px;margin-top:20px}
.tile-list:before,.tile-list:after{content:" ";display:table}
.tile-list:after{clear:both}
.tile-list li{box-sizing:border-box;padding:0 10px;float:left;width:50%}
.tile-list li .tile-neutral{margin-bottom:10px}

@media only screen and (max-width:750px){
	.tile-list{margin:0;margin-bottom:20px}
	.tile-list li{padding:0;float:none;width:100%}
	.tile-list li .teaser.tile-neutral{min-height:50px}
	.tile-list li .teaser{margin-bottom:10px}
	.content .tile-list li .teaser header{margin-bottom:10px}
}

/* ---- Forms ---- */
input,textarea{box-sizing:border-box;margin-top:20px;border:0;outline:none;font-size:1em;color:#e8e8ed}
input{background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 18px;transition:all .25s}
input:focus{border-color:#58a6ff;background:rgba(88,166,255,.05)}
textarea{width:100%;padding:12px;resize:none;line-height:1.4em;background:rgba(255,255,255,.04);border:2px solid rgba(255,255,255,.08);border-radius:12px}

/* ---- Game Detail Page ---- */
.game header{margin-bottom:48px}
.game header .background{
	position:relative;background-size:cover;overflow:hidden;
	background-position:center center;text-align:center;
	border-radius:0 0 24px 24px
}
.game header .background .backgroundDarken{
	padding:64px 0;
	background:linear-gradient(180deg,rgba(13,17,23,.4),rgba(13,17,23,.95))
}
.game header .background .backgroundDarken .main-section{margin-top:0;margin-bottom:0}
.game header .icon{
	display:block;width:140px;max-width:100%;
	margin:0 auto 24px;
	border:2px solid rgba(255,255,255,.1);
	border-radius:20px;overflow:hidden;
	box-shadow:0 12px 32px rgba(0,0,0,.4);
	transition:transform .3s
}
.game header .icon:hover{transform:scale(1.05)}
.game header h1{
	color:#fff;margin-bottom:0;text-align:center;
	font-size:2em;font-weight:800;
	text-shadow:0 2px 8px rgba(0,0,0,.5);
	background:none;-webkit-text-fill-color:#fff
}
.game .play-btn-container{position:relative;height:64px;margin:24px 0 0}
.game .play-btn-container:before,.game .play-btn-container:after{
	position:absolute;box-sizing:border-box;content:'';
	border-bottom:1px solid rgba(255,255,255,.06);
	top:50%;left:0;width:20%
}
.game .play-btn-container:after{padding-right:0;left:auto;right:0}
.game .play-btn-container .play-btn{
	display:block;margin:0 auto;width:50%;max-width:220px;
	height:56px;font-size:18px;line-height:36px;
	border-radius:28px;font-weight:800
}
.game .game-infos{margin-left:-10px;margin-right:-10px}
.game .game-infos:before,.game .game-infos:after{content:" ";display:table}
.game .game-infos:after{clear:both}
.game .game-description{box-sizing:border-box;padding:0 20px;margin-bottom:40px}
.game .game-description p{margin:0;text-align:center;font-size:1.05em}
.game .game-categories{margin-top:40px;text-align:center}
.game .game-categories ul{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.game .game-categories ul li{
	background:rgba(88,166,255,.08);
	border-radius:20px;
	border:1px solid rgba(88,166,255,.1);
	transition:all .25s
}
.game .game-categories ul li:hover{background:rgba(88,166,255,.15)}
.game .game-categories ul li a{
	display:block;padding:6px 16px;
	text-decoration:none;color:#79c0ff;
	font-weight:600;font-size:13px
}
.game .game-languages{margin-top:40px}
.game .game-languages ul{display:flex;flex-wrap:wrap;justify-content:center;margin:15px -5px 0}
.game .game-languages ul li{text-align:center;padding:5px;max-width:50px}
.game .game-languages ul li a{display:block;color:#8b949e;text-decoration:none}
.game .for-companies{margin:40px 0;text-align:center}
.game .for-companies .btn-primary{display:inline-block;margin-top:15px}
.game .similarGames{
	margin:48px 0;background:rgba(255,255,255,.015);
	border-radius:16px;padding:24px
}
.game .similarGames h2{margin-bottom:16px}

/* Game items (detail page similar games) */
.game_box{padding-bottom:0}
.game_item{
	display:inline-block;text-decoration:none;
	width:calc(25% - 12px);margin:6px;
	vertical-align:top;border-radius:14px;
	overflow:hidden;background:#21262d;
	border:1px solid rgba(255,255,255,.06);
	transition:all .3s
}
.game_item:hover{
	transform:translateY(-4px);
	border-color:rgba(88,166,255,.2);
	box-shadow:0 8px 24px rgba(0,0,0,.4)
}
.game_item img{width:100%;aspect-ratio:2/1;object-fit:cover}
.game_item .game_name{
	display:block;text-align:center;padding:10px 6px;
	font-size:12px;color:#c9ced6;font-weight:600
}
.game_item:hover .game_name{color:#58a6ff}

/* ---- Back To Top ---- */
.backToTop{
	position:fixed;bottom:32px;right:24px;
	width:48px;height:48px;border-radius:50%;
	background:linear-gradient(135deg,#1f6feb,#388bfd);
	box-shadow:0 6px 20px rgba(31,111,235,.4);
	cursor:pointer;display:flex;align-items:center;justify-content:center;
	transition:all .3s;z-index:50
}
.backToTop:hover{transform:scale(1.12) translateY(-4px);box-shadow:0 8px 28px rgba(31,111,235,.5)}
.backToTop svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;stroke:#fff}
.backToTop img{display:none}

/* ---- Section Divider ---- */
.section-divider{
	width:40px;height:3px;
	background:linear-gradient(90deg,#1f6feb,#238636);
	margin:8px 0 24px;border-radius:2px;opacity:.8
}

/* ---- Static Pages ---- */
.static .content ul{list-style:circle;padding-left:16px}
.static .content a{color:#58a6ff}

/* ---- External Teaser ---- */
section.externalTeaser{margin:0 0 40px;background:rgba(31,111,235,.04);border-radius:14px}
section.externalTeaser .main-section{margin:0 auto}
section.externalTeaser ul{display:block}
section.externalTeaser ul li{width:100%}
section.externalTeaser ul li a{
	display:flex;flex-direction:column;
	box-sizing:border-box;height:100%;
	padding:24px 16px;color:#c9ced6;
	text-align:center;text-decoration:none
}
section.externalTeaser ul li a .btn-highlight{margin:20px 0 0;white-space:nowrap;align-self:center}
section.externalTeaser ul li+li a{margin-top:8px}
section.previewTeaser{display:none}

/* ---- Loading Animation ---- */
@keyframes djqRmU-8e7a8d5a{0%{opacity:0}to{opacity:.8}}
@keyframes etkMLf-8e7a8d5a{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}
.dgmlwU[data-v-8e7a8d5a]{position:fixed;width:100%;height:100%;top:0;left:0;animation:djqRmU-8e7a8d5a .2s cubic-bezier(.25,.1,.25,1) both;z-index:100001}
.AFSJx[data-v-8e7a8d5a]{display:flex;align-items:center;justify-content:center}
.AFSJx div[data-v-8e7a8d5a]{width:14px;height:14px;margin:0 4px;border-radius:100%;background:linear-gradient(135deg,#1f6feb,#388bfd);animation:1.4s ease-in-out 0s infinite normal both running etkMLf-8e7a8d5a}
.AFSJx div[data-v-8e7a8d5a]:nth-child(2){animation-delay:-.16s}

.header[data-v-8e7a8d5a]{position:fixed;top:0;z-index:100;width:100%;height:68px;background:rgba(22,27,34,.85);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06);padding:0 32px;box-sizing:border-box}

.app-module[data-v-1f7a4c38]{position:absolute;left:0;top:0;height:var(--height,100%);width:var(--width,100%);--width:100vw;min-height:var(--minHeight,100vh);z-index:5;background:#0d1117;overflow:hidden}
.app-module .setting[data-v-1f7a4c38]{position:absolute;left:0;top:0}

/* ---- Responsive ---- */
@media only screen and (max-width:750px){
	html{font-size:100%}
	h1,.h1{font-size:1.5em}
	h2,.h2{font-size:1.2em}
	header.main .main-section{padding:0 16px;height:60px}
	header.main .menuHolder{justify-content:flex-end}
	header.main .menuHolder nav.main ul>li a{
		padding:6px 10px;font-size:12px;gap:4px
	}
	header.main .menuHolder nav.main ul{gap:2px}
	.content .main-section{margin-top:32px;margin-bottom:32px;padding:0 16px}
	.content .main-section:first-of-type{margin-top:20px}
	.content .main-section + .main-section{margin-top:40px}
	.content .main-section > h2.h1 a{font-size:1.2em}
	.game header .icon{width:110px}
	.game header h1{font-size:1.4em}
	.game_item{width:calc(50% - 10px)}
	.main-section{padding:0 16px}
	footer.main .footer-content{padding:0 16px}
}

@media only screen and (max-width:480px){
	header.main .menuHolder nav.main ul>li a{
		padding:6px 6px;font-size:10px
	}
	header.main .logo svg{width:100px}
	header.main .main-section{padding:0 8px}
}