@charset "UTF-8";html,body{color:#ccc;background-color:#800;margin:0;padding:0;width:100vw;height:100vh;font-family:Noto Sans JP,sans-serif;overflow:hidden}body>div:not(#root){-webkit-user-select:none;user-select:none}body>div:not(#root) canvas{-webkit-user-select:none;user-select:none}#root{width:100vw;height:100vh;-webkit-user-select:none;user-select:none}.main{width:100vw;height:100vh;overflow:hidden;background:linear-gradient(#800,#002);display:flex;justify-content:center;align-items:flex-start}.main canvas{overflow:hidden;transform-origin:top center;position:absolute;margin:0;padding:0;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-touch-callout:none}.main #stick-area{position:fixed;width:120px;height:120px;background:#64646440;border-radius:50%;touch-action:none;opacity:0}.main #stick{position:absolute;top:50%;left:50%;width:50px;height:50px;background:#c8c8c866;border-radius:50%;transform:translate(-50%,-50%)}.title{background:linear-gradient(#800,#002);width:100%;height:100%;min-height:100vh;overflow-y:scroll;overflow-x:hidden;margin:0;padding:0}.title .app-button{border-radius:4px;text-align:center;font-weight:700;cursor:pointer}.title .app-button:active{transform:scaleY(.98);transform:translate(1px,1px)}.title .start-area{position:relative;width:100vw;max-width:600px;font-size:28px;background-color:#6b052a;margin:0;height:48px;line-height:48px;text-align:center;border:solid 1px transparent}.title .start-area .progress-bar{background-color:#444;height:100%;top:0}.title .start-area .progress-text{position:absolute;color:#eee;top:0;width:100%}.title .start-area.clickable:hover{background-color:#b20444}.title .start-area.clickable:active .progress-text{transform:translate(1px,1px)}.title .link{margin:20px 0 150px;text-align:center}.title .link a{display:inline;color:#ffc854;font-size:18px}.title .link a:hover{color:#aab}.title .header{padding:5px 10px 10px}.title .header .header-text{display:block;text-align:center;padding:10px;height:32px;line-height:34px;top:10px;font-size:28px}.title .title-container{background-color:#0000001a;max-width:600px;-webkit-user-select:none;user-select:none;margin:auto;padding-top:4px}@media (orientation: portrait){.title .title-container .portrait-info{font-size:16px;display:block;position:fixed;background-color:#f5ebbf;color:#444;padding:4px;border-radius:8px 8px 0 0;text-align:center;bottom:0;left:4px;right:4px;height:30px;font-weight:700}}@media (orientation: landscape){.title .title-container .portrait-info{display:none}}.title .title-container .toggle-button{text-align:center;border-radius:4px;background-color:#400;color:#fff;margin:5px 10px;padding:5px;font-weight:700;cursor:pointer}.title .title-container .toggle-button:hover{background-color:#500}.title .title-container .block.no-margin .config-container{margin:0}.title .title-container .spacer{height:8px}.title .title-container .block{margin:0 8px 10px;background-color:#0000001a;border-radius:2px;border:solid 1px #222}.title .title-container .block div{font-size:14px;font-weight:700;margin:10px}.title .title-container .block ul li{font-size:14px;font-weight:700}.title .title-container .block .img-container{margin:10px}.title .title-container .block img{width:100%}.title .title-container .block img.manual-icon{width:12px;height:12px;margin:0 4px}.title .title-container .block img.cover{object-fit:cover}.title .title-container .block a{color:#66f;font-weight:700;margin:0 5px}.title .title-container .block h1{color:#fdd;background-color:#200;text-align:left;font-size:18px;margin:0;padding:5px 10px;border-radius:2px 2px 0 0}.title .title-container .block h1 img{width:18px;height:18px;padding-right:10px;vertical-align:middle}.title .title-container .block h2{border-bottom:dashed 1px #963252;font-size:10px;padding:2px 8px;color:#caa;margin:4px}.title .title-container .block a.license{text-decoration:none;margin:0;padding:0;border-spacing:0;font-size:14px;color:#ccc;cursor:pointer}.title .title-container .block a.license:hover{color:#fcc}.title .title-container .block ul{padding-bottom:8px;padding-inline-start:30px;margin-inline-end:10px}.title .title-container .block .contents{padding:8px 15px 20px}.title .title-container .config-container{display:grid;grid-template-columns:1fr 1fr 1fr}.title .title-container .config-container .group:first-child{margin-left:4px}.title .title-container .config-container .group:last-child{margin-right:4px}.title .title-container .config-container .group{background-color:#00000026;margin:2px;border-radius:2px}.title .title-container .config-container .group .header{font-weight:700;font-size:12px;margin:6px 0 0;padding:0;text-align:center;border-bottom:solid 1px rgba(0,0,0,.1)}.title .title-container .config-container .group .button{cursor:pointer;border:solid 1px #888;border-radius:9px;background-color:#222;color:#bbb;height:30px;line-height:30px;vertical-align:middle;text-align:center;margin:4px 8px;position:relative;font-weight:700}.title .title-container .config-container .group .button.selected{color:#eee;background-color:#b20444}.title .title-container .config-container .group .button.selected:before{position:absolute;content:"✔";font-size:11px;left:8px;color:transparent;text-shadow:0 0 0 #eee}.title .title-container .config-container .group .button:not(.selected):hover{background-color:#422}.title .title-container .config-container .group .button:active{background-color:#b20444;transform:scaleY(.98);transform:translate(1px,1px)}.debug-ui{position:absolute;top:0;right:0;width:100px;padding:10px;z-index:1000;background-color:#0003}.gameover{position:absolute;z-index:2;width:360px;height:240px;margin:auto;top:0;left:0;right:0;bottom:0;border-radius:4px;color:#b4b4b4;background:linear-gradient(#002,#800);color:#555;font-size:20px;font-weight:700;box-shadow:0 0 4px 4px #0006}.gameover a{color:#ddd;text-decoration:none}.gameover .share{display:grid;grid-template-columns:1fr 2fr;column-gap:8px;margin:0;padding:10px 10px 0}.gameover .share .menu-item{height:42px;margin:0;padding:0;line-height:42px;vertical-align:middle;font-size:15px}.gameover .share .menu-item span.icon{margin-left:3px;font-size:16px}.gameover .share .menu-item span.x{margin-left:20px}.gameover .share .menu-item span{margin-left:10px}.gameover .menu-title{padding-top:10px;text-align:center;color:#ddd}.gameover .menu-title-sub{padding-top:10px;text-align:center;font-size:16px;color:#778;border-top:solid 1px #778}.gameover .menu-item{position:relative;color:#ddd;border-radius:6px;cursor:pointer;margin:10px;padding:5px;background-color:#844;text-align:center}.gameover .menu-item.sns img{position:absolute;left:10px;top:10px;width:20px;height:20px}.gameover .menu-item:active{transform:scaleY(.98);transform:translate(1px,1px)}.gameover .menu-item:hover{background-color:#a33}.gameover .menu-item.force-active{background-color:#484848;transform:scaleY(.98);transform:translate(1px,1px)}.gameover .retry-button-container{position:absolute;top:3px;right:13px;width:34px;height:34px}.gameover .retry-button-container circle{fill:#0000;stroke:#222;stroke-width:3px}.gameover .retry-button-container circle.progress{stroke:#00a7e2}.gameover .retry-button-container text{text-anchor:middle}.gameover .retry-button-container text.X{fill:#00a7e2}.gameover .retry-button-container text.Z{fill:#aaa}@keyframes show-menu{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes show-menu{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}to{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.show-menu{-webkit-animation:show-menu .2s 1 linear;animation:show-menu .2s 1 linear}