* {margin: 0;padding: 0;box-sizing: border-box;}body {font-family: "Saira", "sans-serif";background: #171717;position: relative;min-height: 100vh;display: flex;flex-direction: column;}@font-face {font-family: "Saira";src: url("/assets/game/images/theme/game-novelty/font/Saira_Expanded-Regular.ttf");font-display: swap;}img {width: 100%;aspect-ratio: 1/1;}ul, li {list-style-type: none;}a, a:link, a:visited, a:hover, a:active {text-decoration: none;color: #ffffff;}input {border: none;background: none;outline: none;width: 100%;}.margin-top {margin-top: 35px;}.no-svg {display: inline-block;width: 20px;height: 20px;min-width: 20px;min-height: 20px;vertical-align: middle;}.no-svg.big {width: 30px;height: 30px;}.no-vessel {max-width: 1280px;margin: 0 auto;padding: 15px;}main {flex: 1;}header {position: sticky;top: 0;left: 0;width: 100%;background-color: #272727a8;backdrop-filter: blur(8px);z-index: 999;}.no-header-vessel {padding: 10px 15px 0;}@media (min-width: 769px) {.no-header-vessel {text-align: center;}}.no-header-vessel h1 {color: #FFB700;}.no-menu_nav {display: flex;flex-direction: row;align-items: center;gap: 15px;flex-wrap: nowrap;overflow-x: scroll;scrollbar-width: none;}@media (min-width: 769px) {.no-menu_nav {justify-content: center;gap: 35px;}}.no-menu_nav a {display: inline-block;padding: 15px 0 10px 0;position: relative;font-size: 20px;}.no-menu_nav a:hover::after {content: '';display: inline-block;height: 2px;width: 100%;background-color: #FFB700;position: absolute;bottom: 0;left: 0;}.no-top_area {display: grid;grid-template-columns: repeat(1, 1fr);row-gap: 20px;}@media (min-width: 769px) {.no-top_area {grid-template-columns: repeat(5, 1fr);column-gap: 20px;align-items: stretch;}}.no-top_area .no-left {grid-column: span 3;}.no-top_area .no-right {grid-column: span 2;}.no-swiper_container {width: 100%;height: 450px;position: relative;overflow: hidden;}@media (min-width: 560px) and (max-width: 959px) {.no-swiper_container {height: 100%;}}@media (max-width: 560px) {.no-swiper_container {height: 240px;}}.no-swiper_container .no-swiper_left, .no-swiper_container .no-swiper_right {position: absolute;top: 50%;transform: translateY(-50%);z-index: 13;height: 50px;width: 50px;border-radius: 0.2rem;background-color: rgba(255, 255, 255, 0.26);display: flex;justify-content: center;align-items: center;opacity: 0;transition: all 0.2s ease-in-out;color: #ffffff;}.no-swiper_box {display: flex;gap: 0.9375rem;scroll-behavior: smooth;position: relative;width: 100%;height: calc(100% - 30px);}.no-swiper_item {border-radius: 15px;position: relative;width: 100%;height: 100%;overflow: hidden;flex: 0 0 100%;background-color: #c9e0ff;}.no-swiper_points {display: flex;flex-direction: row;gap: 0.625rem;justify-content: center;margin-top: 15px;}.no-swiper_points .ponits_item {border-radius: 6px;width: 8px;height: 8px;background-color: #ffffffa6;}.no-swiper_points .ponits_item[data-checked="true"] {background-color: #FFB700;}.no-swiper_points .ponits_item:hover {cursor: pointer;}.no-popular_box {width: 100%;height: 100%;border-radius: 15px;background-color: #272727;padding: 10px 15px;overflow: hidden;max-height: 450px;}@media (max-width: 769px) {.no-popular_box {height: 300px;}}.no-popular_box .no-popular_title {font-size: 20px;color: #ffffff;}.no-popular_box .no-popular_title::after {content: "";display: block;height: 2px;width: 100%;margin: 10px 0;background-color: #FFB700;}.no-popular_box .no-popular_list {display: flex;flex-direction: column;gap: 10px;overflow-y: scroll;height: calc(100% - 60px);max-height: 100%;scrollbar-width: none;}.no-game_box {display: flex;border-radius: inherit;max-height: inherit;position: relative;width: 100%;height: 100%;}.no-game_box .game_img {display: inline-flex;width: 100%;height: 100%;}.no-game_box .game_img img {display: block;aspect-ratio: 16/9;object-fit: cover;}.no-game_box .game_name {position: absolute;bottom: 0;left: 0;right: 0;display: flex;flex-direction: row;gap: 10px;align-items: center;justify-content: space-between;padding: 10px;margin: 10px 15px;border-radius: 10px;text-transform: capitalize;background: linear-gradient(to top, rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.25));color: #fff;backdrop-filter: blur(4px);}@media (min-width: 960px) {.no-game_box .game_name {font-size: 20px;}}.no-game_box .game_name button {all: unset;width: 50px;text-align: center;background-color: #FFB700;text-transform: capitalize;border-radius: 10px;padding: 10px;}@media (min-width: 960px) {.no-game_box .game_name button {font-size: 20px;}}.no-popular_item {display: flex;flex-direction: row;align-items: center;gap: 15px;transition: transform 0.2s ease-in-out;}.no-popular_item:hover {transform: scale(0.98);}.no-popular_item:hover span {color: #FFB700;}.no-popular_item .popular_img {width: 100px;height: 100px;border-radius: 15px;overflow: hidden;position: relative;}.no-popular_item .popular_img::after {content: 'new';display: inline-flex;align-items: center;justify-content: center;background-size: 100%;background-repeat: no-repeat;width: auto;height: 15px;padding: 5px;border-radius: 5px;position: absolute;right: 5px;top: 5px;z-index: 10;background-color: red;animation: bounce 1s ease-in-out infinite;}.no-popular_item span {font-size: 20px;flex: 1;}@keyframes bounce {0%, 100% {transform: scale(1);}50% {transform: scale(1.1);}}.no-classify-group {display: flex;flex-direction: column;gap: 25px;}.group_name {margin-bottom: 15px;display: flex;flex-direction: row;justify-content: space-between;align-items: center;border-bottom: 2px solid #FFB700;}.group_name h2 {color: #0f0f0f;position: relative;padding: 6px 14px 8px;text-transform: capitalize;}.group_name h2::before {content: '';transform: skewX(170deg);position: absolute;top: 0;left: 4px;right: 0;bottom: 0;background-color: #FFB700;z-index: -1;}.group_name .more-button {position: relative;color: #ffb700;text-decoration: none;font-size: 12px;padding: 4px 8px;font-weight: 400;display: inline-block;vertical-align: middle;line-height: 1;margin-left: 7px;transition: color 0.3s;}.group_list {display: grid;grid-template-columns: repeat(6, 1fr);gap: 20px;}@media (min-width: 960px) and (max-width: 1025px) {.group_list {grid-template-columns: repeat(4, 1fr);}}@media (min-width: 560px) and (max-width: 959px) {.group_list {grid-template-columns: repeat(3, 1fr);}}@media (max-width: 560px) {.group_list {grid-template-columns: repeat(2, 1fr);}}.no-game_item {display: flex;flex-direction: column;transition: all 0.2s ease-in-out;border-radius: 15px;padding: 3px;border: 3px solid transparent;}.no-game_item:hover {border: 3px solid #706464;padding: 5px;}.no-game_item .no-game_img {border-radius: 15px;}.no-game_item .no-game_name {display: -webkit-box;line-clamp: 1;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;height: 40px;line-height: 40px;font-size: 20px;}.no-top-game {display: flex;flex-direction: column;border-radius: 10px;height: auto;background-color: #272727;overflow: hidden;}@media (min-width: 769px) {.no-top-game {flex-direction: row;align-items: stretch;max-height: 450px;}}.no-game_play {flex: 1;height: 350px;position: relative;overflow: hidden;}.no-game_play .game_bg {height: 100%;filter: blur(25px);object-fit: cover;}.no-game_play .game_inner {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 50%;display: flex;flex-direction: column;align-items: center;gap: 10px;z-index: 20;color: #ffffff;text-transform: capitalize;}.no-game_play .game_inner img {width: 100px;height: 100px;border-radius: 10px;}.no-game_play .game_inner .play_btn {width: 90%;text-align: center;padding: 10px 15px;border-radius: 5px;background-color: #FFB700;color: #ffffff;border: 1px solid #FFB700;transition: all 0.3s ease-in-out;}.no-game_play .game_inner .play_btn:hover {background-color: #272727;color: #FFB700;}.no-game_info {flex: 1;background-color: #272727;border-radius: 0 0 10px 10px;padding: 20px 15px;color: #ffffff;text-align: center;}.no-game_info h2 {text-transform: capitalize;}.no-game_info .classify_type {display: inline-block;padding: 15px 0;color: #FFB700;}.no-game_info p {line-height: 1.6;}