*{box-sizing:border-box;font-family:system-ui}html,body,#app{height:100%;margin:0;position:relative}img{display:block}.flex{display:flex}.flex.center{justify-content:center;align-items:center}.flex.acenter{align-items:center}.flex.right{flex-direction:row-reverse}.flex.top{flex-direction:column}.flex.wrap{flex-wrap:wrap}.flex-item{flex-shrink:0}.flex-item.shrink{flex-shrink:1}.flex-item.expand{flex-grow:1;flex-shrink:1;overflow:hidden}.flex-item.fixed{position:relative}.flex-item.fixed>.flex{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto}#app{height:100%;-webkit-user-select:none;user-select:none;background:url(/assets/bg-D1ZtE3mS.webp) 50% 0%/100% auto no-repeat}.app{height:100%;position:relative}.logo{height:108px}.Controllers{width:260px;padding:0 16px 16px;position:relative;z-index:1;margin:12px;height:calc(100% - 24px);box-shadow:2px 6px 12px #0000004d;border-radius:16px;color:#515151;background:#fff}.Controllers-line{height:2px;background:#cdced3}.Controllers-item{height:44px;font-size:20px;line-height:1em;font-weight:400;cursor:pointer;margin:1px -16px;padding:0 16px}.Controllers-item-icon{height:32px;width:32px;margin-right:8px}.Controllers-item:hover{background:#dce6fe}.Controllers-item:active{padding-top:2px}.Controllers-item-arrow{transition:.2s;height:20px;width:20px}.Controllers-item[data-opened=false] .Controllers-item-arrow{transform:rotate(0)}.Controllers-item[data-opened=true] .Controllers-item-arrow{transform:rotate(-180deg)}.Controllers-option{padding-left:12px;margin-left:28px;margin-right:-16px;height:24px;cursor:pointer}.Controllers-option:hover{background:#dce6fe}.Controllers-option[data-selected=true]{background:#3973fc;color:#f6f7fb;cursor:default}.QRCode{position:relative}.QRCode-native{position:absolute;left:100%;bottom:-16px;margin-left:16px;box-shadow:6px 8px 15px #0000004d;border-radius:8px;opacity:0;pointer-events:none;transition:.4s}.QRCode:hover img{opacity:.3;filter:blur(4px);transition:.2s}.QRCode:hover .QRCode-native{opacity:1;filter:none}.QRCode img{background:#3973fc;border:2px solid #3973FC;box-sizing:content-box}.QRCode img.QRCode-native{border:16px solid #f6f7fb}.Controllers-mobie{display:none}.GameArea{position:relative}.Gameview{position:absolute;top:30px;right:0;bottom:0;left:0;margin:auto;background:#515151;box-shadow:0 0 0 2px #000}.Gameview-iframe{width:100%;height:100%;display:block;position:relative}.Gameview-deviceBackground{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.Gameview-deviceBackgroundImage{position:absolute;top:-1000px;left:-1000px;bottom:-1000px;right:-1000px;margin:auto}.Gameview-deviceBackgroundImage.shadow{filter:drop-shadow(5px 15px 30px rgba(0,0,0,.5))}.Gameview-progress{position:absolute;top:40%;right:0;bottom:0;left:0;margin:auto;color:#ccc;font-size:24px;font-style:oblique}.Gameview-name{font-size:24px;position:absolute;top:0;left:0;right:0;height:44px;color:#fff;font-weight:400}.Gameview[data-rotated=true] .Gameview-deviceBackgroundImage.shadow{filter:drop-shadow(-15px 5px 30px rgba(0,0,0,.5))}.app[data-mobie=true] .Controllers,.app[data-mobie=true] .Gameview-deviceBackground{display:none}.app[data-mobie=true] .Controllers-mobie{display:block;position:absolute;top:0;left:0;z-index:1;padding:12px}.app[data-mobie=true] .Gameview-iframe{border-radius:0!important}.app[data-mobie=true] .Gameview{top:0}.scroll-view{position:absolute;top:0;left:0;right:0;bottom:0;overflow:auto;padding:0 16px;margin-bottom:16px}.scroll-view::-webkit-scrollbar{width:8px;height:8px;background:#ccc;border-radius:0}.scroll-view::-webkit-scrollbar-button{display:none}.scroll-view::-webkit-scrollbar-thumb{background:#515151;border-radius:8px}#app:has(.app[data-mobie=true])+#ICP{display:none}#app[data-error=true]{background:none}#app[data-error=true]+#ICP>a{left:0;margin:auto;text-align:center;bottom:16px}#app[data-error=true] .app{padding:32px}