*, *::before, *::after { box-sizing: border-box; }  html { font-family: sans-serif; }  body, h1, h2, h3, p, ul, li { margin: 0; }  img { border: 0; max-width: 100%; height: auto; vertical-align: middle; } p img { margin-bottom: 10px;} a { background-color: transparent; text-decoration: none; }  button { margin: 0; font: inherit; color: inherit; cursor: pointer; overflow: visible; }  article, footer, header, nav, section { display: block; }  .clearfix::after { content: ""; display: table; clear: both; }  .text-center { text-align: center; }  body { 	background: #000 url(/shared/3897/background.jpg) no-repeat center top; 	font-family: "Open Sans", sans-serif; 	position: relative; 	color: #fff; 	min-width: 320px; }  body.page-home::before { 	position: absolute; 	top: 135px; 	left: 50%; 	transform: translateX(-50%); 	background: transparent url(/shared/3897/home_overlay.png) no-repeat center 0; 	content: ""; 	width: 1402px; 	height: 685px; 	max-width: 100%; 	pointer-events: none; }  body.page-home { padding-top: 64px; }  body a { color: #edc50d; transition: color 0.15s ease; } body a:hover, body a:focus { color: #ffae00; text-decoration: none; }  body h1, body h2, body h3 { color: #ffae00; }  .btn { 	display: inline-block; 	padding: 6px 12px; 	border: 1px solid transparent; 	border-radius: 4px; 	text-align: center; 	white-space: nowrap; 	vertical-align: middle; }  .content .buttons .btn-success { 	height: 34px; 	line-height: 34px; 	border-top: 1px solid #60cc46; 	border-bottom: 1px solid #0e490b; 	border-radius: 5px; 	background: linear-gradient(to bottom, #2fbc0e 0%, #1c9108 100%); 	color: #fff; 	font-size: 12px; 	text-transform: uppercase; 	font-weight: 700; 	padding: 0 28px; 	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.79); }  .content .buttons .btn-success:hover, .content .buttons .btn-success:focus { 	text-decoration: none; 	color: #fff; 	background: linear-gradient(to bottom, #1c9108 0%, #2fbc0e 100%); }  .inner { 	position: relative; 	max-width: 1050px; 	min-height: 100%; 	margin: 0 auto; 	padding: 0 15px; }  .main { 	width: 100%; 	position: relative; 	padding: 0; }  .main > .inner { 	margin-top: 10px; 	padding: 0 5px; 	background: transparent; }  /* Header */ .site-header { 	position: fixed; 	top: 0; 	left: 0; 	right: 0; 	z-index: 1000; 	background: rgba(1, 12, 17, 0.92); 	border-bottom: 1px solid rgba(8, 51, 81, 0.8); 	backdrop-filter: blur(8px); 	transition: background 0.25s ease, box-shadow 0.25s ease; }  .site-header--scrolled { 	background: rgba(1, 12, 17, 0.98); 	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.45); }  .site-header__inner { 	display: flex; 	align-items: center; 	justify-content: space-between; 	gap: 12px; 	min-height: 64px; 	padding-top: 8px; 	padding-bottom: 8px; 	max-width: 1050px; }  .site-header__logo { 	flex-shrink: 0; 	display: block; 	line-height: 0; }  .site-header__logo img { 	display: block; 	height: 40px; 	width: auto; }  .site-header__actions { 	display: flex; 	align-items: center; 	gap: 8px; 	margin-left: auto; }  .site-header__btn { 	display: inline-flex; 	align-items: center; 	justify-content: center; 	min-height: 36px; 	padding: 0 16px; 	border-radius: 6px; 	font-size: 12px; 	font-weight: 700; 	text-transform: uppercase; 	white-space: nowrap; 	transition: box-shadow 0.2s ease; }  .site-header__btn--bonus { 	color: #fff; 	border: 1px solid #9a0000; 	background: linear-gradient(to bottom, #eb0e0e 0%, #a50000 100%); }  .site-header__btn--bonus:hover { 	box-shadow: 0 0 12px 2px rgba(255, 14, 14, 0.55); 	color: #fff; }  .site-header__btn--register { 	color: #111; 	border: 1px solid #ffdb6e; 	background: linear-gradient(to bottom, #ffbe00 26%, #ff9200 100%); 	text-shadow: 1px 1px 0 #ffc050; }  .site-header__btn--register:hover { 	box-shadow: 0 0 12px 2px rgba(255, 153, 0, 0.55); 	color: #111; }  .lang-switcher { position: relative; flex-shrink: 0; }  .lang-switcher__toggle { 	display: flex; 	align-items: center; 	gap: 6px; 	min-height: 36px; 	padding: 0 12px; 	border: 1px solid #08324f; 	border-radius: 6px; 	background: #03202e; 	color: #fff; 	font-size: 13px; 	font-weight: 700; 	cursor: pointer; 	list-style: none; 	user-select: none; }  .lang-switcher__toggle::-webkit-details-marker { display: none; } .lang-switcher__toggle::marker { content: ""; }  .lang-switcher__caret { 	display: inline-block; 	width: 0; 	height: 0; 	border-left: 4px solid transparent; 	border-right: 4px solid transparent; 	border-top: 5px solid #ffcc00; 	transition: transform 0.2s ease; }  .lang-switcher[open] .lang-switcher__caret { transform: rotate(180deg); }  .lang-switcher__menu { 	position: absolute; 	top: calc(100% + 6px); 	right: 0; 	min-width: 150px; 	margin: 0; 	padding: 6px 0; 	list-style: none; 	background: #03202e; 	border: 1px solid #08324f; 	border-radius: 6px; 	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4); 	z-index: 10; }  .lang-switcher__menu li { padding: 0; }  .lang-switcher__menu a { 	display: block; 	padding: 8px 14px; 	color: #cfe8fa; 	font-size: 14px; }  .lang-switcher__menu a:hover, .lang-switcher__menu a.is-active { 	color: #fcc101; 	background: rgba(255, 174, 0, 0.08); }  /* Hero & banner */ .home-hero { text-align: center; }  .home-hero__logo { 	padding: 16px 0 8px; 	line-height: 0; }  .home-hero__logo img { 	display: inline-block; 	max-width: min(280px, 80vw); 	height: auto; }  .main .home-banner { 	text-align: center; 	color: #fff; 	font-family: Roboto, sans-serif; 	font-size: 58px; 	font-weight: 700; 	text-transform: uppercase; 	padding: 12px 0 47px; }  .main .home-banner p { margin: 0; font-weight: 700; line-height: 1; } .main .home-banner .yellow { color: #ffcc00; } .main .home-banner .buttons { padding-top: 20px; }  .main .home-banner .buttons .btn-success { 	border-radius: 10px; 	height: 52px; 	line-height: 52px; 	color: #fff; 	font-size: 18px; 	text-transform: uppercase; 	font-weight: 700; 	text-shadow: 1px 1px 0 #000; 	padding: 0 26px; 	border-top: 3px solid #ffdb6e; 	border-left: 3px solid #ffdb6e; 	border-right: 1px solid #ffdb6e; 	background: linear-gradient(to bottom, #ffbe00 26%, #ff9200 100%); }  .main .home-banner .buttons .btn-success.get-bonus { 	border: 3px solid #9a0000; 	border-bottom-width: 1px; 	background: linear-gradient(to bottom, #eb0e0e 0%, #eb0e0e 24%, #a50000 100%); }  .main .home-banner .buttons .btn-success.get-bonus:hover { 	transition-duration: 0.5s; 	box-shadow: 0 0 16px 4px #ff0e0e; 	border-color: #ff5e00; }  /* Category menu */ .main .game-category { 	padding-top: 22px; 	margin: 0 -5px; }  .game-category__toggle { 	display: none; }  .game-category__panel { 	display: block; }  .main .game-category ul { 	margin: 0; 	padding: 0; 	list-style: none; 	background-color: #03202e; 	border-radius: 8px 8px 0 0; 	border: 1px solid #08324f; 	height: 64px; 	display: flex; 	align-items: center; 	justify-content: flex-start; 	gap: 20px; }  .main .game-category ul li { 	flex: 1; 	display: flex; 	align-items: center; 	justify-content: center; 	min-width: 0; 	padding: 0 10px; 	margin-top: -45px; }  .main .game-category ul li a { 	color: #cfe8fa; 	font-size: 14px; 	text-transform: uppercase; 	display: flex; 	flex-direction: column; 	align-items: center; 	justify-content: center; 	gap: 2px; 	transition: color 0.2s ease; }  .main .game-category ul li a::before { 	background-image: url(/shared/3897/menu_sprite.png); 	background-repeat: no-repeat; 	content: ""; 	display: inline-block; 	width: 41px; 	height: 41px; 	flex-shrink: 0; }  .main .game-category ul li a.popular::before { background-position: 0 0; } .main .game-category ul li a.new::before { background-position: -41px 0; } .main .game-category ul li a.slots::before { background-position: -82px 0; } .main .game-category ul li a.video-poker::before { background-position: -246px 0; }  .main .game-category ul li a:hover { color: #fcc101; text-decoration: none; } .main .game-category ul li a.popular:hover::before { background-position: 0 -41px; } .main .game-category ul li a.new:hover::before { background-position: -41px -41px; } .main .game-category ul li a.slots:hover::before { background-position: -82px -41px; } .main .game-category ul li a.video-poker:hover::before { background-position: -246px -41px; }  .main .game-category ul li a.is-active, .main .game-category ul li a[aria-current="page"] { 	color: #fcc101; }  .main .game-category ul li a.is-active.popular::before, .main .game-category ul li a[aria-current="page"].popular::before { background-position: 0 -41px; } .main .game-category ul li a.is-active.new::before, .main .game-category ul li a[aria-current="page"].new::before { background-position: -41px -41px; } .main .game-category ul li a.is-active.slots::before, .main .game-category ul li a[aria-current="page"].slots::before { background-position: -82px -41px; } .main .game-category ul li a.is-active.video-poker::before, .main .game-category ul li a[aria-current="page"].video-poker::before { background-position: -246px -41px; }  /* Content */ .main .content_area { 	padding: 10px 24px 20px; 	margin: 0 -5px 20px; 	background-color: #010c11; 	border: 1px solid #083351; 	border-top: none; 	position: relative; 	color: #fff; }  .main .content_area .games_wrap, .main .content_area .games_wrap .content { overflow: inherit; }  .main .content_area .page_title h1 { 	color: #fcc101; 	font-size: 24px; 	padding-left: 40px; 	line-height: 24px; 	margin: 0 0 20px; 	position: relative; }  .main .content_area .page_title h1::before { 	background: url(/shared/3897/collection_icon.png) 0 0 no-repeat; 	content: ""; 	display: block; 	position: absolute; 	top: 0; 	left: 0; 	width: 30px; 	height: 32px; }  .main .content, .main .text { 	color: #fff; 	font-size: 16px; 	overflow-x: auto; 	-webkit-overflow-scrolling: touch; }  .main .text p a, .main .content p a { color: #ffa500; } .main .text p a:hover, .main .content p a:hover { color: #ffc421; text-decoration: underline; } .main .text h2, .main .content h2 { 	margin: 32px 0 16px; 	font-size: 20px; 	line-height: 1.3; }  .main .text h2:first-child, .main .content h2:first-child { margin-top: 0; }  .main .text p, .main .content p { 	margin: 0 0 16px; 	line-height: 1.65; }  /* Lists */ .main .text ul, .main .content ul, .main .text ol, .main .content ol { 	margin: 12px 0 20px; 	padding-left: 28px; }  .main .text ul, .main .content ul { list-style: disc; }  .main .text ol, .main .content ol { list-style: decimal; }  .main .text ul li, .main .content ul li, .main .text ol li, .main .content ol li { 	padding: 4px 0; 	line-height: 1.65; }  .main .text ul li::marker, .main .content ul li::marker, .main .text ol li::marker, .main .content ol li::marker { color: #fcc101; }  .main .text ol li::marker, .main .content ol li::marker { font-weight: 700; }  .main .text ul ul, .main .content ul ul, .main .text ol ul, .main .content ol ul { 	margin: 6px 0 8px; 	list-style: circle; }  .main .text ul ol, .main .content ul ol, .main .text ol ol, .main .content ol ol { margin: 6px 0 8px; }  /* Tables */ .main .text table, .main .content table { 	width: 100%; 	margin: 20px 0; 	border-collapse: collapse; 	font-size: 15px; 	line-height: 1.5; }  .main .text caption, .main .content caption { 	caption-side: bottom; 	padding: 8px 0 0; 	color: #b8bbbf; 	font-size: 14px; 	text-align: left; }  .main .text th, .main .content th, .main .text td, .main .content td { 	padding: 10px 14px; 	border: 1px solid #083351; 	text-align: left; 	vertical-align: top; }  .main .text th, .main .content th { 	background: #03202e; 	color: #fcc101; 	font-weight: 700; }  .main .text td, .main .content td { color: #e8e8e8; }  .main .text tbody tr:nth-child(even), .main .content tbody tr:nth-child(even) { background: rgba(3, 32, 46, 0.55); }  .main .text tbody tr:hover, .main .content tbody tr:hover { background: rgba(8, 51, 81, 0.45); }  .main .text table a, .main .content table a { color: #ffa500; }  .main .text table a:hover, .main .content table a:hover { color: #ffc421; }  .imgstyle { 	display: block; 	margin: 20px auto; 	max-width: 100%; 	text-align: center; }  .imgstyle img { 	display: block; 	max-width: 100%; 	height: auto; 	margin: 0 auto; 	border-radius: 4px; }  .main .text dl, .main .content dl { margin: 20px 0; padding: 0; }  .main .text dt, .main .content dt { 	margin: 18px 0 6px; 	color: #ffae00; 	font-size: 16px; 	font-weight: 700; 	line-height: 1.35; }  .main .text dt:first-child, .main .content dt:first-child { margin-top: 0; }  .main .text dd, .main .content dd { 	margin: 0 0 12px 20px; 	padding: 0; 	color: #e8e8e8; 	line-height: 1.65; }  .main .text dd:last-child, .main .content dd:last-child { margin-bottom: 0; }  .main .text .buttons, .main .content .buttons { margin-top: 8px; }  /* Footer */ footer { 	width: 100%; 	padding: 0; 	color: #fff; 	text-align: center; 	z-index: 3; }  footer > .inner { padding: 0; background: transparent; }  .site-footer .foo_menu { 	display: flex; 	flex-wrap: wrap; 	justify-content: center; 	align-items: center; 	gap: 4px 0; 	padding: 28px 0 16px; }  .site-footer .foo_menu_item { 	display: inline-block; 	padding: 4px 14px; 	margin: 0; 	color: #fff; 	font-size: 13px; 	font-weight: 700; 	text-transform: uppercase; 	border-right: 1px solid rgba(255, 255, 255, 0.35); }  .site-footer .foo_menu_item:last-child { border-right: none; } .site-footer .foo_menu_item:hover { color: #fcc101; }  .site-footer .foo_content { 	max-width: 720px; 	margin: 0 auto 20px; 	padding: 0 16px; 	color: #b8bbbf; 	font-size: 13px; 	line-height: 1.55; 	text-align: center; }  .site-footer .foo_content p { margin: 0 0 10px; } .site-footer .foo_content p:last-child { margin-bottom: 0; opacity: 0.75; }  footer .pay_link { 	display: inline-block; 	vertical-align: middle; 	margin: 15px 0; 	opacity: 0.5; }  footer .pay_link img { height: 22px; } footer a.pay_link:hover { opacity: 1; }  footer .pay_links { 	text-align: center; 	letter-spacing: 18px; }  footer .pay_links::before { content: ""; display: block; clear: both; } 	@keyframes game-category-slide { 		from { opacity: 0; transform: translateY(-6px); } 		to { opacity: 1; transform: translateY(0); } 	} /* Mobile */ @media screen and (max-width: 767px) { 	body.page-home { padding-top: 56px; }  	.site-header__inner { 		min-height: 56px; 		gap: 8px; 		padding-left: 10px; 		padding-right: 10px; 	}  	.site-header__logo img { height: auto; max-width: 110px; }  	.site-header__btn { 		min-height: 32px; 		padding: 0 10px; 		font-size: 11px; 	}  	.lang-switcher__toggle { 		min-height: 32px; 		padding: 0 10px; 		font-size: 12px; 	}  	.main .home-banner { 		font-size: 28px; 		padding: 24px 12px; 	}  	.main .home-banner .buttons .btn-success { 		height: 44px; 		line-height: 44px; 		font-size: 15px; 		padding: 0 20px; 	}  	.main .game-category { 		padding-top: 8px; 	}  	.game-category__toggle { 		display: flex; 		align-items: center; 		justify-content: space-between; 		gap: 10px; 		width: 100%; 		min-height: 48px; 		margin: 0; 		padding: 12px 16px; 		border: 1px solid #08324f; 		border-radius: 10px 10px 0 0; 		background: linear-gradient(180deg, #062838 0%, #03202e 100%); 		color: #fff; 		font-size: 14px; 		font-weight: 600; 		cursor: pointer; 		-webkit-tap-highlight-color: transparent; 		transition: border-color 0.2s ease, background 0.2s ease; 	}  	.game-category__toggle:hover { 		border-color: #1a6a94; 	}  	.game-category__toggle-label { 		color: #8eb4cc; 		font-size: 12px; 		font-weight: 500; 		text-transform: uppercase; 		letter-spacing: 0.04em; 	}  	.game-category__toggle-value { 		flex: 1; 		text-align: left; 		color: #fcc101; 	}  	.game-category__chevron { 		flex-shrink: 0; 		width: 10px; 		height: 10px; 		border-right: 2px solid #ffcc00; 		border-bottom: 2px solid #ffcc00; 		transform: rotate(45deg); 		margin-top: -4px; 		transition: transform 0.25s ease; 	}  	.game-category--open .game-category__chevron { 		transform: rotate(-135deg); 		margin-top: 4px; 	}  	.game-category--open .game-category__toggle { 		border-color: #ffae00; 		border-bottom-left-radius: 0; 		border-bottom-right-radius: 0; 	}  	.game-category:not(.game-category--open) .game-category__toggle { 		border-radius: 10px; 		margin-bottom: 6px; 	}  	.game-category--open + .content_area { 		border-top: none; 	}  	.game-category__panel { 		overflow: hidden; 	}  	.game-category__panel[hidden] { 		display: none; 	}  	.game-category--open .game-category__panel { 		animation: game-category-slide 0.25s ease; 	}  	.main .game-category ul { 		flex-direction: column; 		align-items: stretch; 		gap: 0; 		height: auto; 		min-height: 0; 		margin: 0; 		padding: 0; 		border-radius: 0 0 10px 10px; 		border-top: none; 	}  	.main .game-category ul li { 		flex: none; 		width: 100%; 		margin-top: 0; 		padding: 0; 		border-bottom: 1px solid rgba(8, 50, 79, 0.6); 	}  	.main .game-category ul li:last-child { 		border-bottom: none; 	}  	.main .game-category ul li a { 		flex-direction: row; 		justify-content: flex-start; 		gap: 14px; 		width: 100%; 		min-height: 52px; 		padding: 10px 16px; 		font-size: 14px; 		text-transform: none; 		text-align: left; 		border-radius: 0; 		-webkit-tap-highlight-color: transparent; 	}  	.main .game-category ul li a::before { 		width: 36px; 		height: 36px; 		background-size: 325px 72px; 	}  	.main .game-category ul li a.popular::before { background-position: 0 0; } 	.main .game-category ul li a.new::before { background-position: -36px 0; } 	.main .game-category ul li a.slots::before { background-position: -72px 0; } 	.main .game-category ul li a.video-poker::before { background-position: -216px 0; }  	.main .game-category ul li a.popular:hover::before, 	.main .game-category ul li a.popular:focus-visible::before, 	.main .game-category ul li a.is-active.popular::before, 	.main .game-category ul li a[aria-current="page"].popular::before { background-position: 0 -36px; } 	.main .game-category ul li a.new:hover::before, 	.main .game-category ul li a.new:focus-visible::before, 	.main .game-category ul li a.is-active.new::before, 	.main .game-category ul li a[aria-current="page"].new::before { background-position: -36px -36px; } 	.main .game-category ul li a.slots:hover::before, 	.main .game-category ul li a.slots:focus-visible::before, 	.main .game-category ul li a.is-active.slots::before, 	.main .game-category ul li a[aria-current="page"].slots::before { background-position: -72px -36px; } 	.main .game-category ul li a.video-poker:hover::before, 	.main .game-category ul li a.video-poker:focus-visible::before, 	.main .game-category ul li a.is-active.video-poker::before, 	.main .game-category ul li a[aria-current="page"].video-poker::before { background-position: -216px -36px; }  	.main .game-category ul li a:active { 		background: rgba(255, 174, 0, 0.08); 	}  	.main .game-category ul li a.is-active, 	.main .game-category ul li a[aria-current="page"] { 		background: rgba(255, 174, 0, 0.06); 	}  	.main .content_area { padding: 16px 14px 20px; }  	.main .text table, 	.main .content table { font-size: 14px; }  	.main .text th, 	.main .content th, 	.main .text td, 	.main .content td { padding: 8px 10px; }  	.main .content_area .page_title h1 { 		font-size: 18px; 		padding-left: 36px; 	}  	.site-footer .foo_menu_item { 		font-size: 11px; 		padding: 4px 10px; 	}  	footer .pay_links { letter-spacing: 8px; } 	footer .pay_link img { height: 18px; } }  @media screen and (max-width: 420px) { 	.site-header__actions { gap: 6px; } 	.site-header__btn { padding: 0 8px; font-size: 10px; } 	.main .home-banner { font-size: 22px; }  	.game-category__toggle { 		padding: 10px 14px; 		font-size: 13px; 	}  	.main .game-category ul li a { 		min-height: 48px; 		padding: 8px 14px; 		font-size: 13px; 		gap: 12px; 	}  	.main .game-category ul li a::before { 		width: 32px; 		height: 32px; 		background-size: 288px 64px; 	}  	.main .game-category ul li a.popular::before { background-position: 0 0; } 	.main .game-category ul li a.new::before { background-position: -32px 0; } 	.main .game-category ul li a.slots::before { background-position: -64px 0; } 	.main .game-category ul li a.video-poker::before { background-position: -192px 0; }  	.main .game-category ul li a.popular:hover::before, 	.main .game-category ul li a.popular:focus-visible::before, 	.main .game-category ul li a.is-active.popular::before, 	.main .game-category ul li a[aria-current="page"].popular::before { background-position: 0 -32px; } 	.main .game-category ul li a.new:hover::before, 	.main .game-category ul li a.new:focus-visible::before, 	.main .game-category ul li a.is-active.new::before, 	.main .game-category ul li a[aria-current="page"].new::before { background-position: -32px -32px; } 	.main .game-category ul li a.slots:hover::before, 	.main .game-category ul li a.slots:focus-visible::before, 	.main .game-category ul li a.is-active.slots::before, 	.main .game-category ul li a[aria-current="page"].slots::before { background-position: -64px -32px; } 	.main .game-category ul li a.video-poker:hover::before, 	.main .game-category ul li a.video-poker:focus-visible::before, 	.main .game-category ul li a.is-active.video-poker::before, 	.main .game-category ul li a[aria-current="page"].video-poker::before { background-position: -192px -32px; } }  @media screen and (min-width: 768px) { 	.game-category__toggle { display: none !important; }  	.game-category__panel, 	.game-category__panel[hidden] { 		display: block !important; 	} }