*{box-sizing:border-box;font-family:Roboto, Arial, Helvetica, sans-serif;user-select:none}html,body{width:100%;margin:0;padding:0;position:relative;color:#666666}html{font-size:1vw}.like{display:inline-block}.like>img{width:2rem}.turn-result{width:10rem;height:10rem;border-radius:100%;position:fixed;top:8rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;transition:all 1s ease-in-out;background:#ffffff;font-size:1.8rem}.turn-result.fail{border:1rem solid #df1e1e;box-shadow:0 0 0.5rem 0.5rem #df1e1e}.turn-result.not-found{border:1rem solid #0084ff;box-shadow:0 0 0.5rem 0.5rem #0084ff}.turn-result.success{border:1rem solid #00d358;box-shadow:0 0 0.5rem 0.5rem #00d358}.turn-result.big-success{border:1rem solid #00d358;box-shadow:0 0 1rem 1rem gold}.turn-result.animate{transform:translate(-50%, -50%) scale(0.5);opacity:0}.splash-screen{position:fixed;background:rgba(0,0,0,0.5);z-index:1;width:100vw;height:100vh}.splash-screen .dialog{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60%;height:60%;text-align:center;border-radius:3rem;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#666666;line-height:2rem}.splash-screen .dialog.start{border:2rem solid #0084ff;background-color:#cce6ff}.splash-screen .dialog.start ul{text-align:left}.splash-screen .dialog.start strong{color:#006acc}.splash-screen .dialog.win{border:2rem solid #00d358;background-color:#d3ffe5}.splash-screen .dialog.win strong{color:#00a043}.splash-screen .dialog h3{font-size:3rem;margin:0}.splash-screen .dialog section{font-size:1.5rem}

.card{width:8rem;display:inline-flex;line-height:1.5rem;text-align:center;opacity:1;box-shadow:0 2px 5px 0 #bbbbbb;border:1px solid #bbbbbb;cursor:pointer;border-radius:10px;transition:all 0.5s;flex-direction:column;padding:0.5rem 0}.card.deal{transform:translate(0, -3rem);opacity:0}.card.init{transform:translate(0, 3rem);opacity:0}.card>.name{font-size:1.2rem;font-weight:bold}.card:hover{box-shadow:0 2px 20px 0 #bbbbbb}.card-404{text-align:center}.card-404>.card{width:15rem;transform:translate(0, 0)}

.header{height:4rem;display:flex;align-items:center;justify-content:center}.header>.likes{flex:1 0;text-align:right;font-size:1.2rem;font-weight:bold}.header>.title{font-size:2rem;font-weight:bold;width:40rem;height:100%;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 2px 3px 0 #bbbbbb;display:flex;align-items:center;justify-content:center;margin:0 5rem}.header>.statistics{flex:1 0;font-size:1.2rem;font-weight:bold}

*{box-sizing:border-box;font-family:Roboto, Arial, Helvetica, sans-serif;user-select:none}html,body{width:100%;margin:0;padding:0;position:relative;color:#666666}html{font-size:1vw}.like{display:inline-block}.like>img{width:2rem}.turn-result{width:10rem;height:10rem;border-radius:100%;position:fixed;top:8rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;transition:all 1s ease-in-out;background:#ffffff;font-size:1.8rem}.turn-result.fail{border:1rem solid #df1e1e;box-shadow:0 0 0.5rem 0.5rem #df1e1e}.turn-result.not-found{border:1rem solid #0084ff;box-shadow:0 0 0.5rem 0.5rem #0084ff}.turn-result.success{border:1rem solid #00d358;box-shadow:0 0 0.5rem 0.5rem #00d358}.turn-result.big-success{border:1rem solid #00d358;box-shadow:0 0 1rem 1rem gold}.turn-result.animate{transform:translate(-50%, -50%) scale(0.5);opacity:0}.splash-screen{position:fixed;background:rgba(0,0,0,0.5);z-index:1;width:100vw;height:100vh}.splash-screen .dialog{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60%;height:60%;text-align:center;border-radius:3rem;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#666666;line-height:2rem}.splash-screen .dialog.start{border:2rem solid #0084ff;background-color:#cce6ff}.splash-screen .dialog.start ul{text-align:left}.splash-screen .dialog.start strong{color:#006acc}.splash-screen .dialog.win{border:2rem solid #00d358;background-color:#d3ffe5}.splash-screen .dialog.win strong{color:#00a043}.splash-screen .dialog h3{font-size:3rem;margin:0}.splash-screen .dialog section{font-size:1.5rem}.pause-info{position:fixed;left:50%;font-size:1.5rem;transform:translateX(-50%);bottom:2rem;text-align:center;height:3rem;line-height:3rem;color:#00d358;font-weight:bold;animation-duration:1s;animation-name:pause-anim;animation-timing-function:ease-in;animation-iteration-count:infinite;animation-direction:alternate}@keyframes pause-anim{from{opacity:1}to{opacity:0.3}}

*{box-sizing:border-box;font-family:Roboto, Arial, Helvetica, sans-serif;user-select:none}html,body{width:100%;margin:0;padding:0;position:relative;color:#666666}html{font-size:1vw}.like{display:inline-block}.like>img{width:2rem}.turn-result{width:10rem;height:10rem;border-radius:100%;position:fixed;top:8rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;transition:all 1s ease-in-out;background:#ffffff;font-size:1.8rem}.turn-result.fail{border:1rem solid #df1e1e;box-shadow:0 0 0.5rem 0.5rem #df1e1e}.turn-result.not-found{border:1rem solid #0084ff;box-shadow:0 0 0.5rem 0.5rem #0084ff}.turn-result.success{border:1rem solid #00d358;box-shadow:0 0 0.5rem 0.5rem #00d358}.turn-result.big-success{border:1rem solid #00d358;box-shadow:0 0 1rem 1rem gold}.turn-result.animate{transform:translate(-50%, -50%) scale(0.5);opacity:0}.splash-screen{position:fixed;background:rgba(0,0,0,0.5);z-index:1;width:100vw;height:100vh}.splash-screen .dialog{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60%;height:60%;text-align:center;border-radius:3rem;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#666666;line-height:2rem}.splash-screen .dialog.start{border:2rem solid #0084ff;background-color:#cce6ff}.splash-screen .dialog.start ul{text-align:left}.splash-screen .dialog.start strong{color:#006acc}.splash-screen .dialog.win{border:2rem solid #00d358;background-color:#d3ffe5}.splash-screen .dialog.win strong{color:#00a043}.splash-screen .dialog h3{font-size:3rem;margin:0}.splash-screen .dialog section{font-size:1.5rem}.request-queue{display:flex;align-items:center;justify-content:center;margin-top:3rem}.request-queue>div+div{margin-left:3rem}.request-card{width:26rem;height:12rem;border-radius:10px;box-shadow:0 2px 5px 0 #bbbbbb;position:relative;transition:all 0.5s}.request-card .state{position:absolute;top:-2.5rem;left:50%;transform:translateX(-50%);font-size:1.5rem;font-style:italic}.request-card .header{padding:0 2rem;border-bottom:1px solid #dddddd;display:flex;justify-content:space-between}.request-card .header .pending{font-weight:bold;color:#bbb}.request-card .header .loading,.request-card .header .not-found{font-weight:bold;color:#0084ff}.request-card .header .error{font-weight:bold;color:#df1e1e}.request-card .header .success{font-weight:bold;color:#00d358}.request-card .content{padding:2rem 2rem 3rem 2rem;display:flex;justify-content:space-evenly;align-items:center;font-size:1.2rem;font-weight:bold}.request-card.last{transform:scale(0.8, 0.8);opacity:1}.request-card.last.moving{opacity:0;transition:all 0}.request-card.current.moving{opacity:0;transform:scale(0.8, 0.8);transform:translateX(5rem);transition:all 0}.request-card.current::before{content:'>>';color:#00d358;font-size:2rem;font-weight:bold;position:absolute;left:-3.5rem;top:50%;transform:translateY(-50%)}.request-card.current::after{content:'>>';color:#00d358;font-size:2rem;font-weight:bold;position:absolute;right:-3.5rem;top:50%;transform:translateY(-50%)}.request-card.next{transform:scale(0.8, 0.8)}.request-card.next.moving{opacity:0;transform:scale(1, 1);transform:translateX(5rem);transition:all 0}.request-card .col{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.request-card .col>*+*{margin-top:1rem}.request-card .col .req{width:7.5rem;height:2rem;display:flex;justify-content:center;align-items:center;border-radius:10rem}.request-card .col .res{width:7.5rem;height:2rem;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 5px 0 #bbbbbb;border-radius:10rem}.request-card .col .res.blank{box-shadow:none;border:0.2rem dashed #bbbbbb}.request-card .col .res.blank.creature{border:0.2rem solid #bbbbbb}.request-card .col .res.correct{border:0.2rem solid #00d358;box-shadow:0 2px 5px 0 #6dffaa}.request-card .col .res.not-found{border:0.2rem solid #0084ff;box-shadow:0 2px 5px 0 #99ceff}.request-card .col .res.wrong{border:0.2rem solid #df1e1e;box-shadow:0 2px 5px 0 #f3a3a3}.request-card .col .res>.like>img{width:1.2rem}.request-card .current-timer{position:absolute;bottom:0;height:0.5rem;border-bottom-left-radius:10px}.request-card .current-timer.green{background:#00d358}.request-card .current-timer.yellow{background:gold}.request-card .current-timer.red{background:#df1e1e}

*{box-sizing:border-box;font-family:Roboto, Arial, Helvetica, sans-serif;user-select:none}html,body{width:100%;margin:0;padding:0;position:relative;color:#666666}html{font-size:1vw}.like{display:inline-block}.like>img{width:2rem}.turn-result{width:10rem;height:10rem;border-radius:100%;position:fixed;top:8rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;transition:all 1s ease-in-out;background:#ffffff;font-size:1.8rem}.turn-result.fail{border:1rem solid #df1e1e;box-shadow:0 0 0.5rem 0.5rem #df1e1e}.turn-result.not-found{border:1rem solid #0084ff;box-shadow:0 0 0.5rem 0.5rem #0084ff}.turn-result.success{border:1rem solid #00d358;box-shadow:0 0 0.5rem 0.5rem #00d358}.turn-result.big-success{border:1rem solid #00d358;box-shadow:0 0 1rem 1rem gold}.turn-result.animate{transform:translate(-50%, -50%) scale(0.5);opacity:0}.splash-screen{position:fixed;background:rgba(0,0,0,0.5);z-index:1;width:100vw;height:100vh}.splash-screen .dialog{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60%;height:60%;text-align:center;border-radius:3rem;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#666666;line-height:2rem}.splash-screen .dialog.start{border:2rem solid #0084ff;background-color:#cce6ff}.splash-screen .dialog.start ul{text-align:left}.splash-screen .dialog.start strong{color:#006acc}.splash-screen .dialog.win{border:2rem solid #00d358;background-color:#d3ffe5}.splash-screen .dialog.win strong{color:#00a043}.splash-screen .dialog h3{font-size:3rem;margin:0}.splash-screen .dialog section{font-size:1.5rem}.conveyor{display:flex;align-items:center;justify-content:center;margin-top:1rem}.conveyor.hidden{display:none}.conveyor>*+*{margin-left:2rem}.conveyor>.conveyor-content{border:1px solid #dddddd;padding:1rem;border-radius:10px;position:relative}.conveyor>.conveyor-content>*+.card{margin-left:1rem}.conveyor>.conveyor-content>.conveyor-title{position:absolute;left:-6rem;top:50%;transform:translateY(-50%)}.conveyor>.conveyor-refresh{width:5rem;height:5rem;display:flex;flex-direction:column;justify-content:center;align-items:center;border:1px solid #dddddd;box-shadow:0 2px 5px 0 #bbbbbb;border-radius:3rem;cursor:pointer}.conveyor>.conveyor-refresh:hover{box-shadow:0 2px 15px 0 #bbbbbb}.conveyor>.conveyor-refresh .refresh{font-weight:bold;font-size:1.5rem;color:#00d358}.conveyor>.conveyor-refresh .refresh.zero{color:#df1e1e}

.divider{height:0.2rem;background:linear-gradient(135deg, #0084ff 0%, gold 100%);margin:1rem 0}

.store{position:fixed;top:0;width:100vw;height:26rem;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 2px 10px 0 #bbbbbb;background-color:#ffffff;transition:all 0.5s}.store.hide{transform:translateY(-100%)}.store>.header{font-weight:bold;border-bottom:1px solid #bbbbbb;position:relative}.store>.header .like-count{display:inline-block;line-height:4rem;position:absolute;left:2rem;top:0}.store-row{display:flex;align-items:center;padding:1rem 2rem}.store-row>.row-header{width:12rem}.store-row>.row-header>.row-name{font-weight:bold}.store-row>.row-header>.row-desc{margin-top:0.5rem;font-style:italic}.store-row+.store-row{border-top:1px solid #bbbbbb}

*{box-sizing:border-box;font-family:Roboto, Arial, Helvetica, sans-serif;user-select:none}html,body{width:100%;margin:0;padding:0;position:relative;color:#666666}html{font-size:1vw}.like{display:inline-block}.like>img{width:2rem}.turn-result{width:10rem;height:10rem;border-radius:100%;position:fixed;top:8rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;transition:all 1s ease-in-out;background:#ffffff;font-size:1.8rem}.turn-result.fail{border:1rem solid #df1e1e;box-shadow:0 0 0.5rem 0.5rem #df1e1e}.turn-result.not-found{border:1rem solid #0084ff;box-shadow:0 0 0.5rem 0.5rem #0084ff}.turn-result.success{border:1rem solid #00d358;box-shadow:0 0 0.5rem 0.5rem #00d358}.turn-result.big-success{border:1rem solid #00d358;box-shadow:0 0 1rem 1rem gold}.turn-result.animate{transform:translate(-50%, -50%) scale(0.5);opacity:0}.splash-screen{position:fixed;background:rgba(0,0,0,0.5);z-index:1;width:100vw;height:100vh}.splash-screen .dialog{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60%;height:60%;text-align:center;border-radius:3rem;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#666666;line-height:2rem}.splash-screen .dialog.start{border:2rem solid #0084ff;background-color:#cce6ff}.splash-screen .dialog.start ul{text-align:left}.splash-screen .dialog.start strong{color:#006acc}.splash-screen .dialog.win{border:2rem solid #00d358;background-color:#d3ffe5}.splash-screen .dialog.win strong{color:#00a043}.splash-screen .dialog h3{font-size:3rem;margin:0}.splash-screen .dialog section{font-size:1.5rem}.store-product-bundle{border:1px solid #bbbbbb;box-shadow:0 2px 5px 0 #bbbbbb;cursor:pointer;width:12rem;height:9rem;margin-left:1rem;display:flex;flex-direction:column;position:relative}.store-product-bundle:first-child{margin-left:0}.store-product-bundle.sold{box-shadow:none;color:#aaaaaa !important;cursor:default}.store-product-bundle.sold::after{content:'SOLD';font-weight:bold;position:absolute;bottom:1rem;right:0.5rem;color:#00d358;border:0.2rem solid #00d358;border-radius:0.5rem;padding:0.5rem;transform:rotateZ(30deg)}.store-product-bundle>.title{text-align:center;font-weight:bold;line-height:2rem;border-bottom:1px solid #bbbbbb}.store-product-bundle>.desc{text-align:left;color:#888888;padding:0.5rem;flex:auto}.store-product-bundle>.cost{text-align:center;border-top:1px solid #bbbbbb;padding:0.2rem 0;font-weight:bold}.store-product-bundle>.cost.red{color:#df1e1e}

.bundle-detail{position:absolute;z-index:1;bottom:9rem;left:0;display:flex;background-color:#ffffff;box-shadow:0 2px 5px 0 #bbbbbb;border:1px solid #bbbbbb;padding:0.5rem;display:none}.bundle-detail.show{display:flex}.bundle-detail>.card+.card{margin-left:1rem}

*{box-sizing:border-box;font-family:Roboto, Arial, Helvetica, sans-serif;user-select:none}html,body{width:100%;margin:0;padding:0;position:relative;color:#666666}html{font-size:1vw}.like{display:inline-block}.like>img{width:2rem}.turn-result{width:10rem;height:10rem;border-radius:100%;position:fixed;top:8rem;left:50%;transform:translateX(-50%);display:flex;justify-content:center;align-items:center;transition:all 1s ease-in-out;background:#ffffff;font-size:1.8rem}.turn-result.fail{border:1rem solid #df1e1e;box-shadow:0 0 0.5rem 0.5rem #df1e1e}.turn-result.not-found{border:1rem solid #0084ff;box-shadow:0 0 0.5rem 0.5rem #0084ff}.turn-result.success{border:1rem solid #00d358;box-shadow:0 0 0.5rem 0.5rem #00d358}.turn-result.big-success{border:1rem solid #00d358;box-shadow:0 0 1rem 1rem gold}.turn-result.animate{transform:translate(-50%, -50%) scale(0.5);opacity:0}.splash-screen{position:fixed;background:rgba(0,0,0,0.5);z-index:1;width:100vw;height:100vh}.splash-screen .dialog{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:60%;height:60%;text-align:center;border-radius:3rem;display:flex;flex-direction:column;justify-content:space-between;padding:3rem;color:#666666;line-height:2rem}.splash-screen .dialog.start{border:2rem solid #0084ff;background-color:#cce6ff}.splash-screen .dialog.start ul{text-align:left}.splash-screen .dialog.start strong{color:#006acc}.splash-screen .dialog.win{border:2rem solid #00d358;background-color:#d3ffe5}.splash-screen .dialog.win strong{color:#00a043}.splash-screen .dialog h3{font-size:3rem;margin:0}.splash-screen .dialog section{font-size:1.5rem}.refresh-bonus-notion{display:inline-block;height:3rem;line-height:3rem;padding:0 1rem;background-color:gold;position:fixed;right:0;bottom:2rem;border-top-left-radius:3rem;border-bottom-left-radius:3rem}