body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:16px}#root{background:#b9e0ff;bottom:0;left:0;position:fixed;right:0;top:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}body{-webkit-user-select:none;user-select:none}.App{background:#b9e0ff;bottom:0;display:flex;flex-direction:column;left:0;margin:0 auto;max-width:600px;overflow:hidden;position:fixed;right:0;top:0;z-index:2}.mapContainer{align-items:center;display:flex;flex:1 1}.mapArea{margin:10px auto;position:relative;text-align:center}.mapArea .item{position:absolute}.item{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border:1px solid #777;border-radius:5px;cursor:pointer;position:relative;scale:1}.item.touch{scale:1.15;z-index:999999!important}.item.disabled{cursor:inherit;filter:brightness(.5)}.item.coach{animation:card-coach .3s infinite;animation-timing-function:linear;z-index:999!important}.item>.magic-tag{background:red;height:10px;left:0;opacity:1;position:absolute;right:0;top:5px}.item>.magic-tag.magic-enlarge{animation:card-power 5s infinite;background-color:#4f4fff}.item>.magic-tag.magic-time{animation:card-power 5s infinite;background-color:#cb0000}.item>.magic-tag.magic-shuffle{animation:card-power 5s infinite;background-color:#ffbf4e}.item>.magic-tag.magic-killType{animation:card-power 5s infinite;background-color:#00b000}@keyframes card-coach{0%{box-shadow:0 0 8px 5px #fff54f;transform:rotate(0deg)}25%{transform:rotate(5deg)}50%{box-shadow:0 0 12px 8px #fff54f;transform:rotate(0deg)}75%{transform:rotate(-5deg)}to{box-shadow:0 0 8px 5px #fff54f;transform:rotate(0deg)}}.cardBusContainer{height:170px;padding:20px 0}.cardBus{background:#9dd3ff;border:2px solid #fff;border-radius:5px;box-shadow:inset 0 0 10px 1px #024f6f;display:flex;flex-wrap:nowrap;justify-content:space-between;margin:0 auto;padding:10px;position:relative}.cardBus,.cardBus .lockSeat{transition:all .2s ease-in-out}.cardBus .lockSeat{background:#b9e0ff;border-bottom:2px solid #fff;border-bottom-right-radius:5px;border-right:2px solid #fff;border-color:#fff #b9e0ff #b9e0ff #fff;border-style:solid;border-top-left-radius:5px;border-width:2px;bottom:-2px;box-shadow:-5px -5px 6px 0 #4f99b8;box-sizing:border-box;position:absolute;right:-2px}.cardBus .countdown{color:red;font-size:12px;font-weight:bolder;position:absolute;right:0;top:-22px}.magicCardList{display:flex;flex-wrap:nowrap;margin:5px auto}.magicCardList .magic{animation:.3s ease;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#ffffff80;background-origin:content-box;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:20px;cursor:pointer;height:20px;margin:2px;padding:5px;width:20px}.magicCardList .magic.hidden{margin:0;padding:0;width:0}.magicCardList .magic:hover{scale:1.1}.toolbar{color:#000;opacity:.9;padding:4px 10px}.toolbar .setting{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApQAAAJYAgMAAAChi55gAAAADFBMVEUAAAD///8jGBX/hwC07kEcAAAAAnRSTlMAAHaTzTgAAAGeSURBVHja7dzBCYAwEEXBNGmTNhnPigS/UYlk3nVhmQKWLUWSJEmSJEmSJEmSJEmSpP+0JNWkaDMlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUl5Q1lfS5KSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKyreV675oSklJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUn58TVem9VWHqaUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlKfVMaKkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkpKSkvKKMrvGiur7OUVJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUs6q7Pk6R0lJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSUlJSTmzUpIkSZIkSZIkSZIkSZKkkdoA6b9OvgK1YbwAAAAASUVORK5CYII=);background-size:contain;cursor:pointer;height:30px;width:30px}.handOfGod{animation:handOfGod-show .3s;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#dff3ff99;bottom:0;left:0;padding-top:10vmin;position:absolute;right:0;text-align:center;top:0}.handOfGod .title{color:#fff;font-size:2rem;font-weight:bolder;margin:2vw 0}.handOfGod .visualIcon>img{width:150px}.handOfGod .visualIcon.small>img{width:10vmin}.handOfGod button{background:#fff;border:3px solid #000;box-shadow:3px 3px 4px 1px #424242;color:#000;cursor:pointer;font-size:1rem;font-weight:700;margin:10px;padding:5px 10px;width:100px}.handOfGod button.primary{background:red;color:#fff}.handOfGod.selectGameLevel{animation:none;color:#000;opacity:1;z-index:9999999}.handOfGod.selectGameLevel .title{color:#000;margin-top:6vmin}.handOfGod.setting{color:#000;z-index:99999}.handOfGod.setting .title{color:#000}.handOfGod.setting .label{font-weight:700;margin:20px 0}.handOfGod.setting .levels{display:flex;justify-content:center;list-style:none;margin-top:6px}.handOfGod.setting .levels li{background:#fff;border:2px solid #000;border-radius:40px;box-shadow:3px 3px 4px 1px #8f8f8f;color:blue;cursor:pointer;font-size:1.5rem;height:40px;line-height:40px;margin:2px;width:40px}.handOfGod.setting .close{margin-top:30px}.handOfGod.magicCards{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff80;color:#000;font-size:28px;z-index:9999}.handOfGod.magicCards .visualIcon>img{animation:magic-appear 1s;width:150px}.handOfGod.magicCards>.title{color:#000;margin:10px}.handOfGod.magicCards>.desc{font-size:.8rem;margin:0 auto;white-space:pre-wrap;width:80%}.handOfGod.opacity{animation:none;opacity:0;z-index:999}.handOfGod.timeBack{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff6;color:#fff;top:auto;z-index:9999}.handOfGod.timeBack .title{color:#000;font-size:16px}.handOfGod.timeBack .desc{color:#000;font-size:12px;white-space:pre-wrap}.handOfGod.timeBack .hold{background:red;border:3px solid #000;border-radius:70px;box-shadow:3px 3px 4px 1px #424242;color:#000;cursor:pointer;height:70px;margin:30px auto;width:70px}.handOfGod.gameOver{background:#f009;color:#fff;z-index:9999999}.handOfGod.gameOver button{width:150px}.handOfGod.success{background:#e0fb34;color:#fff;z-index:9999999}.handOfGod.success .title{color:#000}.handOfGod.end{background:#e0fb34;color:#fff;z-index:9999999}.handOfGod.end .visualIcon>img{animation:end-show 40s infinite;animation-timing-function:linear;height:20vmin;position:relative;width:auto}.handOfGod.end .title{color:#000;margin-top:5vmin}.handOfGod.end .desc{color:#b80000;font-size:15px}.handOfGod.end .desc>li{display:flex;justify-content:center;list-style:none}.handOfGod.end .desc>li>div{padding:0 4px;width:200px}.handOfGod.end .desc>li :first-child{text-align:right}.handOfGod.end .desc>li :last-child{text-align:left}@keyframes handOfGod-show{0%{opacity:0}to{opacity:.9}}@keyframes magic-appear{0%{scale:0;transform:rotateY(0deg)}to{scale:1;transform:rotateY(2turn)}}@keyframes end-show{0%{left:0}to{left:-300%}}
/*# sourceMappingURL=main.650449e9.css.map*/