@charset "UTF-8";html{scroll-behavior:smooth}body{background:#f0f0f0}.under-shadow{max-width:680px;margin:10px auto;box-shadow:-6px -6px 12px #fffc,6px 6px 12px #0003;padding-top:20px;padding-bottom:40px}.common{width:100%;box-sizing:border-box;text-align:center;position:relative}.common>div,.common>dl{padding-left:14px;padding-right:14px;box-sizing:border-box}.common .news{height:68px;overflow:scroll;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-grow:1}.common .news article{position:relative;text-align:left;font-size:small;padding-left:36px}.common .news article.new:before{content:"New!";position:absolute;top:0;left:0;transform:rotate(-10deg);color:orange;font-weight:700;text-decoration:underline}.common .news article.important:before{content:"重要";position:absolute;top:0;left:0;transform:rotate(-10deg);color:red;font-weight:700;text-decoration:underline}.common .news article .game-title{color:#008b8b}.common .caution-container{line-height:1.6em;text-align:left;box-sizing:border-box}.common .caution-container .caution{margin-top:10px;width:100%;text-align:left}.common .caution-container .caution.head{text-align:center}.common .caution-container .caution img{height:90%;vertical-align:bottom;-o-object-fit:contain;object-fit:contain}.common .caution-container .caution.browser-list{padding:5px 10px;border:1px solid #000;text-align:left;box-sizing:border-box}.common .caution-container .caution-yellow{color:#ff9500;font-weight:700}.common .caution-container .underline{text-decoration:underline}.common .caution-container .browser-icons{display:flex;height:60px;justify-content:right}.common .caution-container .browser-icons span{display:flex;align-items:flex-end}.common .main-btn{width:100%;height:60px;margin:10px auto 20px;line-height:30px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.common .main-btn img{max-width:50%;height:100%;-o-object-fit:contain;object-fit:contain;box-shadow:-6px -6px 12px #fffc,6px 6px 12px #0003;background:#f0f0f0;padding:4px;border-radius:16px}.common #tips h4,.common #tips ul,.common #tips li,.common #tips p{text-indent:1em}.common #tips .detail.appear{display:block;animation:.5s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(-5%)}to{opacity:1;transform:translateY(0)}}.common #tips .qa{max-width:680px;margin-left:auto;margin-right:auto}.common #tips .qa h3{padding:14px 0;text-decoration:underline;font-size:20px;line-height:30px}.common #tips .question{max-width:680px;cursor:pointer;position:relative;font-size:14px;line-height:18px;text-align:left;padding-left:18px;text-indent:0}.common #tips .question:before{content:"";display:inline-block;width:18px;height:18px;position:absolute;left:0;box-sizing:border-box;border-left:14px solid pink;border-top:9px solid transparent;border-bottom:9px solid transparent;vertical-align:bottom}.common #tips .detail{display:none;border:1px solid rgba(43,43,43,.8);margin:4px;padding:10px;font-size:.9em;line-height:1.8em;border-radius:10px}.common #tips .detail ul{text-align:left}.common #tips section+section{margin-top:20px}.common #tips .detail ul{list-style-type:disc;list-style-position:inside}.common #tips li.number{list-style-type:decimal}.common #tips li.no-style{list-style-type:none}.back-to-top{display:block;text-align:center;margin-top:20px;padding:8px;border-radius:6px;font-size:3vmin;box-shadow:-6px -6px 12px #fffc,6px 6px 12px #0003}.back-to-top:hover{box-shadow:none;transform:translateY(3px);background:#777;color:ivory}footer{width:80%;margin:100px auto;height:40px;font-size:x-small;text-align:center}.hidden{transform:scale(0)}.tutorial-container{width:100%;height:85vh;display:grid;box-sizing:border-box;position:relative;padding-top:0}.tutorial-container>div{display:flex;align-items:center;padding:6px}.toMenu-area{grid-area:a;position:relative;padding:6px}nav{grid-area:n;display:flex;gap:10px;justify-content:center;align-items:center;padding:6px;flex-direction:column}nav button{width:calc(16vh - 20px);height:calc(16vh - 20px);border-radius:50%;display:flex;justify-content:center;align-items:center}nav button .icon{width:100%;height:100%;text-shadow:1px 1px 0 gray,1px -1px 0 gray,-1px 1px 0 gray,-1px -1px 0 gray;display:flex;justify-content:center;align-items:flex-end;position:relative;white-space:nowrap;font-size:2.2vh}nav button:hover{transform:scale(1.2);border:1px solid white;box-shadow:1px 1px 5px #fff,-1px -1px 5px #fff,1px -1px 5px #fff,-1px 1px 5px #fff,4px 4px 6px #ffff63,-4px -4px 6px #ff0,4px -4px 6px #ff0,-4px 4px 6px #ff0;z-index:10}#help{background:url(/build/assets/icon-lineup-D7MjFl0x.png) center/100% 100%}#lineup{background:url(/build/assets/icon-lineup-D7MjFl0x.png) center/100% 100%}#sendURL{background:url(/build/assets/sendURL-icon-o-Dyk7ZpWs.png) center/100% 100%}header.under-shadow{box-shadow:none;margin:0 auto;padding:8px 8px 0}header.under-shadow .link-container{height:60px;display:flex;justify-content:space-between}header.under-shadow .link-container a#link-to-top{display:flex;justify-content:center;align-items:center;color:#797979;height:100%}header.under-shadow .link-container a#link-to-top img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:50%}header.under-shadow .link-container a#link-to-top p{white-space:nowrap;font-size:12px;text-align:left;margin-left:-4px;transform-origin:left}header.under-shadow .link-container a#link-to-top:hover{color:#df8c9e}header.under-shadow .link-container a#link-to-top:hover img{opacity:.5;background:#87ceeb}header.under-shadow .link-container a#link-to-top:hover p{transform:scale(1.5)}header.under-shadow .link-container a#link-to-dashboard{display:flex;align-items:flex-end;justify-content:right;height:100%;position:relative}header.under-shadow .link-container a#link-to-dashboard p{white-space:nowrap;font-size:12px;font-weight:700;color:#155bff;text-shadow:1px 1px 0 white,1px 0px 0 white;margin-left:-50px;transform-origin:right bottom}header.under-shadow .link-container a#link-to-dashboard img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;border-radius:50%}header.under-shadow .link-container a#link-to-dashboard:hover img{opacity:.5;background:#87ceeb}header.under-shadow .link-container a#link-to-dashboard:hover p{transform:scale(2);color:#df8c9e}header.under-shadow .message-container{display:flex;justify-content:right}header.under-shadow .message-container .notice{display:inline-block;position:relative;transform:rotate(1deg);background:none;top:auto;right:auto;max-width:100%}.notice{position:absolute;padding:0 2em;top:7px;right:7%;z-index:3;font-size:.7em;color:red;font-weight:700;transform-origin:center;transform:rotate(4deg);text-align:center;max-width:70%;background:#ffffff9e;margin-top:8px}.notice:before,.notice:after{display:inline-block;position:absolute;top:0;left:.5em;content:"";width:2em;height:2em;transform:rotate(-15deg);border-left:4px solid red}.notice:after{right:.5em;left:auto;transform:rotate(18deg);border-left:none;border-right:4px solid red}.tutorialOff{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3;background:ivory;transform:scale(0);transition:.3s;transform-origin:top center}.tutorialOn{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:3;background:ivory;transform:scale(1);transition:.3s}#modal-outside{width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:-1}.close{position:absolute;top:max(10px,(100vh - 70.8333333333vw) / 2 - 30px);right:max(30px,(100vw - 141.1764705882vh) / 2 - 80px);z-index:3;font-size:20px;margin:4px;text-shadow:1px 1px 0 #ff9500,-1px 2px 2px gray}.next,.prev{position:absolute;bottom:max(25px,(100vh - 70.8333333333vw) / 2 - 20px);z-index:2;font-size:20px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.prev{left:max(30px,(100vw - 141.1764705882vh) / 2 - 50px)}.prev:hover{transform:scale(1.1)}.prev:before,.next:before{content:"";width:40px;height:140%;background:linear-gradient(90deg,transparent,palevioletred 20%);position:absolute;top:50%;right:50%;z-index:-1;transform:translate(10%,-50%)}.prev:after,.next:after{content:"";width:80px;height:200%;position:absolute;top:50%;left:50%;z-index:-1;transform:translateY(-50%);box-sizing:border-box;border:35px solid transparent;border-left:50px solid palevioletred}.prev:before{background:linear-gradient(90deg,palevioletred 80%,transparent 100%);right:auto;left:50%;transform:translate(-10%,-50%)}.prev:after{left:auto;right:50%;border:35px solid transparent;border-right:50px solid palevioletred}.next{right:max(30px,(100vw - 141.1764705882vh) / 2 - 50px)}.next:active{transform:scale(1.1)}@keyframes slide-forward{0%{transform:translate(0)}50%{transform:translate(100%)}}@keyframes slide-back{0%{transform:translate(0)}50%{transform:translate(-100%)}}.ranking-container{position:relative}.ranking-container .notice{top:-1em;max-width:100%;font-weight:400}.ranking-container .ranking-condition{width:75%;font-size:.8em;text-align:center;margin:-4em auto 2em}.ranking-container .ranking-condition p{text-decoration:underline}.ranking-container .ranking-condition li{list-style-type:circle;list-style-position:inside}.ranking-container .user-score{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:1.2em;font-weight:700;text-shadow:0 0 2px #ffd700,0 0 2px #ffd700,0 0 2px #ffd700,0 0 2px #ffd700,0 0 2px #ffd700,0 0 2px #ffd700,0 0 2px #ffd700}.ranking-container .user-ranking{position:fixed;bottom:8px;left:0;text-indent:1em;z-index:2;color:#fff;text-shadow:0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233,0 0 2px #e34233;font-weight:700;font-size:1.2em;animation:flicker 1.2s infinite}.ranking-container .ranking-heading{width:100%;overflow:hidden;display:flex;justify-content:center;align-items:center;font-size:2.4em;font-weight:700;text-shadow:0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white,0 0 2px white;background:url(/build/assets/ranking-head-bg-BMDGEAeb.webp) center/100% 100% no-repeat}.ranking-container .ranking-heading .warp__placeholder{position:absolute;color:transparent;font-size:.1px}.ranking-container .ranking-heading .warp{display:block;position:relative;width:680px;height:150px;font-weight:700;margin-left:min(0px,-1 * (340px - 50%));margin-top:-10px}.ranking-container .ranking-heading [class*=warp__]{display:block;position:absolute}.ranking-container .ranking-heading .warp__0{transform-origin:50% 34px;transform:translate(205.3492px,26.7939px) rotate(-.123152rad)}.ranking-container .ranking-heading .warp__1{transform-origin:50% 34px;transform:translate(242.614px,22.9345px) rotate(-.082652rad)}.ranking-container .ranking-heading .warp__2{transform-origin:50% 34px;transform:translate(280.2742px,20.6487px) rotate(-.037848rad)}.ranking-container .ranking-heading .warp__3{transform-origin:50% 34px;transform:translate(318.7048px,20.1261px) rotate(.009124rad)}.ranking-container .ranking-heading .warp__4{transform-origin:50% 34px;transform:translate(355.7987px,21.4929px) rotate(.063058rad)}.ranking-container .ranking-heading .warp__5{transform-origin:50% 34px;transform:translate(393.4977px,24.7861px) rotate(.110032rad)}.ranking-container .ranking-heading .warp__6{transform-origin:50% 34px;transform:translate(430.325px,29.6201px) rotate(.150141rad)}.ranking-container .edit-nickname-btn{text-align:center;margin-bottom:8px}.ranking-container .edit-nickname-btn a{display:inline-block;font-weight:400;border:1px solid gray;padding:.2em 1em;border-radius:8px}.ranking-container .ranking-content{padding:0 1em}.ranking-container .ranking-content .ranking-record{display:grid;align-items:stretch;grid-template-columns:40px 1fr;margin-bottom:4px}.ranking-container .ranking-content .ranking-record .ranking-icon{width:40px;height:40px;display:flex;justify-content:center;align-items:center;align-self:center;position:relative;text-shadow:0 0 .1em white,0 0 .1em white,0 0 .1em white,0 0 .1em white,0 0 .1em white,0 0 .1em white,0 0 .1em white}.ranking-container .ranking-content .ranking-record .ranking-icon.first{width:60px;height:60px;color:red}.ranking-container .ranking-content .ranking-record .ranking-icon.second,.ranking-container .ranking-content .ranking-record .ranking-icon.third{width:50px;height:50px;color:red}.ranking-container .ranking-content .ranking-record .ranking-icon img{position:absolute;z-index:1;width:120%;height:120%}.ranking-container .ranking-content .ranking-record .ranking-icon span{z-index:2}.ranking-container .ranking-content .ranking-record .ranking-detail{display:grid;grid-template-columns:2fr 1fr 18%;align-items:center;border:.2em solid gold;background:#dbdbdb;border-radius:12px;gap:6px}.ranking-container .ranking-content .ranking-record .ranking-detail.user{background:#33ada3;color:#fff}.ranking-container .ranking-content .ranking-record .ranking-detail .ranking-name{font-size:.8em;padding-left:2em}.ranking-container .ranking-content .ranking-record .ranking-detail .ranking-score{text-align:right;padding-right:1em;background:#fff;font-size:1.2em;line-height:1.5em;color:#000}.ranking-container .ranking-content .ranking-record .ranking-detail .ranking-date{font-size:.5em}.ranking-container .ranking-content .ranking-notice{width:80%;margin:0 auto;text-align:center;font-size:.5em}@keyframes flicker{0%,70%{opacity:1}71%,to{opacity:0}}.panel-container{white-space:nowrap;width:min(96%,141.1764705882vh);height:min(96%,70.8333333333vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:url(/build/assets/inst-main-bg-CmXCOTTY.webp) no-repeat center/contain}.panel-container>div{width:100%;height:100%;animation:appear .3s forwards}.panel-container>div.withBG{background:#30303075}@keyframes appear{0%{opacity:0}to{opacity:1}}.panel-container img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;position:absolute;top:0;left:0;z-index:0}.panel-container .quote{padding:10px 20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background:#009ed2;border:2px solid #30479c;color:ivory;font-size:4vw;line-height:1.8em;letter-spacing:.1em;border-radius:40px}.panel-container .quote:before{content:"";position:absolute;top:50%;right:-33px;transform:translateY(-50%);border:18px solid transparent;border-left:18px solid #009ed2;z-index:2}.panel-container .quote:after{content:"";position:absolute;top:50%;right:-36px;transform:translateY(-50%);border:18px solid transparent;border-left:18px solid #30479c;z-index:1}.panel-container .quote.invert:before{right:auto;left:-33px;border:18px solid transparent;border-right:18px solid #009ed2}.panel-container .quote.invert:after{right:auto;left:-36px;border:18px solid transparent;border-right:18px solid #30479c}.panel-container .quote.small{font-size:2.4vw;line-height:2em}.pop3{animation:pop3 2s infinite steps(1,end)}@keyframes pop3{0%{opacity:1}50%{opacity:0}to{opacity:1}}.up-down{animation:up-down 3s infinite ease-in-out}@keyframes up-down{0%,to{transform:translateY(19%) scaleY(0)}50%{transform:translateY(0) scale(1)}}.guide{animation:guide 3s infinite ease-in-out;transform-origin:center 90%}@keyframes guide{0%,to{transform:rotate(38deg)}50%{transform:rotate(-38deg)}}.start-btn,#practice-btn-on-tutorial-end{box-shadow:2px 2px #eeeeeea4;transform:skew(0) translate(4%);width:90%;height:96%;display:flex;justify-content:center;align-items:center;border-radius:100vh}.start-btn:hover{transform:skew(-16deg) translate(4%) scale(1.1);box-shadow:-1px -1px 2px #fff,1px 1px 2px #fff;box-shadow:inset 8px 0 4px #ff0,inset -8px 0 4px #ff0,inset 4px 0 8px #ff0,inset -4px 0 8px #ff0,0 0 20px #fff,4px 4px 4px #ff0,-4px -4px 4px #ff0;transition:.1s}#practice-btn-on-tutorial-end{background:linear-gradient(60deg,#bc6e6e,#d77f7e);margin:4px auto 12px;padding:6px 8px}#practice-btn-on-tutorial-end span{background:linear-gradient(60deg,#d77f7e,#bc6e6e);width:90%;padding:0 .5em;text-align:center;border-radius:100vh}#practice-btn-on-tutorial-end:hover{transform:skew(-16deg) translate(calc(4% + 6px),6px);box-shadow:-1px -1px 2px #fff,1px 1px 2px #fff;transition:.3s}.tutorial-container{color:ivory;grid-template:"t t t" 12% "p p a" 10% "e e a" 10% "k k k" 30% "b b n" 20% "b b n" 20%/30% 40% 30%;background:url(/build/assets/inst-main-bg-CmXCOTTY.webp) center top/cover;background-color:#ffffff5e;background-blend-mode:lighten}.tutorial-container.under-shadow{padding-bottom:20px}.tutorial-container .design{width:98%;height:94%;box-sizing:border-box;display:flex;justify-content:center;align-items:center;border-radius:100vh}.tutorial-container .design h2{width:90%;height:80%;text-align:center;border-radius:100vh;display:flex;justify-content:center;align-items:center;font-size:1.2em;text-shadow:1px 1px 0 #000}.tutorial-container .design h3{position:absolute;top:0;right:max(4vw,4vh);color:#ffffff30;font-size:2vmax;transform:translateY(20%) scaleY(1.5)}.tutorial-area{grid-area:t}.tutorial-area .design{background:linear-gradient(60deg,#4f7f36,#62a53e)}.tutorial-area .design h2{background:linear-gradient(60deg,#62a53e,#4f7f36);font-size:1.5em}.practice-area{grid-area:p}.practice-area .design{background:linear-gradient(60deg,#bc6e6e,#d77f7e)}.practice-area .design h2{background:linear-gradient(60deg,#d77f7e,#bc6e6e)}.easy-area{grid-area:e}.easy-area .design{background:linear-gradient(60deg,#ba7f95,#dc98af)}.easy-area .design h2{background:linear-gradient(60deg,#dc98af,#ba7f95)}.medium-area{grid-area:m}.medium-area .design{background:linear-gradient(60deg,#774276,#9f5c97)}.medium-area .design h2{background:linear-gradient(60deg,#9f5c97,#774276)}.hard-area{grid-area:h}.hard-area .design{background:linear-gradient(60deg,#4c2b62,#734390)}.hard-area .design h2{background:linear-gradient(60deg,#734390,#4c2b62)}.title-area{grid-area:b;position:relative}.title-area img#title{position:absolute;bottom:0;width:110%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:0 100%;object-position:0 100%}.key-area{grid-area:k;position:relative}.key-area h1{width:70%;position:absolute;top:50%;left:50%;transform:translate(-56%,-50%);font-size:5vw}.key-area #top-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}.key-area .notice-link{width:4.8em;height:4.6em;padding:1em;position:absolute;top:10%;left:10%;background:#ecf000eb;border-radius:100vh;font-size:1.2em;line-height:1.4em;font-weight:700;display:flex;justify-content:center;align-items:center;text-align:center;color:#ff0e0e;text-shadow:.1em .1em .1em #a5a5a5,-.1em -.1em white;box-shadow:2px 4px 2px #818181,-1px -1px #fff;animation:beat 2s infinite ease-in-out}.key-area .notice-detail{position:absolute;top:.5em;left:.5em;border:.3em solid rgba(236,240,0,.92);border-radius:2em;padding:1em;background:#f6f6f2f0;color:red;z-index:2}.key-area .notice-detail p{width:-moz-max-content;width:max-content}.key-area .notice-detail .notice-link{height:auto;top:calc(100% - 1.2em);right:0;left:auto;margin-top:.5em;padding:.5em;animation:none}@keyframes beat{0%,20%,to{transform:scale(1);opacity:1}10%{transform:scale(1.2);opacity:.8}}