body{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;font-family:"Noto Sans JP";background-color:#06283d;color:#dff6ff;line-height:1.3;text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:16px;overflow-y:scroll}a{color:#dff6ff}.loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#06283d;position:fixed;top:0;left:0;z-index:999}.loading.loaded{display:none}.loading-text span{display:inline-block;margin:0 -.05em;animation:loading 1s infinite;font-size:24px;color:#47b5ff}.loading-text span:nth-child(2){animation-delay:.1s}.loading-text span:nth-child(3){animation-delay:.2s}.loading-text span:nth-child(4){animation-delay:.3s}.loading-text span:nth-child(5){animation-delay:.4s}.loading-text span:nth-child(6){animation-delay:.5s}.loading-text span:nth-child(7){animation-delay:.6s}@keyframes loading{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}*,::after,::before{box-sizing:border-box}fieldset{padding:0;margin:0;border:0}.apli-wrapper{max-width:752px;margin-left:auto;margin-right:auto;padding-bottom:2em;padding-left:5px;padding-right:5px}.section{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;margin-left:auto;margin-right:auto}.section.plot{justify-content:center}.section div{display:flex;align-items:center;justify-content:end;flex-wrap:wrap}.section div.player-wrapper{max-width:70%}.section div.painter-wrapper{max-width:70%;display:none}.section div.result-wrapper{max-width:50%;flex-direction:column;align-items:start}.section div.scale-wrapper{max-width:50%;flex-direction:column;align-items:end}.section div:first-child{justify-content:start}.section.logo{justify-content:center}.logo-wrapper{max-width:600px}.logo-img{width:100%}.selector{display:flex;overflow:hidden;border:3px solid #47b5ff;border-radius:0;margin:5px;background-color:#47b5ff;line-height:1.1;text-align:center}.mode-wrapper .selector{margin-left:0;margin-right:10px}.painter-wrapper .selector,.player-wrapper .selector{margin-left:10px;margin-right:0}.selector div{position:relative;width:45px;height:42px;padding:0;margin:0}.selector input{margin:0;width:100%;height:100%;opacity:0;cursor:pointer}.selector label{position:absolute;top:0;left:0;width:100%;height:100%;background:#06283d;display:flex;align-items:center;justify-content:center;pointer-events:none;border-right:3px solid #47b5ff;border-radius:0}.selector div:last-child{width:42px}.selector div:last-child label{border-right:0}.selector input:checked+label{background:#47b5ff;font-weight:700;color:#06283d}.status-indicator{position:relative;width:51px;height:48px;padding:0;margin:5px;background-color:#06283d;border:3px solid #06283d}.status-indicator input{margin:0;width:100%;height:100%;opacity:0}.status-indicator label{position:absolute;top:11px;left:12px;width:20px;height:20px;border:3px solid #47b5ff;background:#06283d;border-radius:10px}.status-indicator input:checked+label{background:#47b5ff}.flow-calculator{max-width:742px;position:relative;padding-bottom:25px;padding-top:5px;padding-left:20px;padding-right:0}.flow-calculator canvas{width:100%;border:3px solid #47b5ff}.flow-calculator p{position:absolute;padding:0;margin:0;color:#47b5ff;font-weight:700}.j0{top:calc(100% - 38.4px);left:5px}.j1{top:calc(100% - 38.4px - (100% - 36px) * .25);left:5px}.j2{top:calc(100% - 38.4px - (100% - 36px) * .5);left:5px}.j3{top:calc(100% - 38.4px - (100% - 36px) * .75);left:5px}.j4{top:calc(100% - 38.4px - (100% - 36px));left:5px}.i0{top:calc(100% - 23px);left:18.555px}.i1{top:calc(100% - 23px);left:calc(18.555px + (100% - 26px) * .125)}.i2{top:calc(100% - 23px);left:calc(18.555px + (100% - 26px) * .25)}.i3{top:calc(100% - 23px);left:calc(18.555px + (100% - 26px) * .375)}.i4{top:calc(100% - 23px);left:calc(18.555px + (100% - 26px) * .5)}.i5{top:calc(100% - 23px);left:calc(18.555px + (100% - 26px) * .625)}.i6{top:calc(100% - 23px);left:calc(18.555px + (100% - 26px) * .75)}.i7{top:calc(100% - 23px);left:calc(18.555px + (100% - 26px) * .875)}.i8{top:calc(100% - 23px);left:calc(18.555px + (100% - 26px))}.range{display:flex;align-items:center;justify-content:center;height:42px;margin-top:5px;margin-bottom:5px;margin-left:10px;margin-right:0}.range p{margin-right:3px}input[type=range]{margin-right:auto;margin-left:5px;position:relative;-webkit-appearance:none;overflow:hidden;height:100%;width:200px;cursor:pointer;border:3px solid #47b5ff;border-radius:0}::-webkit-slider-runnable-track{background:#06283d}::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:42px;background:#dff6ff;box-shadow:-200px 0 0 200px #47b5ff}::-moz-range-track{height:42px;background:#06283d}::-moz-range-thumb{background:#dff6ff;height:42px;width:20px;border-radius:0!important;box-shadow:-200px 0 0 200px #47b5ff;box-sizing:border-box}::-ms-fill-lower{background:#47b5ff}::-ms-thumb{background:#dff6ff;height:42px;width:20px;box-sizing:border-box}::-ms-ticks-after{display:none}::-ms-ticks-before{display:none}::-ms-track{background:#06283d;color:transparent;height:42px;border:none}::-ms-tooltip{display:none}.result-wrapper p,.scale-wrapper p{margin:5px;padding:0}.scale-wrapper div{margin:5px;padding:0;display:none;text-align:end}.scale-wrapper div.velocity-origin-wrapper,.scale-wrapper div.velocity-scale-wrapper{display:block}.scale-wrapper input{height:100%;width:100px;font-size:24px;margin-left:5px}.section.description{display:block;margin-left:auto;margin-right:auto;max-width:500px;text-align:justify;line-height:1.3;font-size:16px}li{margin-bottom:.3em}