* {margin: 0;padding: 0;}body {display: flex;flex-direction: column;min-height: 100vh;position: relative;color: #fff;background-color: var(--bg-100);font-family: "Robot", sans-serif;}@font-face {font-family: "Robot";src: url("/assets/game/images/theme/game-chic/font/Roboto-Medium.ttf");}@font-face {font-family: "Nunito";src: url("/assets/game/images/fonts/Nunito/Nunito-Medium.ttf") format("truetype");}:root {--green-01: #41f2a0;--green-02: #025918;--green-03: #30f229;--green-04: #2e8b57;--green-05: #61bc84;--green-06: #c6ffe6;--green-07: #8fbc8f;--green-08: #345e37;--text-100: #ffffff;--text-200: #999999;--bg-100: #1e1e1e;--bg-200: #2d2d2d;--bg-300: #454545;}img {width: 100%;}ul, li {list-style-type: none;}a, a:link, a:visited, a:hover, a:active {text-decoration: none;color: #fff;}input {border: none;background: none;outline: none;width: 100%;}.flex-row {display: flex;flex-direction: row;}.flex-column {display: flex;flex-direction: column;}.flex-gap {gap: 10px;}.svg-icon {display: inline-block;width: 20px;height: 20px;min-width: 20px;min-height: 20px;vertical-align: middle;}.svg-icon.bigger {width: 30px;height: 30px;}.img-box {background-color: #333751;}main {flex: 1;}header {background-color: var(--green-04);position: sticky;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 99;padding: 20px;box-sizing: border-box;}.wrapper-menu, .wrapper-header, .wrapper-main {max-width: 1200px;margin: 0 auto;}.wrapper-header {width: 100%;margin-bottom: 20px;align-items: center;}.wrapper-header .logo {flex: 1;}.search-icon {border-radius: 50%;padding: 5px;box-sizing: border-box;}.search-icon:hover {background-color: rgba(225, 225, 225,0.11);}.search-box, .search-input {width: 100%;color: #6f8aa1;box-sizing: border-box;padding: 10px;background-color: #ffffff;border-radius: 25px;}.search-box {display: none;}.menu-list {flex-wrap: nowrap;overflow-x: scroll;scrollbar-width: none;box-sizing: border-box;padding-bottom: 10px;}.menu-list a {padding: 10px;border-radius: 25px;text-wrap: nowrap;background-color: rgba(148, 144, 144, 0.5);color: var(--text-100);box-shadow: 1px 7px 5px 0px #0000002b;}a.menu-list-active {background-color: var(--green-05);color: var(--green-08);}.menu-list a:hover {background-color: var(--green-07);transition: all 0.2s ease-in-out;}.wrapper-search {position: fixed;top: 0;left: 0;right: 0;bottom: 0;width: 100%;z-index: 99;box-sizing: border-box;padding: 10px;z-index: 100;background-color: var(--green-04);opacity: 0;visibility: hidden;transition: all 0.3s ease-in;}.wrapper-search .search-iframe {width: 100%;height: 100%;margin-top: 25px;margin-bottom: 25px;margin-left: auto;margin-right: auto;max-width: 1200px;box-sizing: border-box;}.wrapper-search-active {opacity: 1;visibility: visible;transition: all 0.3s ease-out;}.search-input-box {align-items: center;margin-left: auto;margin-right: auto;max-width: 1200px;width: 100%;}.search-game-box a {display: flex;flex-direction: row;gap: 10px;padding: 10px;box-sizing: border-box;align-items: center;}.search-game-box img {width: 70px;height: 70px;border-radius: 20px;}.wrapper-main {padding: 20px;}.wrapper-game .game-title {margin-bottom: 20px;color: var(--green-04);font-size: 20px;}.game-box {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}.game-box img {width: 100%;border-radius: 20px;}.game-box a {display: flex;flex-direction: column;gap: 10px;transition: all 0.3s ease-out;}.game-box a img {transition: all 0.3s ease-in;}.game-box a img:hover {transform: scale(1.05);transition: all 0.3s ease-out;}.game-name {}.classify {color: var(--green-05);}.crumbs {padding: 20px 0;}.crumbs a {color: var(--text-200);}.crumbs .separator{margin: 0 5px;}.wrapper-game-outer {display: flex;flex-direction: column;gap: 25px;}.game-card {width: 100%;position: relative;border-radius: 20px;margin: 0 auto;max-height: 520px;flex: 2.5;}.game-bg-img {position: absolute;top: 0;left: 0;bottom: 0;right: 0;border-radius: 20px;width: 100%;z-index: 1;overflow: hidden;}.game-bg-img img {height: 100%;width: 100%;object-fit: cover;border-radius: 20px;filter: blur(15px);}.game-card-upper {position: relative;z-index: 2;padding: 20px;box-sizing: border-box;background-color: rgba(0, 0, 0, 0.35);border-radius: 20px;height: 100%;}.game-brief img {border-radius: 15px;width: 60px;height: 60px;}.game-card span {align-self: start;color: var(--green-05);}.game-play-btn {border-radius: 25px;text-align: center;background: rgb(34, 193, 195);background: radial-gradient( circle, rgba(34, 193, 195, 1) 0%, rgba(253, 187, 45, 1) 100% );padding: 15px 0;margin-top: 25px;font-weight: bolder;font-size: 20px;animation: sway 2s infinite;}.wrapper-recommend {overflow-y: scroll;scrollbar-width: none;padding: 10px;flex: 1;}.game-box.recommend {grid-template-columns: repeat(3, 1fr);}.wrapper-des {margin-top: 25px;}.wrapper-des p {padding: 10px 0;}.wrapper-des {border-radius: 20px;background-color: var(--bg-300);padding: 20px 15px 15px;margin-top: 25px;color: var(--text-100);font-family: "Nunito", sans-serif;}.wrapper-des h2 {color: var(--green-03);}.wrapper-des h3 {color: var(--green-04);}.wrapper-des h4 {color: #fdbb2d;}footer {margin-top: 10px;background-color: var(--bg-200);justify-content: center;align-items: center;padding: 20px;min-height: 50px;}footer a {color: var(--text-100);}@keyframes sway {0%, 100% {transform: rotate(0deg);}10%, 90% {transform: rotate(5deg);}15%, 85% {transform: rotate(-5deg);}20%, 70% {transform: rotate(0);}50% {transform: rotate(0);}}@media (min-width: 600px) {.game-box, .game-box.recommend {grid-template-columns: repeat(4, 1fr);}}@media (min-width: 960px) {.search-box {display: flex;flex: 0.5;}.search-icon {display: none;}.game-box {grid-template-columns: repeat(6, 1fr);}.wrapper-game-outer {flex-direction: row;}.wrapper-recommend {max-height: 520px;}.game-box.recommend {grid-template-columns: repeat(2, 1fr);}.game-card-upper {align-items: center;justify-content: center;}.game-play-btn {width: 50%;}.game-brief {font-size: 20px;}.game-brief img {height: 100px;width: 100px;}}