@charset "UTF-8";.index__container{display:flex;flex-direction:column;width:100%;margin:0 auto}.index__container .index__main{flex:1;padding:5vw 16px;margin:0 auto}@media (min-width: 768px){.index__container .index__main{padding:5vw 32px}}@media (min-width: 1024px){.index__container .index__main{padding:5vw 32px}}@media (min-width: 1280px){.index__container .index__main{max-width:1280px;padding:5vw 16px}}.index__container .index__main .game__area{display:grid;grid-column-gap:16px;grid-row-gap:16px;grid-template-columns:repeat(auto-fill,calc(33.33333vw - 21.33333px));grid-auto-flow:row dense}@media (min-width: 768px){.index__container .index__main .game__area{grid-template-columns:repeat(auto-fill,calc(25vw - 40px));grid-column-gap:32px;grid-row-gap:32px}}@media (min-width: 1024px){.index__container .index__main .game__area{grid-template-columns:repeat(auto-fill,calc(25vw - 40px))}}@media (min-width: 1280px){.index__container .index__main .game__area{grid-template-columns:repeat(auto-fill,100px);grid-column-gap:12px;grid-row-gap:12px}}.index__container .index__main .game__area .game__area__item{width:calc(33.33333vw - 21.33333px);height:calc(33.33333vw - 21.33333px)}@media (min-width: 768px){.index__container .index__main .game__area .game__area__item{width:calc(25vw - 40px);height:calc(25vw - 40px)}}@media (min-width: 1024px){.index__container .index__main .game__area .game__area__item{width:calc(25vw - 40px);height:calc(25vw - 40px)}}@media (min-width: 1280px){.index__container .index__main .game__area .game__area__item{width:100px;height:100px}}.index__container .index__main .game__area .ad{display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}.index__container .index__main .game__area .ad__wrap-1{grid-area:1/1/4/4}@media (min-width: 768px){.index__container .index__main .game__area .ad__wrap-1{grid-area:2/1/4/3}}@media (min-width: 1024px){.index__container .index__main .game__area .ad__wrap-1{grid-area:2/1/3/3}}@media (min-width: 1280px){.index__container .index__main .game__area .ad__wrap-1{grid-area:3/6/5/9;height:212px}}.index__container .index__main .game__area .ad__wrap-2{grid-area:5/1/8/4}@media (min-width: 768px){.index__container .index__main .game__area .ad__wrap-2{grid-area:6/3/8/5}}@media (min-width: 1024px){.index__container .index__main .game__area .ad__wrap-2{grid-area:4/1/5/3}}@media (min-width: 1280px){.index__container .index__main .game__area .ad__wrap-2{grid-area:5/3/7/6;height:212px}}.index__container .index__main .game__area .best__game__wrap{grid-area:3/3/4/4;height:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:16px}@media (min-width: 768px){.index__container .index__main .game__area .best__game__wrap{grid-area:2/4/2/5;gap:32px}}.index__container .index__main .game__area .popular__game__wrap{position:relative;height:calc(66.66667vw - 26.66667px);width:calc(66.66667vw - 26.66667px);grid-area:9/1/11/3;box-shadow:0 4px 10px 1px #0003;overflow:hidden;border-radius:16px}@media (min-width: 768px){.index__container .index__main .game__area .popular__game__wrap{height:calc(50vw - 40px);width:calc(50vw - 40px);grid-area:4/1/6/3}}@media (min-width: 1024px){.index__container .index__main .game__area .popular__game__wrap{grid-area:3/3/5/5}}@media (min-width: 1280px){.index__container .index__main .game__area .popular__game__wrap{height:212px;width:212px;grid-area:2/3/4/5}}.index__container .index__main .game__area .popular__game__wrap .game__area__item{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#3c5d6b66;background-position:50%;background-repeat:no-repeat;background-size:100%;filter:blur(8.25px);z-index:1}.index__container .index__main .game__area .popular__game__wrap .game__area__item__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;row-gap:16px}.index__container .index__main .game__area .popular__game__wrap .game__area__item__content .game__area__item__content__icon{width:calc(33.33333vw - 21.33333px);height:calc(33.33333vw - 21.33333px)}@media (min-width: 768px){.index__container .index__main .game__area .popular__game__wrap .game__area__item__content .game__area__item__content__icon{width:calc(25vw - 40px);height:calc(25vw - 40px)}}@media (min-width: 1024px){.index__container .index__main .game__area .popular__game__wrap .game__area__item__content .game__area__item__content__icon{width:calc(25vw - 40px);height:calc(25vw - 40px)}}@media (min-width: 1280px){.index__container .index__main .game__area .popular__game__wrap .game__area__item__content .game__area__item__content__icon{width:100px;height:100px}}.index__container .index__main .game__area .popular__game__wrap .game__area__item__content .game__area__item__title{font-size:24px;font-weight:600;color:#fff;text-shadow:0 0 4px #ffffff,0 -5px 4px #ffff33,2px -10px 6px #ffdd33,-2px -15px 11px #ff8800,2px -25px 18px #ff2200}.index__container .index__main .type__grid__wrap{margin-top:48px}.index__container .index__main .type__grid__wrap .type__grid__title{display:flex;justify-content:center;align-items:center;margin-bottom:32px}.index__container .index__main .type__grid__wrap .type__grid__title h3{font-size:28px;font-weight:600;color:#fffffff2;margin:0;padding:12px 32px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);border-radius:50px;display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px #0000001a;transition:all .3s ease}.index__container .index__main .type__grid__wrap .type__grid__title h3:before{content:"🎮";font-size:20px}.index__container .index__main .type__grid__wrap .type__grid__title h3:hover{transform:translateY(-2px);background:#ffffff26;border-color:#ffffff4d;box-shadow:0 6px 24px #00000026}.index__container .index__main .type__grid__wrap .type__grid__list{display:grid;grid-template-columns:repeat(auto-fit,calc(33.33333vw - 21.33333px));gap:16px;justify-content:center}@media (min-width: 768px){.index__container .index__main .type__grid__wrap .type__grid__list{grid-template-columns:repeat(auto-fit,calc(25vw - 40px));gap:32px}}@media (min-width: 1024px){.index__container .index__main .type__grid__wrap .type__grid__list{grid-template-columns:repeat(auto-fit,calc(25vw - 40px));gap:32px}}@media (min-width: 1280px){.index__container .index__main .type__grid__wrap .type__grid__list{grid-template-columns:repeat(auto-fit,212px);gap:12px}}.index__container .index__main .type__grid__wrap .type__grid__item{width:calc(33.33333vw - 21.33333px);height:calc(33.33333vw - 21.33333px);row-gap:10px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;border-radius:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);transition:all .3s ease;box-sizing:border-box}@media (min-width: 1280px){.index__container .index__main .type__grid__wrap .type__grid__item{flex-direction:row;justify-content:space-between;align-items:center;padding:0 10px;box-sizing:border-box}}.index__container .index__main .type__grid__wrap .type__grid__item .type__grid__item__icon{width:calc((33.33333vw - 21.33333px)*.6);height:calc((33.33333vw - 21.33333px)*.6);object-fit:cover;transition:all .3s ease;margin-top:10px}.index__container .index__main .type__grid__wrap .type__grid__item .type__grid__item__title{text-align:center;color:#ffffffe6;font-size:20px;font-weight:500;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.1)}@media (min-width: 768px){.index__container .index__main .type__grid__wrap .type__grid__item{width:calc(25vw - 40px);height:calc(25vw - 40px)}.index__container .index__main .type__grid__wrap .type__grid__item .type__grid__item__icon{width:calc((25vw - 40px)/2);height:calc((25vw - 40px)/2)}}@media (min-width: 1024px){.index__container .index__main .type__grid__wrap .type__grid__item{width:calc(25vw - 40px);height:calc(25vw - 40px)}.index__container .index__main .type__grid__wrap .type__grid__item .type__grid__item__icon{width:calc((25vw - 40px)/2);height:calc((25vw - 40px)/2)}}@media (min-width: 1280px){.index__container .index__main .type__grid__wrap .type__grid__item{width:212px;height:100px}.index__container .index__main .type__grid__wrap .type__grid__item .type__grid__item__icon{width:80px;height:80px;margin:0}.index__container .index__main .type__grid__wrap .type__grid__item .type__grid__item__title{font-size:20px;flex:1;text-align:left;margin-left:15px}}.index__container .footer__wrap{margin-top:auto}@keyframes pixel-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pixel-jump{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-15px) scale(1.2)}}@keyframes border-dance{0%{background-position:0 0}to{background-position:50px 50px}}