* {margin: 0;padding: 0;}body {font-family: "Nunito", "sans-serif";background: #c2e3fe;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: #5a5a87;color: #ffffff;}input {background: none;appearance: none;-webkit-appearance: none;-moz-appearance: none;border: none;outline: none;padding: 0;margin: 0;font: inherit;width: 100%;}.fr-svg {display: inline-block;width: 20px;height: 20px;min-width: 20px;min-height: 20px;vertical-align: middle;}.fr-svg.big {width: 30px;height: 30px;}.fr-svg.bigger {width: 40px;height: 40px;}.fr-container {max-width: 1280px;margin: 0 auto;}.fr-padding {padding: 10px 20px;}.fr-margin {margin: 25px 0;}main {flex: 1;}header {position: sticky;top: 0;background-color: #c2e3fe;z-index: 99;}header .fr-header-container {display: flex;flex-direction: row;justify-content: space-between;align-items: center;padding: 10px 15px;width: 100%;box-sizing: border-box;}header .fr-header-container h1 {font-weight: bold;color: #86C7F9;text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff, 1px -1px 0px #fff, -1px 1px 0px #fff;}.header-menu_btn {border-radius: 50%;padding: 10px;background-color: #ffffff;color: #5a5a87;}@media (min-width: 890px) {.header-menu_btn {display: none;}}.header-menu_nav {display: none;}@media (min-width: 890px) {.header-menu_nav {display: inline-block;}}.header-menu_nav a {display: inline-flex;border-radius: 25px;padding: 10px 20px;background-color: #ffffff;color: #5a5a87;font-weight: bolder;font-size: 15px;transition: all 0.3s ease-in-out;}.header-menu_nav a:hover {transform: translateY(5px);}.header-menu_nav a:not(:last-child) {margin-right: 5px;}.fr-header-menu {position: fixed;top: 0;left: 0;right: 0;bottom: 0;height: 100vh;z-index: 100;background-color: #acd8fd;display: flex;flex-direction: column;gap: 20px;padding: 10px 15px;opacity: 0;visibility: hidden;transition: all 0.3s ease-in-out;}.fr-header-menu.show {opacity: 1;visibility: visible;}@media (min-width: 890px) {.fr-header-menu.show {opacity: 0;visibility: hidden;}}.fr-header-menu .header-menu_btn {align-self: flex-end;}.fr-header-menu .menu_list {display: flex;flex-direction: column;align-items: center;gap: 20px;}.fr-header-menu .menu_list a {font-size: 20px;display: inline-flex;border-radius: 25px;padding: 10px 20px;background-color: #ffffff;color: #5a5a87;font-weight: bolder;transition: all 0.2s ease-in-out;}.fr-header-menu .menu_list a:hover {transform: translateY(-5px);}.fr-main-container.home {display: grid;grid-template-columns: repeat(3, 1fr);gap: 25px;grid-auto-flow: dense;}@media (max-width: 569px) {.fr-main-container.home {grid-template-columns: repeat(1, 1fr);}}@media (min-width: 570px) and (max-width: 768px) {.fr-main-container.home {grid-template-columns: repeat(2, 1fr);}}.fr-main-container.game {display: flex;flex-direction: column;gap: 25px;}@media (min-width: 768px) {.fr-main-container.game {flex-direction: row;}}.fr-box {border-radius: 15px;background-color: #ffffff;box-shadow: 7px 10px 0px 0px #e0fafb;padding: 10px;box-sizing: border-box;color: #5a5a87;}.fr-box.des {box-shadow: 7px 10px 0px 0px #e0fafb;}.fr-box.des h2 {border-bottom: 1px dashed #5a5a87;padding-bottom: 10px;margin-bottom: 10px;}.fr-group h2 {margin-bottom: 10px;}.fr-group:not(:last-child) {margin-bottom: 30px;}.fr-group .fr-game-box .game-item:first-child {grid-column: span 2;grid-row: span 2;}.fr-game-box {border-radius: 15px;display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;}.fr-game-box.category {margin-top: 25px;}@media (min-width: 560px) {.fr-game-box.category {grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));}}.fr-game-box .game-item {display: inline-flex;background-color: #cbf3ea;border-radius: 15px;transition: all 0.3s ease-in-out;}.fr-game-box .game-item:hover {transform: scale(1.05);}.fr-game-box .game-item img {border-radius: 15px;}.fr-game-area {position: relative;padding-top: 90px;}@media (min-width: 768px) {.fr-game-area {flex: 2;}}.fr-game-area .game_icon {position: absolute;top: 0;left: 50%;right: 0;transform: translate(-50%, 0);width: 120px;height: 120px;border-radius: 15px;box-shadow: 0px 10px 0px -3px #e0fafb;transition: all 0.3s ease-in-out;background-color: #cbf3ea;}@media (min-width: 768px) {.fr-game-area .game_icon {width: 150px;height: 150px;}}.fr-game-area .game-area_inner {min-height: 250px;border-radius: 15px;background-color: #ffffff;display: flex;flex-direction: column;align-items: center;justify-content: center;color: #5a5a87;gap: 25px;padding: 50px 15px 25px;text-align: center;height: calc(100% - 105px);}@media (min-width: 768px) {.fr-game-area .game-area_inner {padding-top: 80px;}}.fr-game-area .game-area_inner .game_category {background-color: #cbf3ea;border-radius: 5px;padding: 5px;}.fr-game-area .game-area_inner .game_btn {display: inline-flex;padding: 10px;border-radius: 25px;background-color: #5a5a87;color: #ffffff;font-weight: bolder;width: 50%;justify-content: center;}@media (min-width: 768px) {.fr-game-related {flex: 1;}}@media (min-width: 560px) {.fr-game-related .fr-game-box {grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));}}.fr-footer {display: flex;flex-direction: row;justify-content: center;align-items: center;padding: 10px;gap: 10px;background-color: #acd8fd;}.fr-footer a {font-size: 20px;}