:root{--theme-color:#ff920e;--font-color:#fff;--background:#000;--font-size:calc(100vw / 100);--font-family:'Silkscreen'}*{margin:0;padding:0;box-sizing:border-box;image-rendering:pixelated}html{background-color:var(--background);line-height:1;font-family:var(--font-family);color:var(--font-color);font-size:var(--font-size)}body{font-size:3.75rem}ul{list-style:none}.reset-scrollbar::-webkit-scrollbar{display:none}@font-face{font-family:Silkscreen;font-style:normal;font-weight:400;src:url("/content/333fbf364cebb295eec139c03b9e0facf13b5dbcc9834b5a5a254ce8d7024673i0") format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.flex-center{display:flex;justify-content:center;align-items:center}.flex-start{display:flex;justify-content:flex-start}.flex-column-start{display:flex;align-items:flex-start}.width-100{width:100%}.height-100{height:100%}.flex-column{display:flex;flex-direction:column}.wallpaper{width:100%;height:100vh;overflow:hidden;position:relative}.content{display:none;padding:2.5rem;width:100%}.header{height:5rem;text-align:center}.grid-columns-2{display:grid;grid-template-columns:2fr 1fr}.grid-columns-2 .content-left{max-height:calc(100vh - 2.5rem - 2.5rem);overflow-y:auto}.grid-columns-2 .content-left .game-list-item{font-size:4.75rem;cursor:pointer;padding-left:2.8rem;line-height:8rem;height:8rem;position:relative;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.grid-columns-2 .content-left .game-list-item.active{border-radius:4rem;color:var(--background);background-color:var(--font-color)}.grid-columns-2 .content-right .img-wrap{width:36rem;margin-left:5rem;height:36rem;border-radius:1rem;border:2px solid #424242;gap:2rem}.grid-columns-2 .content-right .img-wrap img{width:13rem;height:13rem;object-fit:contain}.grid-columns-2 .content-right .img-wrap .level-title{font-size:3rem}.grid-columns-2 .content-right .img-wrap .level-desc{font-size:2rem}.grid-columns-2 .content-right .img-wrap .rush-title{font-size:6rem;width:28rem;height:10rem;margin-top:-17rem;background:#f04c00}.grid-columns-2 .content-right .img-wrap .rush-img-left{width:27rem;height:27rem;position:absolute;bottom:-5rem;left:-3rem;transform:translateX(-2rem)}.grid-columns-2 .content-right .img-wrap .rush-img-right{width:27rem;height:27rem;position:absolute;bottom:-5rem;right:-21rem;transform:translateX(-2rem)}.grid-columns-2 .content-right .img-wrap .role-box{width:.9rem;height:1.6rem;position:absolute;bottom:10.25rem;left:6rem;background:#fff}.grid-columns-2 .content-right .img-wrap .role-box.A{background:#fff}.grid-columns-2 .content-right .img-wrap .role-box.C{background:#75a6f2}.grid-columns-2 .content-right .img-wrap .role-box.B{background:#9ae4ff}.grid-columns-2 .content-right .img-wrap .role-box.D{background:#257bed}.grid-columns-2 .content-right .img-wrap .role-box.E{background:#7873f5}.grid-columns-2 .content-right .img-wrap .role-box.F{background:#a8e2c7}.grid-columns-2 .content-right .img-wrap .role-box.G{background:#27e08a}.grid-columns-2 .content-right .img-wrap .role-box.H{background:#ffc095}.grid-columns-2 .content-right .img-wrap .role-box.I{background:#ff964e}.grid-columns-2 .content-right .img-wrap .role-box.J{background:#ff99d4}.grid-columns-2 .content-right .img-wrap .role-box.K{background:#de5927}.footer{height:2.5rem;text-align:center;margin-top:auto}#iframe{position:absolute;left:0;top:0;height:100%;z-index:10;background:var(--background)}.iframe{width:576px;height:576px;border:0;transform:translateX(-50%);position:absolute;left:50%;transform-origin:left top}.power-on-content{width:calc(540 / 1040 * 100%);height:calc(140 / 805 * 100%);position:absolute;left:49.5%;top:46%;transform:translate(-50%,-50%)}.power-on-content img,.power-on-content svg{width:auto;height:100%;display:block}.power-on-content .logo-icon{height:100%;overflow:hidden;width:18.5%;position:absolute;top:0;left:calc((50 - 9.25) * 1%);opacity:0}.power-on-content .logo-text{height:100%;width:calc((100 - 18.5) * 1%);position:absolute;left:22.5%;top:0;display:flex;flex-direction:column;justify-content:center;gap:15%}.power-on-content .logo-text svg{opacity:0;position:relative}.power-on-content .title-svg,.power-on-content .desc-svg{display:flex;align-items:center}.power-on-content .title-svg{height:60%;gap:2%}.power-on-content .desc-svg{height:20%;gap:4.6%}.power-on-content .desc-svg-g{margin-left:4%}.power-on-content .title-svg-y{margin-left:-2%}.svg-icon-bitboy{width:13rem;height:13rem;margin-bottom:2rem;gap:1rem}.bitboy-introduction{width:100%;position:absolute;bottom:-22rem;padding-left:3rem}.svg-icon-background{background-size:contain;background-repeat:no-repeat;background-position:center center}.background-game-icon{background-size:cover;background-repeat:no-repeat;background-position:top center}.introduction-key{width:7rem;height:7rem}.gap-1{gap:1rem}.comma{font-size:3rem}.gap-2{gap:2rem}.text-introduction{align-self:center;margin-left:2rem;font-size:3rem}
.game-desc{color:#757575;padding:0 2rem;font-size:1.8rem;line-height:2.2rem}@keyframes powerOnLogo{0%{opacity:0;left:40%}40%{opacity:1;left:40%}50%{opacity:1;left:40%}100%{opacity:1;left:0}}.power-on-content.start .logo-icon{animation-duration:2s;animation-name:powerOnLogo}.power-on-content .logo-animation-end{left:0;opacity:1}@keyframes powerOnText{0%{opacity:0;transform:scale(1.7);left:-4%;filter:blur(6px)}100%{opacity:1;transform:scale(1);left:-0%;filter:blur(0px)}}.power-on-content .logo-text .title-svg .start{animation-duration:.4s;animation-name:powerOnText}.power-on-content .logo-text .desc-svg .start{animation-duration:.2s;animation-name:powerOnText}.power-on-content .text-animation-end{opacity:1!important;left:-0%!important;transform:scale(1);filter:blur(0px)}