@font-face{font-family:DafaultFont;font-display:swap;src:url(../font/font.ttf) format('truetype')}body,html{width:100%;height:100%;overflow:hidden;text-align:center;position:relative;background-color:#111323;color:#fff;letter-spacing:.3rem;font-family:DafaultFont,sans-serif}#loading2,.scene{position:absolute;top:50%;left:50%;transform:translate(-50%,-46%);z-index:1;width:90%;display:none}a.bt{color:#fff;text-decoration:none;background:rgba(0,0,0,.65);padding:calc(6px + .6vmin);padding-bottom:calc(4px + .6vmin);border-bottom:2px solid #fff}span.bt{cursor:pointer}span.bt svg{width:calc(28px + 5vmin)}#view{width:100%;height:100%;position:fixed;top:0;z-index:1}#view canvas{width:100%;height:100%}#loading{display:block}#loading div{width:calc(50px + 5vmin);height:calc(4px + .8vmin);background:#fff;margin:0 auto;transform:skewY(13deg);-webkit-animation:loading .2s ease-in infinite;animation:loading .2s ease-in infinite}#loading2{width:100%}#loading2 div{width:0;height:calc(4px + .8vmin);background:#fff;margin:0 auto;transform:skewY(13deg);-webkit-animation:loading .2s ease-in infinite;animation:loading .2s ease-in infinite}@-webkit-keyframes loading{0%{opacity:1}100%{opacity:0}}@keyframes loading{0%{opacity:1}100%{opacity:0}}#top h1{font-size:calc(1.6rem + 2.8vmin);margin-bottom:calc(20px + 2vh)}#top p{font-size:calc(.6rem + 1vmin);margin-bottom:calc(15px + 4vh)}#top p.st{font-size:calc(.8rem + 1.2vmin)}#top .share{margin-top:calc(20px + 2vh)}#top .share p{margin-bottom:0}#top .share p:first-child{font-size:calc(.7rem + 1vmin);margin-bottom:calc(2px + .8vh)}#top .share p a{margin:0 calc(5px + 1vmin)}#top p#kaiden{margin:0;color:#65eea9;display:none;font-size:calc(.5rem + .8vmin)}#top p#kaiden span{border-top:1.5px solid #65eea9;border-bottom:1.5px solid #65eea9;display:inline-block;padding:3px 0}#start h2{font-size:calc(.9rem + 1.3vmin);margin-bottom:calc(5px + 1vh);padding-top:calc(5px + 1.5vh)}#start p{font-size:calc(.7rem + .8vmin)}#start p:nth-child(3){margin-top:calc(20px + 4vh)}#start p.back{padding-top:calc(20px + 4vh)}#playerinfo h2{font-size:calc(.8rem + 1.2vmin);margin-bottom:calc(1px + .2vh)}#playerinfo h3{font-size:calc(.7rem + .9vmin);margin-bottom:calc(1px + .2vh);color:#dfdfdf}#playerinfo p{font-size:calc(1rem + 1.4vmin);margin-bottom:calc(8px + 3vh)}#playerinfo p.back{padding-top:calc(20px + 2.5vh);font-size:calc(.7rem + .8vmin)}#scroll_area2{height:calc(20px + 55vh);background:rgba(0,0,0,.08);border-radius:6px}#scroll_area2 .area{margin:calc(10px + 1vmin);margin-right:calc(17px + 1vmin)}#scroll_area2 table{margin:0 auto}#scroll_area2 table td,#scroll_area2 table th{vertical-align:middle;font-size:calc(.6rem + .9vmin);text-align:left;padding:calc(5px + .5vmin);opacity:.55}#scroll_area2 table th{font-size:calc(.8rem + 1vmin)}#scroll_area2 table tr.active th{opacity:1;color:#29ff94}#scroll_area2 table tr.active td{opacity:1}#credits h2{font-size:calc(.7rem + .8vmin);margin-bottom:calc(20px + 2vh);padding-top:calc(5px + 1vh)}#credits p{font-size:calc(.85rem + 1.1vmin);margin-bottom:calc(20px + 2vh)}#credits p.back{font-size:calc(.7rem + .8vmin);padding-top:calc(6px + 2vh)}#tutorial h2{font-size:calc(.9rem + 1.3vmin);margin-bottom:calc(10px + 2vh);padding-top:calc(5px + 1vh)}#tutorial p{font-size:calc(.7rem + .8vmin);margin-bottom:calc(20px + 2vh)}#tutorial p.back{padding-top:calc(20px + 2.5vh)}#scroll_area{height:calc(20px + 55vh);background:rgba(0,0,0,.33);border-radius:6px}#scroll_area .area{margin:calc(10px + 1vmin);margin-right:calc(17px + 1vmin)}#tutorial #scroll_area p{margin-bottom:calc(10px + 1vh)}#scroll_area p img{width:70%;max-width:420px;border-radius:6px;border:2px solid #fff}#scroll_area table{margin:0 auto;margin-bottom:calc(20px + 2vh)}#scroll_area table td{vertical-align:top;font-size:calc(.7rem + .8vmin);text-align:left}#scroll_area table td:first-child{padding-right:calc(5px + 1vmin)}#scroll_area table.attention td{font-size:calc(.55rem + .7vmin)}.simplebar-track.simplebar-vertical{background:#444;border-radius:6px}.simplebar-scrollbar:before{background:#fff}.simplebar-track .simplebar-scrollbar.simplebar-visible:before{opacity:1}#playing{pointer-events:none}#countdown{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 4px #000)}#circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg)}#circle svg{width:calc(30px + 40vmin)}#circle svg circle{fill:transparent;stroke-width:12;stroke:#fff;stroke-dasharray:50 1256}#circle svg circle.showCircle{-webkit-animation:animCircle 1.05s cubic-bezier(.215,.61,.355,1);animation:animCircle 1.05s cubic-bezier(.215,.61,.355,1)}@-webkit-keyframes animCircle{0%{stroke-dasharray:50 1256}100%{stroke-dasharray:1256 1256}}@keyframes animCircle{0%{stroke-dasharray:50 1256}100%{stroke-dasharray:1256 1256}}#count{overflow:hidden;font-size:calc(2rem + 8vmin);color:#fff}#playing_info{position:absolute;margin-top:calc(5px + 1vmin);margin-left:calc(8px + 1vmin);top:0;z-index:2;pointer-events:none;display:none}#playing_info tr td svg{height:calc(18px + 2.2vmin)}#playing_info tr td{font-size:calc(.5rem + 2.2vmin);padding:calc(1px + .1vmin);letter-spacing:.35rem}#playing_info tr td:first-child{text-align:right;padding-right:calc(5px + 1vmin);color:rgba(255,255,255,.6)}#playing_info tr td:last-child{text-align:left;vertical-align:middle;padding-bottom:calc(3px + .6vmin);letter-spacing:calc(.3rem + .6vmin)}#chain{display:none;left:50%;transform:translateX(-50%);position:absolute;z-index:10;color:#e0e0e0;font-size:calc(.8rem + 1vmin);width:90%;pointer-events:none}#result h1{font-size:calc(1.2rem + 1.6vmin);margin-bottom:calc(6px + 1.5vh)}#result h2{font-size:calc(.82rem + 1.2vmin);margin-bottom:calc(10px + 2vh)}#result .score{background:rgba(255,255,255,.7);color:#000;height:calc(50px + 5vh);line-height:calc(50px + 5vh);width:100%;max-width:640px;white-space:nowrap;margin:0 auto;font-size:calc(.8rem + 1.2vmin);margin-bottom:calc(20px + 2.5vh)}#result .new{margin-left:calc(6px + .6vmin);font-size:calc(.5rem + .7vmin);color:#f22;-webkit-animation:animNew .6s linear alternate infinite;animation:animNew .6s linear alternate infinite}#result .share{margin-bottom:calc(20px + 2.5vh)}@-webkit-keyframes animNew{0%{opacity:0}100%{opacity:1}}@keyframes animNew{0%{opacity:0}100%{opacity:1}}#bt_back_game,#bt_fullscreen,#bt_volume{position:absolute;top:0;right:0;padding:calc(10px + 1vmin);z-index:10;cursor:pointer;display:none}#bt_volume svg{width:calc(20px + 1vmin)}#bt_fullscreen{right:auto;left:0}#bt_fullscreen svg{width:calc(18px + .9vmin)}#bt_back_game{padding-right:calc(3px + .3vmin)}#bt_back_game svg{width:calc(20px + 1vmin)}.exp{display:none}.medal_ex{margin-top:calc(6px + 1.5vh)}#scroll_area2 table.mt_ex tr.active th{opacity:1;color:#29dfff}.ult{display:none}.medal_ul{margin-top:calc(6px + 1.5vh)}#scroll_area2 table.mt_ul tr.active th{opacity:1;color:#ff3974}#bt_fullscreen,#bt_volume,#credits h2,#credits p,#playerinfo p.back,#result h1,#result h2,#result p,#scroll_area,#scroll_area2,#start h2,#start p,#top h1,#top p,#tutorial h2,#tutorial p.back{transform:skewY(11deg)}@media screen and (orientation:landscape){#top h1 br{display:none}#scroll_area p img{width:39%}#playerinfo table td br{display:none}}@media (min-aspect-ratio:3/2){#top .land{padding:calc(8px + 2vmin) 0}#top .land p{display:inline-block;margin-left:calc(5px + 1vmin);margin-right:calc(5px + 1vmin)}}