* {margin: 0;padding: 0;}body {font-family: "Nunito", sans-serif;background: #0a1d50;min-height: 100vh;position: relative;display: flex;flex-direction: column;color: #fff;}@font-face {font-family: "Nunito";src: url("/assets/game/images/fonts/Nunito/Nunito-Medium.ttf");}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: #6bf8ff;}input {background: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none;outline: none;padding: 0;margin: 0;font: inherit;width: 100%;}.fi-svg {display: inline-block;width: 20px;height: 20px;min-width: 20px;min-height: 20px;vertical-align: middle;}.fi-svg.big {width: 30px;height: 30px;}.fi-svg.bigger {width: 40px;height: 40px;}.fi-container {max-width: 1200px;margin: 0 auto;}.fi-padding {padding: 10px 15px;}.fi-margin {margin: 25px 0;}main {flex: 1;}header {position: sticky;top: 0;left: 0;right: 0;background: rgba(8, 23, 64, 0.8);backdrop-filter: blur(8px);z-index: 10;}header .fi-header-container {text-align: center;padding: 0.625rem 0;}@media (min-width: 1100px) {header .fi-header-container {display: flex;flex-direction: row;align-items: center;justify-content: space-between;gap: 1.5625rem;padding: 0.625rem 1.25rem;}}header .fi-header-container .fi-svg {padding: 0 1.25rem;}header .fi-header-container .fi-header_search, header .fi-header-container .fi-svg {display: none;}@media (min-width: 1100px) {header .fi-header-container .fi-header_search, header .fi-header-container .fi-svg {display: block;}}#fi-slidebar-nav {display: flex;flex-direction: column;position: fixed;left: calc(-100vw - 60%);top: 0;bottom: 0;width: calc(100vw - 60%);padding-top: 63px;z-index: 9;background-color: #0a1d50;transition: all 0.3s ease-in-out;border-right: 1px solid #1437a1;max-width: 12.5rem;}#fi-slidebar-nav a {padding: 0.625rem;display: flex;flex-direction: row;gap: 0.625rem;font-size: 1.2rem;transition: all 0.3s ease-in-out;}#fi-slidebar-nav a.active, #fi-slidebar-nav a:hover {background-color: #1a98ff;color: #fff;}#fi-slidebar-nav.show {left: 0;}@media (min-width: 1100px) {#fi-slidebar-nav {left: 0;}}.search-hidden {visibility: hidden;opacity: 0;transition: all 0.3s ease-in-out;}.search-show {visibility: visible;opacity: 1;transition: all 0.3s ease-in-out;}#fi-search {position: fixed;inset: 0;z-index: 12;outline: 0;overflow-x: hidden;overflow-y: auto;}#fi-search #fi-search-container {position: fixed;inset: 0;z-index: 12;}#fi-search #fi-search-container .fi-search_box {position: relative;background: #091d59;max-width: 710px;margin: 40px auto 20px auto;display: flex;flex-direction: column;gap: 1.25rem;padding: 1.25rem;}#fi-search #fi-search-container .search_delete_btn {position: absolute;top: 10px;right: 10px;}.search_input {background-color: #0a1d50;background-clip: padding-box;border: 1px solid #6bf8ff;appearance: none;border-radius: 0.375rem;padding: 1rem;box-sizing: border-box;color: #fff;}.search_input.header_input {padding: 0.5rem;}@media (min-width: 1100px) {.search_input.header_input {width: 450px;}}.fi-search_bg {position: fixed;inset: 0;z-index: 11;width: 100%;height: 100%;background-color: #000;opacity: 0.7;}#fi-bottom-nav {position: fixed;left: 1.25rem;right: 1.25rem;bottom: 0.625rem;border-radius: 0.625rem;background-color: rgba(8, 23, 64, 0.8);backdrop-filter: blur(8px);display: flex;flex-direction: row;justify-content: center;overflow: hidden;z-index: 11;}@media (min-width: 1100px) {#fi-bottom-nav {display: none;}}#fi-bottom-nav a {text-align: center;font-size: 0.75rem;font-weight: bolder;display: flex;flex-direction: column;align-items: center;width: 100%;color: #fff;padding: 0.625rem 0;transition: all 0.3s ease-in-out;}#fi-bottom-nav a:hover, #fi-bottom-nav a:focus {background-color: #42aaff;}.fi-main_right {min-height: calc(100vh - 60px);position: relative;max-width: 100%;float: right;width: calc(100% - 12.5rem);}@media (max-width: 1100px) {.fi-main_right {width: 100%;padding-bottom: 4.375rem;}}.fi-game-list {display: grid;grid-template-columns: repeat(2, 1fr);gap: 0.9375rem;}@media (min-width: 560px) {.fi-game-list {grid-template-columns: repeat(3, 1fr);}}@media (min-width: 760px) {.fi-game-list {grid-template-columns: repeat(4, 1fr);}}@media (min-width: 1200px) {.fi-game-list {grid-template-columns: repeat(6, 1fr);}}.fi-game-card {min-width: 9.375rem;border-radius: 0.625rem;background-color: #071936;display: flex;flex-direction: column;color: #fff !important;overflow: hidden;}.fi-game-card_img {transition: all 0.3s ease-in-out;display: inline-flex;overflow: hidden;width: 100%;}.fi-game-card_img:hover {transform: scale(1.05);}.fi-game-card_des {display: flex;flex-direction: column;gap: 0.625rem;padding: 1rem;}.fi-game-card_des h3 {display: inline-block;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.fi-game-card_des .des_btn {border-radius: 0.625rem;background-color: #1a98ff;padding: 0.5rem;align-self: flex-start;color: #fff;transition: all 0.3s ease-in-out;}.fi-game-card_des .des_btn:hover {background-color: #54b2ff;}.fi-detail-card {border-radius: 0.9375rem;background-color: rgba(255, 255, 255, 0.08);}.fi-detail-card_img {position: relative;min-height: 350px;max-height: 480px;overflow: hidden;border-top-left-radius: inherit;border-top-right-radius: inherit;}.fi-detail-card_img .img_bg {position: absolute;inset: 0;object-fit: cover;filter: blur(20px);transform: scale(1.2);}.fi-detail-card_img .img_innerbox {position: absolute;inset: 0;display: flex;flex-direction: column;align-items: center;justify-content: center;gap: 0.625rem;}.fi-detail-card_img .img_innerbox img {width: 100px;height: 100px;border-radius: 0.625rem;}.fi-detail-card_des {display: flex;flex-direction: column;gap: 1rem;}.fi-detail-card_des h2, .fi-detail-card_des h3 {color: #6bf8ff;}.fi-detail-card_des h3 {margin-bottom: 0.625rem;}.fi-detail-card_des .drumb {text-transform: capitalize;}.fi-detail-card_des .drumb .drumb_nav {text-decoration: underline;}.fi-detail-card_des .drumb .drumb_nav::after {content: "";background-image: url(/assets/game/images/theme/game-fiction/icon/arrow-right.svg);display: inline-block;width: 15px;height: 15px;vertical-align: middle;}.fi-detail-card_des .des_play_btn {background-color: #1a98ff;border-radius: 0.625rem;padding: 0.625rem;text-align: center;color: #fff;width: 100%;max-width: 450px;align-self: center;margin-top: 0.9375rem;transition: all 0.3s ease-in-out;}.fi-detail-card_des .des_play_btn:hover {background-color: #54b2ff;}.fi-page-nav {background-color: #071936;border-radius: 0.625rem;padding: 0.625rem;display: inline-block;margin-top: 1.25rem;}.fi-page-nav .arrowBtn {cursor: not-allowed;}.fi-page-nav .arrowBtn:last-child {cursor: pointer;}.fi-recommend_slide {position: relative;}.fi-recommend_slide .fi-recommend-list {display: grid;grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));grid-auto-flow: column;gap: 15px;overflow-x: scroll;scrollbar-width: none;margin-top: 1.5625rem;}.fi-footer-about {display: flex;flex-direction: row;justify-content: center;align-items: center;gap: 1.25rem;padding: 1.5625rem;}