body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{position:relative;overflow:hidden;font-family:"Poppins-Medium"}html{background:#f2f8ff}body,html{position:fixed;width:100%;height:100%;overflow:hidden}.player{position:absolute;bottom:10px;left:10px;cursor:pointer;height:5vw;width:5vw}.player img{width:100%;height:100%}.hello{overflow:auto;position:absolute;width:calc(100vw - min(20vw, 10rem));height:100%;padding:0 min(10vw,5rem);transition:opacity 1s;transition-delay:.5s ease-in-out;background:linear-gradient(89deg,#f2f8ff 50%,hsla(0,0%,100%,0))}.hello,.hello+.loading{top:0;left:0;font-size:20px}.hello+.loading{background-color:#f2f8ff;opacity:1;width:calc(100% - min(20vw, 10rem));height:calc(100% - min(20vw, 10rem));transition:all 1s;pointer-events:none;position:fixed;z-index:2;align-items:center;text-align:center;padding:min(10vw,5rem)}.hello+.loading,.hello>div{display:flex;justify-content:center}.hello>div{grid-gap:3rem;gap:3rem;flex-direction:column;padding:min(10vw,5rem) 0;width:min(80vw,35rem);transform:translateY(50%);transition:1s}.hello img{width:100%}.hello p{margin:0;color:#1f366a;text-align:justify}.hello span{background:#e9993e;color:#fff;padding:1em 3em;border-radius:3em;font-size:15px;font-weight:700;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;cursor:pointer;box-shadow:4px 4px 0 #d57c16;transition:all .2s;font-family:"Poppins-Bold"}.hello span.active{transform:translate(3px,3px);box-shadow:1px 1px 0 #d57c16}.hello.active+.loading{opacity:0}.hello.active>div{transform:translateY(0)}.hello.hidden{opacity:0;pointer-events:none}.hello.hidden *{transition:all 1.5s}.hello.hidden img{transform:translateX(-25rem)}.hello.hidden p{transform:translateX(-20rem)}.hello.hidden span{transform:translateX(-15rem)}.stage{position:absolute;left:0;top:0;pointer-events:none;transition:all 1.5s cubic-bezier(.4,0,.2,1)}.stage.open{pointer-events:all}.portrait-warning{background-color:#fffcf7;width:100%;height:100%;left:0;top:0;align-items:center}.portrait-warning,.videoContainer{position:fixed;display:flex;justify-content:center}.videoContainer{left:50vw;top:50vh;transform:translate(-50%,-50%);width:71.7vw;height:39vw;border-radius:5.7vw;overflow:hidden;pointer-events:none;transform-origin:center}.videoContainer>div{transition:all .5s ease-in-out}.videoContainer video{margin:4vw 5vw;width:auto;height:28.125vw;pointer-events:all;border-radius:5px;transition:all .8s ease-in-out}.commentContainer{display:flex;justify-content:center;position:fixed;left:calc(14.15vw + 1px);top:calc(50vh - 17.5vw + .5px);width:63.7vw;height:31vw;border-radius:5.7vw;overflow:hidden;pointer-events:none;transform-origin:center;align-items:center;flex-direction:column;grid-gap:2vw;gap:2vw;padding:calc(4vw - 1px);transition:all .2s ease-in-out}.commentContainer>.thanks,.commentContainer>.title{color:#092c74;font-size:1.7vw}.commentContainer>.txt{pointer-events:all;width:100%;height:12vw;resize:none;border:1px solid #127ee0;outline:none;border-radius:1vw;padding:1vw;font-size:1.3vw}.commentContainer>.btn{opacity:0;font-size:1vw;color:#092c74;background:#e9993e;color:#fff;padding:.5vw 2vw;border-radius:2vw;font-weight:700;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;cursor:pointer;box-shadow:.2vw .2vw 0 #d57c16;transition:all .2s;font-family:"Poppins-Bold"}.commentContainer>.btn.active{transform:translate(2px,2px);box-shadow:1px 1px 0 #d57c16}.commentContainer>*{transform:translateX(80vw);transition:all .8s ease-in-out}.commentContainer>.thanks{position:absolute;text-align:center}.commentContainer>.error{color:#d00;font-size:1vw;width:100%;opacity:0;height:1em}.commentContainer>.error.active{opacity:1}.gameHTMLContainer{display:flex;position:fixed;pointer-events:none;left:0;top:0;width:100vw;height:100vh}.gameHTMLContainer .PCs svg,.gameHTMLContainer .phone,.gameHTMLContainer .phone svg{transition:all .4s ease-in-out}.gameHTMLContainer .PCs svg{animation:show-pc .4s ease-in-out}#rank{font-family:"Poppins-Bold";color:#fff;width:100vw;height:100vh;overflow:auto}#rank .header{background-color:#092c74;height:17rem;display:flex;justify-content:flex-start;flex-direction:column;align-content:center;align-items:center;position:relative}#rank .header .user{font-size:3rem}#rank .header .score{font-size:2rem}#rank .list{flex-direction:column}#rank .list,#rank .list .item{display:flex;align-items:center}#rank .list .item{background-color:#2897ea;border-radius:1.5rem;margin:1rem 2rem;height:3rem;width:50rem;max-width:calc(100vw - 6rem);justify-content:space-between;padding:1rem 2rem;font-size:1.25rem}#rank .list .item .left{display:flex;grid-gap:2rem;gap:2rem;align-items:center}#rank .list .item .num{font-size:3rem}#rank .comments{position:absolute;cursor:pointer;font-family:"Poppins-Medium";bottom:.5rem;right:1rem}#rank .comments:hover{text-decoration:underline}#admin-login{height:100vh;color:#1f366a!important}#admin-login,#admin-login>div{display:flex;flex-direction:column;align-items:center;justify-content:center}#admin-login>div{grid-gap:1.5rem;gap:1.5rem;background-color:rgba(9,44,116,.1803921568627451);border-radius:2rem;padding:4rem;width:min(calc(90vw - 8rem),20rem);position:relative;overflow:hidden;text-align:center}#admin-login .txt{font-family:"Poppins-Bold";font-size:2rem}#admin-login .error{height:1em;font-size:.9rem;color:#d00}#admin-login .loading{position:absolute;width:100%;bottom:0}#log-out{position:absolute;top:.8vw;right:.8vw;cursor:pointer;width:4.3vw}#log-out:hover{text-decoration:underline}#log-out img{width:100%}#main{flex-direction:column;grid-gap:4rem;gap:4rem}#main,#modal{display:flex;align-items:center;width:100vw;height:100vh;justify-content:center}#modal{position:relative;background:hsla(0,0%,100%,.5)}#modal>div{position:absolute;background:#fff;border:2px solid #d57c16;border-radius:5vw;width:84vw;padding:3vw;pointer-events:none}#modal img{width:100%}@keyframes show-pc{0%{transform:scale(0)}to{transform:scale(1)}}.gameHTMLContainer.hidden{display:none}@media (max-width:450px){.hello span{width:auto;text-align:center}.hello p{margin:0;text-align:justify}}.noselect{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}@font-face{font-family:"Poppins-Medium";src:url(/static/media/Poppins-Medium.b59f6a63.ttf)}@font-face{font-family:"Poppins-Bold";src:url(/static/media/Poppins-Bold.e2abc8f5.ttf)}
/*# sourceMappingURL=main.85531290.chunk.css.map */