@charset "UTF-8";video{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg)}body,ul,li,p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style-type:none;font-family:Otoma,ヒラギノ丸ゴ Pro W4,ヒラギノ丸ゴ Pro,Hiragino Maru Gothic Pro,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,HG丸ｺﾞｼｯｸM-PRO,HGMaruGothicMPRO,sans-serif}body{position:fixed;top:0;left:0;right:0;bottom:0}button,a,.btn{cursor:pointer;font-family:inherit;text-decoration:none;color:inherit}button:hover,a:hover,.btn:hover{transform:scale(1.1);opacity:.8}button:active,a:active,.btn:active{transform:scale(1);opacity:1}rt{font-size:.5em}_:lang(x)::-ms-,rt{font-size:100%;zoom:.5}.instruction-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;background:#232323}.instruction-container.hidden{animation:1.2s inst-container-disappear}@keyframes inst-container-disappear{0%{opacity:1;transform:scale(1)}99%{opacity:0;transform:scale(1)}to{opacity:0;transform:scale(0);display:none}}.loading-comment-container{max-width:100vw;height:50vh;text-align:center;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}#loadingComment{color:#28203a}#loadingComment li{font-size:38px}.loading-container{width:96%;margin:0 auto;display:grid;position:absolute;top:45%;left:2%;grid-template-areas:"a b c" "d d d";grid-template-columns:30% 40% 30%;grid-template-rows:60% 40%;gap:4px;align-items:center;justify-content:space-between;font-size:1.5vw;color:#fff}#now-loading{grid-area:a;text-align:right}.loading-bar-outer{height:6%;outline:1px solid gray;grid-area:b}#loading-bar{display:block;width:100%;height:100%;background:#0909c0;transform:scaleX(0);transform-origin:center left;box-shadow:inset 0 0 4px #f5f5f5,inset 1px 0 2px #26008f,inset -1px 0 2px #55c8f8,1px 0 8px #26008f,1px 0 8px #55c8f8,0 0 10px #fff,-1px 0 4px #26008f,1px 0 4px #55c8f8}#loading-rate{grid-area:c;text-align:left}#now-constructing{grid-area:d;text-align:center}#now-constructing .yellow{color:#ff0}.start{width:90%;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:4vmin;color:#f5f0f4;text-align:center;position:absolute;top:60%;left:50%;transform:translate(-50%);gap:6px}.start button{color:#fff;font-size:5vmin;transform:skew(-30deg) scale(.9);border:none;box-shadow:0 1px #e2e2e2,0 4px 4px #575757;background:transparent}.start button:hover{opacity:1;text-shadow:0 0 3px #55c8f8,0 0 6px #fff;box-shadow:0 1px 1px #26008f,0 2px 3px #fff}.start.hidden{transform:translate(-50%) scale(0)}.control-container{position:fixed;bottom:10px;left:10px;z-index:5}.control-container .control-btn{padding:10px;border-radius:4px;border:#aaa solid 2px;background:#333333b3;font-size:2vw;color:#e6e6e6;-webkit-user-select:none;-moz-user-select:none;user-select:none}.html-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1;padding:4px}.count-down{position:absolute;top:40%;left:50%;transform:translate(-50%,-50%);font-size:30vw;color:#efefef;text-shadow:0 0 10px gold,0 0 10px gold,0 0 10px gold,0 0 10px gold,0 0 10px gold,0 0 10px gold}.distance{color:#979797;font-size:4vw;text-shadow:2px 2px 0 #fff,0px 4px 5px #777}.distance span{color:#dfd515}.watch{font-size:4vw;color:#979797;text-shadow:2px 2px 0 #fff,0px 4px 5px #777}.watch span{color:#dfd515}.garbage-counter-container{width:14vw;height:8vw;margin-top:2vw;margin-left:4vw;padding-left:5vw;display:flex;align-items:flex-end;color:#979797;text-shadow:2px 2px 0 #fff,0px 4px 5px #777;font-size:3vw;border-bottom:8px solid #b3e6fa;position:relative}.garbage-counter-container span{color:#dfd515;width:7vw;font-size:5vw;text-align:center;letter-spacing:.1em}.garbage-counter-container:before{content:"";position:absolute;top:calc(50% + 8px);left:0;width:8vw;height:8vw;background:#b3e6fa url(/game26_car/img/html/garbage-icon.webp) center/70% no-repeat;border-radius:50%;transform:translate(-50%,-50%);box-shadow:-2px 4px 4px #777}.bubble-container{width:60vw;height:20vh;position:absolute;top:20px;right:4px;transform-origin:top right;transition:all .7s}.bubble-container.enlarge{transform:translateY(220px) scale(1.5);opacity:.8}.bubble-container .text-box{width:80%;height:100%;color:#f5f0f4;font-size:max(2.1vw,1.6vh);letter-spacing:.12em;text-align:left;text-shadow:2px 2px 2px #333,-2px 2px 2px #333,2px -2px 2px #333,-2px -2px 2px #333}.bubble-container .img-box{width:20%;height:100%;position:absolute;top:0;right:0}.bubble-container .img-box img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:top right;object-position:top right}.bubble-container .img-box img.hidden{display:none}.bubble-container .img-box img.flicker{animation:flicker 1.2s infinite}@keyframes flicker{0%,70%{opacity:1}to{opacity:0}}#get-icon{opacity:0;width:max(20vw,20vh);height:max(20vw,20vh);background-image:url(/game26_car/img/effects/get.webp);background-size:contain;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%);position:absolute;top:100px;left:100px}#get-icon.show{animation:show-get-icon 1s forwards}@keyframes show-get-icon{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}20%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}.garbage-final-icon{width:max(20vw,20vh);height:max(20vw,20vh);position:absolute;transform:translate(-50%,-50%) scale(0);transition:all .3s linear}.background-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:0;background-color:#000}.background-container.hidden img{opacity:0}.background-container img{opacity:1;width:100%;height:75%;-o-object-fit:cover;object-fit:cover;-o-object-position:bottom;object-position:bottom;transition:opacity 3s ease-in}.result-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:2;background:linear-gradient(#0000,#0006 50%);color:#fff;text-shadow:1px 1px 0 #333,0 6px 4px rgb(28,28,28);padding-top:5vh}.result-container>div{padding:min(2vw,2vh);margin:1vh 10vw;box-shadow:2px 2px 6px #ccc,-2px -2px 6px #ccc;border-radius:10px;background-image:linear-gradient(70deg,transparent 45%,#fff 50%,transparent 55%);background-size:500% 100%;display:flex;align-items:flex-end}.result-container .score-time{float:right;font-size:4vw;transform:translate(300%)}.result-container .score-time.slide-in{animation:slide-from-right 5s forwards}.result-container .score-garbage{float:left;font-size:4vw;position:relative;padding-left:12vw;transform:translate(-300%)}.result-container .score-garbage:before{content:"";position:absolute;top:50%;left:4vw;width:8vw;height:8vw;margin:0 2vw;background:#b3e6fa url(/game26_car/img/html/garbage-icon.webp) center/70% no-repeat;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 2px #fff,0 0 6px #fff,0 0 8px #fff}.result-container .score-garbage.slide-in{animation:slide-from-left 5s forwards}.result-container .score-total{box-shadow:2px 2px 6px gold,-2px -2px 6px #ccc;float:right;font-size:7vw;transform:translate(300%)}.result-container .score-total.slide-in{animation:slide-from-right 5s forwards}.result-container .score-total.shine{transform:translate(0);animation:shine 5s infinite}.result-container .score-total #total-reward{color:#fff600}.result-container span.unit{display:inline-block;width:7vw;height:7vw;text-align:center;font-size:5vw}.result-container span.unit.coin{background:url(/game26_car/img/html/coin.webp) center/contain no-repeat}.result-container #time-rank{color:red}.result-container #garbage-count{color:#00f}@keyframes slide-from-right{0%{transform:translate(300%);background-position:100% 50%}7%{transform:translate(0);background-position:100% 50%}to{transform:translate(0);background-position:0% 50%}}@keyframes slide-from-left{0%{transform:translate(-300%);background-position:100% 50%}7%{transform:translate(0);background-position:100% 50%}to{transform:translate(0);background-position:0% 50%}}@keyframes shine{0%{background-position:100% 50%}to{background-position:0% 50%}}.score-container{position:absolute;top:0;bottom:0;left:0;right:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;padding:10px}.score-container .btns{display:flex;justify-content:center;gap:10px}.score-container .btns .end-btns.side{display:flex;align-items:center}.hidden{transform:scale(0)}@media (min-aspect-ratio: 4/3){.bubble-container{width:40vw}}