@charset "UTF-8";.index__container{width:100%;min-height:100vh;padding-top:20px}.index__container .game-area{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fill,100px);margin-bottom:40px;margin-left:auto;margin-right:auto;width:100%;box-sizing:border-box}.index__container .categories-area{margin-bottom:40px;position:relative}.index__container .ad-wrap-1{width:100%;grid-area:2/1/2/4;margin:0 auto}.index__container .ad-wrap-2{grid-area:5/1/4/4;width:100%;margin:0 auto}.index__container .vertical__grid{display:flex;flex-direction:column;gap:16px;grid-area:4/3/3/3}.module-wrap{align-items:center;display:flex;justify-content:space-between}.module-wrap .module-header{color:#fff;flex:1;font-weight:600}.module-wrap .module-header[data-module=category]:before{background-color:#ff73a9}.module-wrap .module-header:before{border-radius:50%;content:" ";display:block;position:absolute;z-index:0}.module-wrap .module-header:after{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(229.8deg,#ffffff40 16.83%,#fff0 88.88%);border-radius:50%;content:" ";display:block;position:absolute;z-index:1}.module-wrap .module-header .module-title{display:block;position:absolute;z-index:2}.module-wrap .more{color:#fff;cursor:pointer;font-family:Fredoka-SemiBold,Fredoka;font-weight:600;padding:0 10px;position:absolute;transition-duration:.3s}.game-search{background:#fff;border-radius:12px;position:sticky;z-index:99}.game-search.pc-normal{box-shadow:0 4px 10px #0003;height:100px;left:0;top:0;width:100px}.new-games-block{background:#ebfcff;border-radius:12px;contain:strict;height:216px;position:relative;width:448px}.new-games-block h2{background-size:26px;height:26px;margin:12px 16px;padding-left:38px;position:relative}.new-games-block h2:before{align-items:center;content:"🥳";display:flex;font-size:26px;height:26px;left:0;position:absolute;top:0;width:26px}.new-games-block h2 .title{bottom:0;color:#0e2b4d;font-size:22px;font-weight:700;height:100%;left:38px;line-height:26px;position:absolute;width:calc(100% - 38px);z-index:2}.new-games-block h2 .title .more{color:#3bd5f7;cursor:pointer;font-family:Fredoka-SemiBold,Fredoka;font-size:14px;font-weight:600;line-height:26px;position:absolute;right:2.2px;top:0;transition-duration:.3s}.new-games-block h2 .title-bg{background:linear-gradient(90deg,#3bd5f7,#3bd5f700);bottom:0;display:block;height:12px;left:34px;position:absolute;width:114px;z-index:1}.new-games-block .new-list{display:flex;flex-wrap:nowrap;justify-content:space-between;padding:8px 24px}.new-games-block .new-list>a{background:#fff;border-radius:16px;box-shadow:0 4px 10px #0003;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;height:136px;padding:5px;width:114px}.new-games-block .new-list>a h3{color:#0e2b4d;font-size:12px;font-weight:400;text-align:center;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-games-block .new-list>a img{border-radius:12px;height:96px;margin-bottom:6px;width:96px}@media (min-width: 1376px) and (max-width: 1608px){.index__container{min-width:1376px;padding:20px}.index__container .index__main{max-width:1376px;margin:0 auto}.index__main .game-area .new-games-block{grid-area:1/9/3/13}}@media (min-width: 1220px) and (max-width: 1332px){.index__container{min-width:1220px}.index__container .index__main{max-width:1220px;margin:0 auto}.index__main .game-area .new-games-block{grid-area:1/8/3/12;width:436px}}@media (min-width: 1144px) and (max-width: 1220px){.index__container{min-width:1144px}.index__container .index__main{max-width:1144px;margin:0 auto}.index__main .game-area .new-games-block{grid-area:1/7/3/11}}@media (min-width: 1028px) and (max-width: 1144px){.index__container{min-width:1028px}.index__container .index__main{max-width:1028px;margin:0 auto}.index__main .game-area .new-games-block{grid-area:1/6/3/10}}@media (min-width: 912px) and (max-width: 1028px){.index__container{min-width:912px}.index__container .index__main{max-width:912px;margin:0 auto}.index__main .game-area .new-games-block{grid-area:1/5/3/9}}@media (min-width: 772px) and (max-width: 912px){.index__container{min-width:772px}.index__container .index__main{max-width:772px;margin:0 auto}.index__container .game-area{grid-column-gap:12px;grid-row-gap:12px}.index__container .game-area .new-games-block{grid-area:1/4/3/8;width:436px}}@media (max-width: 772px){.index__container .index__main{max-width:680px;margin:0 auto}.index__main .game-area .new-games-block{grid-area:1/3/3/7}}[data-system=pc] .module-header{font-size:24px;height:70px;line-height:40px;padding:12px 0 18px 18px}[data-system=pc] .module-header:before{height:40px;left:0;top:12px;width:40px}[data-system=pc] .module-header:after{height:24px;left:26px;top:10px;width:24px}[data-system=pc] .module-header .module-title{left:18px;text-shadow:none;top:12px;width:calc(100% - 18px)}[data-system=pc] .module-header .more{font-size:20px;right:18px;text-shadow:none}[data-system=pc] .categories-content{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fill,216px)}[data-system=mobile] .index__main{margin:0 auto;width:calc(100% - 32px)}[data-system=mobile] .index__main .game-search{background:#fff;border-radius:12px;box-shadow:0 4px 10px #0003;height:calc(33.33333vw - 21.33333px);left:0;position:sticky;top:0;width:calc(33.33333vw - 21.33333px);z-index:99}[data-system=mobile] .index__main .game-area{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fill,calc(33.33333vw - 21.33333px));margin-bottom:45px}[data-system=mobile] .categories-content{grid-column-gap:16px;grid-row-gap:16px;display:grid;grid-auto-flow:row dense;grid-template-columns:repeat(auto-fill,calc(33.33333vw - 21.33333px))}[data-system=mobile] .module-wrap{margin-bottom:16px}[data-system=mobile] .module-wrap .module-header{font-size:16px;height:26px;line-height:20px}[data-system=mobile] .module-wrap .module-header:before{height:26px;left:0;top:0;width:26px}[data-system=mobile] .module-wrap .module-header:after{height:15px;left:17px;top:0;width:15px}[data-system=mobile] .module-wrap .module-header .module-title{left:15px;top:6px;width:calc(100% - 16px)}[data-system=mobile] .module-wrap .module-header .more{font-size:16px;right:15px}