.nav_bar{left:unset;transform:unset;width:94px;flex-direction:column}.nav_bar_s1{width:94px;margin:12px auto 8px}.nav_bar_s2{flex-direction:row;display:flex;border-top:2px solid var(--grey1);width:100%;height:40px;border-radius:0 0 16px 16px;overflow:hidden}.home{height:100%;display:flex;align-items:center;justify-content:center;width:50%;border-right:1px solid var(--grey1)}.home_img,.search_img{margin-top:0}.nav-search{height:100%;font-size:100%;font-family:inherit;border:0;padding:0;background:none;cursor:pointer;width:50%}.root-wrap{margin:0 auto;display:flex;flex-direction:column}.root-con{width:100%;display:flex;justify-content:space-between}.adv-col{width:314px}.ad-con{position:fixed}.ad-con-1{margin:16px 0;width:300px;height:250px}.ad-con-2{width:300px;height:600px;z-index:10}.game-wrap{display:grid;grid-gap:var(--cellSpace);grid-auto-flow:row dense;justify-content:center;margin:16px auto 0;padding:0;list-style-type:none;--gridTemplateColumns: 3;grid-template-columns:repeat(var(--gridTemplateColumns),94px)}.grid-a{--borderRadius: 16px;display:block;transition:transform .6s var(--cubicBezier);border-radius:var(--borderRadius);position:relative}.grid-a-img{width:100%;height:100%;border-radius:var(--borderRadius)}.grid-a .lb-type{position:absolute;top:0;left:0}.box-shadow{box-shadow:0 6px 12px #0000003d;user-select:none}@media (hover: hover){.box-shadow:hover .title{opacity:1;transform:translate(0)}}@media (hover: hover){.box-shadow:hover{transform:scale(1.0127388535) translateY(-4px)}}.box-shadow:after{background:linear-gradient(transparent 50%,rgba(0,0,0,.3) 100%)}.grid-a-title{position:absolute;right:0;bottom:0;left:0;padding:6px;color:#fff;font:700 var(--fontSize, 12px) / var(--lineHeight, 16px) "Proxima Nova",sans-serif;text-align:center;z-index:6;transition:transform .3s var(--cubicBezier) .1s,opacity .3s var(--cubicBezier) .1s;transform:translateY(8px);opacity:0;-webkit-font-smoothing:antialiased;pointer-events:none}.ad-con-0{width:960px;height:90px}.iad-0{margin:0 auto;grid-area:ad0}.imd-0{grid-area:md0}.imd-1{grid-area:md1}.imd-2{grid-area:md2}.imd-3{grid-area:md3}.imd-4{grid-area:md4}.imd-5{grid-area:md5}@media (min-width: 104px) and (max-width: 1193.99px){.root-wrap{width:974px}.root-wrap .game-col{width:680px}.game-wrap{--gridTemplateColumns: 6;grid-template-areas:"na0  tit  tit  ...  ...  ..." "md0  md0  md1  md1  md2  md2" "md0  md0  md1  md1  md2  md2" "...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ..." "ad0  ad0  ad0  ad0  ad0  ad0" "...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ..."}.iad-0{display:none}.imd-3,.imd-4,.imd-5{width:94px;height:94px;grid-area:auto;--fontSize: 12px;--lineHeight: 16px}}@media (min-width: 1194px) and (max-width: 1303.99px){.root-wrap{width:1194px}.game-wrap{--gridTemplateColumns: 8;grid-template-areas:"na0  tit  tit  ...  ...  ...  ...  ..." "md0  md0  md1  md1  md2  md2  md3  md3" "md0  md0  md1  md1  md2  md2  md3  md3" "...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ..."}.iad-0{display:none}.imd-4,.imd-5{width:94px;height:94px;grid-area:auto;--fontSize: 12px;--lineHeight: 16px}}@media (min-width: 1304px) and (max-width: 1453.99px){.root-wrap{width:1304px}.game-wrap{--gridTemplateColumns: 9;grid-template-areas:"na0  tit  tit  ...  ...  ...  ...  ...  ..." "md0  md0  md1  md1  md2  md2  md3  md3  ..." "md0  md0  md1  md1  md2  md2  md3  md3  ..." "...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ..." "ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0" "...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ..."}.imd-4,.imd-5{width:94px;height:94px;grid-area:auto;--fontSize: 12px;--lineHeight: 16px}}@media (min-width: 1454px) and (max-width: 1743.99px){.root-wrap{width:1414px}.game-wrap{--gridTemplateColumns: 10;grid-template-areas:"na0  tit  tit  ...  ...  ...  ...  ...  ...  ..." "md0  md0  md1  md1  md2  md2  md3  md3  md4  md4" "md0  md0  md1  md1  md2  md2  md3  md3  md4  md4" "...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0" "...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ..."}.imd-5{width:94px;height:94px;grid-area:auto;--fontSize: 12px;--lineHeight: 16px}}@media (min-width: 1744px) and (max-width: 1863.99px){.root-wrap{width:1634px}.game-wrap{--gridTemplateColumns: 12;grid-template-areas:"na0  tit  tit  ...  ...  ...  ...  ...  ...  ...  ...  ..." "md0  md0  md1  md1  md2  md2  md3  md3  md4  md4  md5  md5" "md0  md0  md1  md1  md2  md2  md3  md3  md4  md4  md5  md5" "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0" "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..."}}@media (min-width: 1864px){.root-wrap{width:1744px}.game-wrap{--gridTemplateColumns: 13;grid-template-areas:"na0  tit  tit  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "md0  md0  md1  md1  md2  md2  md3  md3  md4  md4  md5  md5  ..." "md0  md0  md1  md1  md2  md2  md3  md3  md4  md4  md5  md5  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0  ad0" "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..." "...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ...  ..."}}.custom-type{box-shadow:0 6px 12px #0000003d;user-select:none;background:#fff;grid-row-start:span 2;grid-column-start:span 2}@media (hover: hover){.custom-type:hover .title{opacity:1;transform:translate(0)}}.custom-type .title{position:static;opacity:1;overflow:hidden;text-align:left;color:var(--blue1);font:700 12px/20px Proxima Nova,sans-serif;letter-spacing:1px;text-transform:uppercase;background:#fff;transform:none}.custom-type:after{content:none}.custom-type .title{position:absolute;padding:10px 16px;border-radius:0 0 16px 16px;text-overflow:ellipsis}.system-type{box-shadow:0 6px 12px #0000003d;user-select:none;background:#fff;color:var(--blue1);display:flex;align-items:center;grid-row-start:span 1;grid-column-start:span 2}@media (hover: hover){.system-type:hover .title{opacity:1;transform:translate(0)}}.system-type .title{position:static;opacity:1;overflow:hidden;text-align:left;color:var(--blue1);font:700 12px/20px Proxima Nova,sans-serif;letter-spacing:1px;text-transform:uppercase;background:#fff;transform:none}.system-type:after{content:none}.system-type img{width:50%;border-top-right-radius:0;border-bottom-right-radius:0}.system-type .title{display:block;padding:0 8px;border-radius:0 16px 16px 0}.inav{grid-area:na0}