* {margin: 0;padding: 0;}@font-face {font-family: "Nunito";src: url(/assets/game/images/fonts/Nunito/Nunito-Medium.ttf) format("truetype");}:root {--primary-100: #805b00;--primary-200: #b38835;--primary-300: #ffe992;--accent-100: #ffc941;--accent-200: #926b00;--text-100: #d3f1ff;--text-200: #95cce7;--bg-100: #023047;--bg-200: #194058;--bg-300: #365973;}body {display: flex;flex-direction: column;min-height: 100vh;position: relative;font-family: "Nunito";background-color: var(--bg-100);color: var(--text-100);transition: all 0.3s ease-in-out;}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: #000000;}input {border: none;background: none;outline: none;}.svgIcon {display: inline-block;width: 20px;height: 20px;margin-right: 4px;vertical-align: middle;fill: var(--accent-100);stroke: #fff;}.svgIcon.category-title {width: 30px;height: 30px;}.svgIcon.star {width: 15px;height: 15px;}.flex-row {display: flex;flex-direction: row;column-gap: 10px;}.flex-col {display: flex;flex-direction: column;row-gap: 10px;}main {flex: 1;}.headerContainer {background-color: var(--bg-200);}.header-top {text-align: center;padding: 10px 0;}.header-top h1 {color: var(--text-100);}.top-scroll-box {margin: 20px 0;}.bestgame-wrapper {}.top-nav {flex-wrap: nowrap;overflow-x: scroll;scrollbar-width: none;margin: 20px 10px 0 10px;}.top-nav .nav-item {border-radius: 25px;min-height: 5px;color: var(--primary-300);padding: 10px;}.top-nav .nav-item span {white-space: nowrap;font-size: 14px;}.swiper-item {border-radius: 20px;height: 200px;}.swiper-item img {border-radius: 20px;object-fit: cover;height: 100%;}.swiper-slide-shadow-right {border-radius: 20px;}.game-box {border-radius: 20px;padding: 10px;margin: 10px;background-color: var(--bg-200);}.game-box h2 {font-size: 25px;color: var(--primary-300);}.game-item-list {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 10px;}.game-item-list.grid-two {grid-template-columns: repeat(2, 1fr);}.game-item-list.grid-two .img-box {height: 150px;}.game-item-list a {height: 100%;}.game-item-list .img-box {width: 100%;height: auto;background-color: var(--bg-100);border-radius: 20px;flex-grow: 1;}.game-item-list img {border-radius: 20px;height: 100%;object-fit: cover;}.game-item-list.category a:first-child {grid-column: span 2;grid-row: span 2;}.game-item-list span {display: -webkit-box;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 1;white-space: normal;color: var(--text-200);overflow: hidden;}.g-title {column-gap: 0;align-items: center;}.game-brief-box {justify-content: center;align-items: center;padding: 10px;}.game-brief {width: 100%;}.game-brief img {border-radius: 20px;width: 100px;}.classified {}.brief-intro h4 {font-size: 20px;}.brief-intro .star {white-space: nowrap;}.brief-intro a {display: inline-block;box-sizing: border-box;border: 2px solid var(--primary-200);color: var(--primary-300);border-radius: 5px;padding: 5px;}.play-btn {box-sizing: border-box;border-radius: 10px;padding: 10px;width: 100%;text-align: center;background-image: linear-gradient(25deg, #0a0eea, #5e6bec, #74b4ec, #6dfee8);font-size: 20px;font-weight: bolder;margin-top: 10px;}.play-btn a {color: #fff;}.game-des {padding: 20px;}.nav-item {background-color: var(--bg-300);column-gap: 5px;justify-content: center;align-items: center;}.isActive {background-color: var(--primary-200);}.isActive span {color: #fff;}.mainContainer {max-width: 1176px;margin: 0 auto;}.footerContainer {background-color: var(--bg-200);justify-content: center;align-items: center;padding: 20px;flex-wrap: wrap;column-gap: 0;}.footerContainer a {color: var(--text-100);padding: 0 20px;}.footerContainer a:first-child {border-right-color: #fff;border-right-style: solid;border-right-width: 2px;}.footerContainer p {width: 100%;text-align: center;margin-top: 10px;color: var(--primary-300);}@media (min-width: 440px) and (max-width: 959px) {.game-item-list.category .img-box {height: 100px;}.game-item-list.category, .game-item-list.grid-two {grid-template-columns: repeat(4, 1fr);}.game-item-list.category a:first-child {grid-column: span 1;grid-row: span 1;}.game-brief img {width: 200px;}.brief-intro h4 {font-size: 25px;}}@media (min-width: 960px) {.game-item-list.category .img-box {height: 100px;}.game-item-list.category, .game-item-list.grid-two {grid-template-columns: repeat(6, 1fr);}.game-item-list.category a:first-child {grid-column: span 1;grid-row: span 1;}.play-btn {width: 60%;}.game-brief {justify-content: center;}.game-brief img {width: 200px;}.brief-intro h4 {font-size: 25px;}}