@import url(https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap);:root{font-size:16px;position:fixed}@media screen and (max-width:640px){:root{font-size:12px}}body{background-color:#f0f7ff;font-family:RocknRoll One,sans-serif;height:100lvh;margin:0;overflow:hidden;-webkit-user-select:none;user-select:none;width:100lvw}main{height:100%;position:relative;width:100%}div#preload{align-items:center;background-image:url(/play/pajama-party/static/media/back.4ecb789d41061a1a9c3e.webp);background-position:100% 0;display:flex;flex-direction:column;inset:0;justify-content:center;padding:0 16px 5%;position:absolute;z-index:100}div#preload:before{background-image:url(/play/pajama-party/static/media/back_end.49c0d4fe5f7956bd318c.webp);background-repeat:repeat-y;bottom:0;content:"";display:block;height:100%;left:100%;position:absolute;top:0;width:20%}div#preload.fade-out{animation:preload-fade-out 2s ease-out forwards}@keyframes preload-fade-out{0%,50%{left:0;right:0}to{left:-120%;right:120%}}div#preload.fade-out img#logo{animation:logo-start 2s linear forwards;transform-origin:50% 20%}@keyframes logo-start{0%,10%{transform:none}20%,50%{transform:rotate(5deg)}to{transform:rotate(5deg) translateX(20vw)}}div#preload div#start-button{background:linear-gradient(45deg,#fff3bf,#fffcdf,#fff3bf);border:2px solid #fff;border-radius:12px;font-size:150%;margin:8px;padding:4px 3em;text-align:center}div#preload div#start-button:hover{background:linear-gradient(45deg,#fff9cf,#fff,#fff9cf)}div#ending{align-items:center;background-image:url(/play/pajama-party/static/media/back.4ecb789d41061a1a9c3e.webp);display:flex;flex-direction:column;inset:0;justify-content:center;left:120%;padding:0 16px 5%;position:absolute;right:-120%;z-index:100}div#ending:after{background-image:url(/play/pajama-party/static/media/back_end.49c0d4fe5f7956bd318c.webp);background-repeat:repeat-y;bottom:0;content:"";display:block;height:100%;position:absolute;right:100%;rotate:180deg;top:0;width:20%}div#ending.slide-in{animation:ending-slide-in 2s ease-out forwards}@keyframes ending-slide-in{0%,50%{left:120%;right:-120%}to{left:0;right:0}}section#perspective-main{height:200%;position:relative;transition:1s;width:100%}section#perspective-main.nazo{transform:translateY(-50%)}section#perspective-main.yakisoba{transform:scale(1.8);transform-origin:center calc(50% + min(100%, 70vh)*5/8)}section#screen{align-items:center;background:#111;display:flex;flex-direction:column;font-family:sans-serif;height:50%;justify-content:center;position:relative;width:100%}section#screen.up{scale:1.5;transform-origin:center calc(50% + min(100%, 70vh)*.625);transition:.2s}section#screen div.screen-panel{aspect-ratio:1.6;background-color:#f0f7ff;border-radius:16px;margin:8px;overflow:hidden;position:relative;width:min(95%,70vh)}section#screen div#kgra-panel{animation:talk 2s infinite;background-color:#f0d7bb;outline-color:#34ceef00;outline-style:solid;outline-width:4px;transition:.5s}section#screen div#kgra-panel.off{animation:none;width:0}@keyframes talk{0%,10%,30%,60%,to{outline-color:#34ceef00}20%,40%,50%,70%,80%,90%{outline-color:#34ceef}}section#screen div.screen-panel img.screen-icon{border-radius:50%;bottom:0;height:72px;left:0;margin:auto;position:absolute;right:0;top:0;width:72px}section#screen div.screen-panel img#kgra-monitor{bottom:0;height:100%;left:0;margin:auto;object-fit:contain;position:absolute;right:0;top:0;width:100%}section#screen div.screen-panel div.screen-name{background-color:#1119;border-radius:12px;bottom:16px;color:#fff;left:16px;padding:8px 12px;position:absolute}section#screen div#trick-revealed{aspect-ratio:1;inset:0;margin:auto;position:absolute;width:min(95%,70vh)}section#screen div#trick-revealed img{height:100%;margin:auto;position:absolute;width:100%}section#screen div#trick-revealed img:first-of-type{animation:trick-remove .1s 4s forwards}section#screen div#trick-revealed img:nth-of-type(2){animation:trick-2 .2s 1s forwards,trick-remove .1s 4s forwards;left:40%;top:40%}section#screen div#trick-revealed img:nth-of-type(3){animation:trick-2 .2s 1.2s forwards,trick-remove .1s 4s forwards;right:40%;top:35%}section#screen div#trick-revealed img:nth-of-type(4){animation:trick-2 .2s 1.4s forwards,trick-remove .1s 4s forwards;bottom:45%;right:15%}section#screen div#trick-revealed img:nth-of-type(5){animation:trick-2 .2s 1.6s forwards,trick-remove .1s 4s forwards;bottom:35%;left:20%}@keyframes trick-2{to{bottom:0;left:0;right:0;top:0}}@keyframes trick-remove{to{opacity:0}}section#screen div#trick-revealed img:nth-of-type(6),section#screen div#trick-revealed img:nth-of-type(7){animation:trick-6 1s 2s forwards,trick-remove .1s 4s forwards}@keyframes trick-6{0%,20%,40%,60%,80%,to{opacity:1}10%,30%,50%,70%,90%{opacity:0}}section#screen div#trick-revealed div#div-yu p{animation:trick-yu .1s 4.5s forwards;font-size:24px;opacity:0}section#screen div#trick-revealed div#div-yu p>span{font-size:1.2em;margin:.4em}@keyframes trick-yu{to{opacity:1}}section#nazo{align-items:center;background:#fcc;background-image:url(/play/pajama-party/static/media/desk.49a84067b788b3730395.jpg);display:flex;flex-direction:column;height:50%;position:relative;width:100%}section#nazo div#reset-modal-wrapper,section#nazo div#start-modal-wrapper{height:100%;inset:0;margin:auto;position:absolute;width:100%;z-index:500}section#nazo div#start-modal-wrapper div#package-animation{height:100%;inset:0;margin:auto;position:absolute;width:100%}section#nazo div#start-modal-wrapper div#package-animation>div{animation:case-out 2s forwards;animation-delay:2s;aspect-ratio:1.2;border:1px solid #111;inset:0;margin:auto;position:absolute;width:min(400px,95vw)}@keyframes case-out{0%{transform:translateY(0)}30%,to{transform:translateY(100vh)}}section#nazo div#start-modal-wrapper div#package-animation>img{aspect-ratio:1;inset:0;margin:auto;position:absolute;transform-origin:center 200%;width:min(320px,80vw)}section#nazo div#start-modal-wrapper div#package-animation>div:first-of-type{background-color:#9ab0ff;border-radius:6px}section#nazo div#start-modal-wrapper div#package-animation>div:nth-of-type(2){background-color:#c3dfff;border-radius:6px;-webkit-clip-path:polygon(0 0,5% 0,50% 40%,95% 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,5% 0,50% 40%,95% 0,100% 0,100% 100%,0 100%)}section#nazo div#start-modal-wrapper div#package-animation>img:first-of-type{animation:img-out-1 2s forwards;animation-delay:2s}@keyframes img-out-1{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(-20deg)}}section#nazo div#start-modal-wrapper div#package-animation>img:nth-of-type(2){animation:img-out-2 2s forwards;animation-delay:2s}@keyframes img-out-2{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(-15deg)}}section#nazo div#start-modal-wrapper div#package-animation>img:nth-of-type(3){animation:img-out-3 2s forwards;animation-delay:2s}@keyframes img-out-3{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(-10deg)}}section#nazo div#start-modal-wrapper div#package-animation>img:nth-of-type(4){animation:img-out-4 2s forwards;animation-delay:2s}@keyframes img-out-4{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(-5deg)}}section#nazo div#start-modal-wrapper div#package-animation>img:nth-of-type(5){animation:img-out-5 2s forwards;animation-delay:2s}@keyframes img-out-5{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(0deg)}}section#nazo div#start-modal-wrapper div#package-animation>img:nth-of-type(6){animation:img-out-6 2s forwards;animation-delay:2s}@keyframes img-out-6{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(5deg)}}section#nazo div#start-modal-wrapper div#package-animation>img:nth-of-type(7){animation:img-out-7 2s forwards;animation-delay:2s}@keyframes img-out-7{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(10deg)}}section#nazo div#start-modal-wrapper div#package-animation>img:nth-of-type(8){animation:img-out-8 2s forwards;animation-delay:2s}@keyframes img-out-8{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(15deg)}}section#nazo div#start-modal-wrapper div#package-animation>img:nth-of-type(9){animation:img-out-9 2s forwards;animation-delay:2s}@keyframes img-out-9{0%,60%,70%{transform:translateY(0)}30%{transform:translateY(-100vh)}to{transform:rotate(20deg)}}section#nazo div#reset-modal,section#nazo div#start-modal{background:#ffffffe6;box-sizing:border-box;display:flex;flex-direction:column;height:min(95vh,480px);inset:0 0 10px;justify-content:center;margin:auto;padding:20px 20px 40px;position:absolute;width:min(95vw,720px)}section#nazo div#reset-modal{align-items:center;display:flex;flex-direction:column}section#nazo div#nazoimg-wrapper{display:flex;flex:1 1;min-height:0}section#nazo div#nazoimg-wrapper img{height:100%;object-fit:contain;width:100%}section#nazo img#countsimg.spin{animation:count-spin .8s linear forwards}@keyframes count-spin{0%{transform:rotate(-240deg) scale(.6)}62.5%{transform:rotate(20deg) scale(1)}to{transform:rotate(0deg)}}section#nazo img#countsimg.whistle{animation:count-whistle .5s linear forwards}@keyframes count-whistle{0%{scale:1;transform:rotate(20deg)}15%,45%,75%{transform:rotate(-10deg)}30%,60%,90%{transform:rotate(10deg)}62.5%{scale:1.4}to{scale:1;transform:rotate(0deg)}}section#nazo div.change-nazo{background:#1e9541;border:none;border-radius:12px;color:#fff;cursor:pointer;display:none;margin:5px;padding:.5em 1em}section#nazo div.change-nazo.active{display:inline-block}section#nazo div.change-nazo.glow{animation:shadow-glow 1s linear infinite;box-shadow:0 0 5px 5px #fff}section#nazo div.change-nazo.selected{background:#2ecc71}@keyframes shadow-glow{0%,to{box-shadow:0 0 5px 5px #fff}50%{box-shadow:0 0 2px 2px #fff3}}section#nazo div#ansform{background:#fff;border-radius:16px;margin:4px 4px 1em;min-width:2em;padding:12px 16px;position:relative}section#nazo div#ansform:before{background:#fff;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);content:"";display:block;height:1em;left:0;margin:auto;position:absolute;right:0;top:calc(100% - 1px);width:2em}section#nazo div#ansform *{font-size:120%}section#nazo div#ansform input{background-color:#fff;border:1px dotted #d3d3d3;border-bottom:1px solid #000;text-align:center}section#nazo div#ansform.flash{animation:flash-green 1s forwards}@keyframes flash-green{0%{background-color:#00ff8c}60%{background-color:#fff}}section#nazo div#ansform.shake{animation:shake 1s}@keyframes shake{0%{background-color:red;transform:translate(2px)}10%{transform:translate(-2px)}20%{transform:translate(2px)}30%{transform:translate(-2px)}40%{transform:translate(2px)}50%{transform:translate(-2px)}60%{background-color:#fff;transform:translate(0)}}section#story{bottom:0;justify-content:flex-end;left:0;position:fixed;right:0;top:0}section#story,section#story #message-frame{align-items:center;display:flex;flex-direction:column;z-index:10}section#story #message-frame{background-image:linear-gradient(0deg,#ffe8b6e6,#fff5cae6,#ffcbac00);border-radius:20px;box-sizing:border-box;height:min(25vh,200vw);margin:10px 30px;min-height:150px;padding:20px;width:calc(100% - 12px)}section#story #name{align-items:center;align-self:flex-start;background:#f8d03cee;border-radius:4px;display:flex;font-size:1.4rem;justify-content:center;justify-self:flex-start;margin:0;max-width:40%;padding:.2em 2em}section#story #message{align-content:space-around;display:block;flex:1 1;font-size:1.2rem;line-height:1.5;margin:.8em 0;max-width:90%;opacity:1;position:relative;text-align:center}section#story #message p{animation:blurAnime .4s}section#story #util{flex-direction:row;height:40px;position:fixed;z-index:200}section#modal,section#story #util{align-items:center;bottom:0;display:flex;justify-content:center;left:0;right:0}section#modal{background:#6666;padding-bottom:10%;position:absolute;top:0;z-index:100}section#modal #modal-inner{align-items:center;display:flex;flex-direction:column;justify-content:center}section#modal .modal-button{background:linear-gradient(45deg,#fff3bf,#fffcdf,#fff3bf);border:2px solid #fff;border-radius:12px;font-size:120%;margin:8px;padding:8px;text-align:center;width:80vw}section#modal .modal-button:hover{background:linear-gradient(45deg,#fff9cf,#fff,#fff9cf)}@keyframes blurAnime{0%{filter:blur(.1rem);opacity:0}to{filter:blur(0);opacity:1}}
/*# sourceMappingURL=main.2e2f346b.css.map*/