* {margin: 0;padding: 0;}@font-face {font-family: "Nunito";src: url("/assets/game/images/fonts/Nunito/Nunito-Medium.ttf");}body {display: flex;flex-direction: column;min-height: 100vh;position: relative;color: var(--text-100);font-family: "Nunito", sans-serif;background: var(--bg-100);}:root {--text-100: #ffffff;--text-200: #c0c0c0;--bg-100: #1c1c1c;--bg-200: #2b2b2b;--bg-300: #434343;}img {width: 100%;}ul, li {list-style-type: none;}a, a:link, a:visited, a:hover, a:active {text-decoration: none;color: var(--text-100);}input {border: none;background: none;outline: none;width: 100%;}.f-row {display: flex;flex-direction: row;}.f-col {display: flex;flex-direction: column;}.f-gap {gap: 10px;}.icon {display: inline-block;width: 20px;height: 20px;min-width: 20px;min-height: 20px;vertical-align: middle;}.icon.bigger {width: 40px;height: 40px;}main {flex: 1;}.gaine-header, .gaine-main, .dropdown-content, .gaine-footer {max-width: 1200px;margin: 0 auto;}header, footer {background: rgb(158, 117, 197);background: radial-gradient( circle, rgba(158, 117, 197, 1) 0%, rgba(194, 159, 219, 1) 100% );}header {position: sticky;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 99;padding: 20px;box-sizing: border-box;}.gaine-header {justify-content: space-between;align-items: center;}.dropdown-content {max-height: 0;overflow: hidden;transition: max-height 0.5s ease-out;}.dropdown-list {margin: 20px 0;}.dropdown-list li {border-radius: 25px;text-align: center;border-width: 2px;border-style: solid;border-color: #b547a9;padding: 10px;}.dropdown-list li a {font-size: 16px;color: #ffffff;width: 100%;display: inline-block;}.dropdown-search {border-radius: 25px;padding: 10px;box-sizing: border-box;font-size: 15px;background-color: #fff;}.dropdown-content.dropdown-show {max-height: 550px;transition: max-height 0.5s ease-in;}.nav-menu {flex-wrap: nowrap;overflow-x: scroll;scrollbar-width: none;padding: 10px;box-sizing: border-box;}.nav-menu a {border-style: solid;border-top-left-radius: 25px;border-bottom-right-radius: 25px;padding: 10px;min-width: 100px;text-align: center;color: var(--stress);background-image: linear-gradient(25deg, #cc2d3f, #c45f60, #b58382, #9ca3a6);}.gaine-title {background: var(--accent-100);background: rgb(189,98,179);background: radial-gradient(circle, rgba(189,98,179,1) 0%, rgba(234,204,230,1) 100%);color: #682b67;font-weight: bold;display: inline-block;padding: 10px 35px;font-size: 18px;text-transform: uppercase;position: relative;margin-top: 20px;text-align: center;border-top-right-radius: 25px;border-bottom-right-radius: 25px;}.gaine-game {display: grid;grid-template-columns: repeat(3, 1fr);gap: 15px;padding: 15px 10px;}.gaine-game.recommend a:first-of-type {grid-column: span 1;grid-row: span 1;}.game-child {border-radius: 20px;position: relative;min-height: 116.66px;background-color: var(--bg-300);overflow: hidden;transition: all 0.3s ease-in-out;}.game-child img {border-radius: 20px;height: 100%;}.game-child span {position: absolute;bottom: 0;left: 0;right: 0;padding-bottom: 10px;text-align: center;background-image: linear-gradient( to bottom, rgba(11, 33, 103, 0), #00000061 80% );display: none;}.game-child:hover.game-child span {display: initial;}.game-child:hover {transform: translateY(-5px);transition: all 0.3s ease-in-out;}.game-child:first-child {grid-column: span 2;grid-row: span 2;}.play-region {border-radius: 20px;overflow: hidden;margin: 25px;max-width: 800px;}.play-top {position: relative;height: 250px;}.play-top img {height: 100%;filter: blur(5px);object-fit: cover;}.play-bottom {background-color: var(--bg-200);padding: 15px;justify-content: space-between;align-items: center;}.play-bottom img {width: 50px;height: 50px;border-radius: 15px;}.play-bottom .bottom-left {align-items: center;}.bottom-left span {font-size: 20px;}.play-bottom span:first-child {font-size: 20px;text-transform: capitalize;}.play-bottom .bottom-classify {border-radius: 25px;padding: 5px 10px;border: solid 2px #5d275c;color: #e5c8e8;}.play-start-btn span {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 25px;background: rgb(183,129,202);background: radial-gradient(circle, rgba(183,129,202,1) 0%, rgba(182,82,175,1) 100%);color: #ffffff;font-weight: bolder;text-transform: uppercase;width: 50%;padding: 15px 20px;text-align: center;animation: rock 1s infinite;}.gaine-footer {padding: 20px;justify-content: center;}.gaine-des {background-color: var(--bg-200);border-radius: 15px;padding: 20px;text-align: center;font-size: 16px;line-height: 1.5;margin: 20px;color: var(--text-200);}.gaine-des h2 {color: #b48ace;}@keyframes rock {0% {transform: translate(-50%, -50%);}50% {transform: translate(-50%, -55%);}100% {transform: translate(-50%, -50%);}}@media (min-width: 768px) {.gaine-game {grid-template-columns: repeat(4, 1fr);}.game-child:first-child {grid-column: span 1;grid-row: span 1;}.play-top {height: 450px;}.play-region {margin: 25px auto;}}@media (min-width: 960px) {.gaine-game {grid-template-columns: repeat(6, 1fr);}}