body{font-family:Shippori Mincho,serif;font-style:normal;font-weight:400;margin:0;-webkit-user-select:none;user-select:none}#root{background:#d8d8d8;display:flex;height:100vh;overflow:hidden;position:relative;transition:background-color 1.5s;width:100%}#root:has(#main-content){background:#222}#postgame,#preload{align-items:center;bottom:0;cursor:crosshair;display:flex;flex-direction:column;gap:2em;height:min(100vh,177.77778vw);justify-content:center;left:0;margin:auto;padding-bottom:2em;position:absolute;right:0;top:0;width:100%}#preload.fade-out{animation:fade-out 1s linear forwards}#config{display:grid;grid-template-rows:auto}#config tr{display:grid;grid-template-columns:repeat(3,1fr);padding:2px}#config tr *{padding:5px;text-align:center}#readme-modal{align-items:center;background:#111111ee;bottom:0;color:#fff;display:flex;font-size:14px;height:100%;justify-content:center;left:0;margin:auto;position:absolute;right:0;top:0;transition:all .5s;width:100%}#readme{list-style:lower-roman inside;padding:1em}#readme li{padding-bottom:1em;padding-top:1em}#postgame p{text-align:center}dl{margin:8px 24px}dd{margin-bottom:8px}#main-content{background:#d8d8d8}#main-content,#period-board{aspect-ratio:9/16;bottom:0;height:min(100vh,177.77778vw);left:0;margin:auto;position:absolute;right:0;top:0;width:min(100vw,56.25vh)}#period-board{cursor:crosshair;z-index:100}#postgame~#period-board{aspect-ratio:auto;height:100%;width:100%}div.period{background:gray;border-radius:50%;position:absolute;z-index:100}div.period.scatter:nth-child(odd){animation:scatter 3s forwards}div.period.scatter:nth-child(2n){animation:scatter-shrink 3s forwards}div.period.scatter.light:nth-child(3n){background:#daa520;mix-blend-mode:screen}div.period.scatter.light:nth-child(3n+1){background:#fff5ee;mix-blend-mode:screen}div.period.scatter.light:nth-child(3n+2){background:#f0fff0;mix-blend-mode:screen}@keyframes scatter{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(1.5)}}@keyframes scatter-shrink{0%{opacity:1;transform:translate(0) scale(1)}to{opacity:0;transform:translate(20px) scale(.5)}}#caption{bottom:0;font-size:14px;height:fit-content;left:0;margin:auto;opacity:0;padding:1em;position:absolute;right:0;top:0;transition:opacity .7s;width:fit-content;z-index:0}#caption.visible{opacity:1}@media screen and (min-width:640px) and (max-width:840px){#caption{font-size:16px}}@media screen and (min-width:840px){#caption{font-size:20px}}@keyframes fade-in-out{0%{opacity:0}30%,70%{opacity:1}to{opacity:0}}#bgillust-wrapper{animation:fade-in 3s forwards;aspect-ratio:9/16;bottom:0;height:min(100vh,177.77778vw);left:0;margin:auto;overflow:hidden;position:absolute;right:0;top:0;width:min(100vw,56.25vh);z-index:0}#bgillust-wrapper.fadeout{animation:fade-out 1s forwards}#bga-wrapper,#bgq-wrapper{height:100%;overflow:hidden;width:100%}#bga-wrapper{opacity:0}#bga-wrapper.answered{animation:fade-in 1.5s forwards}#hop-wrapper{height:100%;opacity:0;overflow:hidden;transition:opacity 1.2s;width:100%}#hop-wrapper.visible{opacity:1}#bgillust-wrapper img,#fille,#hopscotch{bottom:0;height:100%;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}#fille.phase1{transform:translate(-15%,8%) scale(1)}#fille.phase2{transform:translate(-3%,6%) scale(.98)}#fille.phase3{transform:translate(1%,2.5%) scale(.94)}#fille.phase4{transform:translate(11%,4.5%) scale(.96)}#fille.phase5{transform:translate(12%,1.5%) scale(.92)}#fille.phase6{transform:translate(18%,.5%) scale(.9)}#fille.phase7{transform:translate(19%,-1%) scale(.84)}#fille.phase8{transform:translate(27%) scale(.86)}#fille.phase9{transform:translate(27%,-1.5%) scale(.82)}#fille.phase10{transform:translate(29%,-2%) scale(.76)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}img#bgillust-7,img#bgillust-71,img#bgillust-72,img#bgillust-73,img#bgillust-74,img#bgillust-7a,img#bgillust-7a1,img#bgillust-7a2,img#bgillust-7a3,img#bgillust-7a4{bottom:0;height:auto;top:auto;width:100%}.answered img#bgillust-7,.answered img#bgillust-7a{animation:go-down 5s ease-in forwards}.answered img#bgillust-71,.answered img#bgillust-7a1{animation:go-up 12s ease-in forwards}.answered img#bgillust-72,.answered img#bgillust-7a2{animation:go-up 7s ease-in forwards}.answered img#bgillust-73,.answered img#bgillust-7a3{animation:go-up 5s ease-in forwards}.answered img#bgillust-74,.answered img#bgillust-7a4{animation:go-up 4s ease-in forwards}@keyframes go-up{0%{transform:translateY(0)}to{transform:translateY(-5%)}}@keyframes go-down{0%{transform:translateY(0)}to{transform:translateY(4%)}}img#bgillust-81,img#bgillust-82,img#bgillust-83,img#bgillust-8a1,img#bgillust-8a2,img#bgillust-8a3{height:100%;left:auto;right:0;width:auto}.answered img#bgillust-8,.answered img#bgillust-8a{animation:go-left 30s ease-in forwards}.answered img#bgillust-81,.answered img#bgillust-8a1{animation:go-right 4s ease-in forwards}.answered img#bgillust-82,.answered img#bgillust-8a2{animation:go-right 6s ease-in forwards}.answered img#bgillust-83,.answered img#bgillust-8a3{animation:go-left 4s ease-in forwards}img#bgillust-9,img#bgillust-9a,img#bgillust-9a1{height:133.33333%;left:-25%;right:-25%;width:150%}.answered img#bgillust-9,.answered img#bgillust-9a,.answered img#bgillust-9a1{animation:spin-cw 4s ease-in forwards;transform-origin:50% 30%}@keyframes go-right{0%{transform:translateX(0)}to{transform:translateX(10%) scale(1.01)}}@keyframes go-left{0%{transform:translateX(0)}to{transform:translateX(-20%)}}@keyframes spin-cw{0%{transform:rotate(0)}to{transform:rotate(5deg) scale(.95)}}img#bgillust-10a1{opacity:0}.answered img#bgillust-10a1{animation:fade-in 2s forwards;animation-delay:2s}#bgillust-wrapper .hint-frames{animation:glow 3s infinite;aspect-ratio:1;position:absolute;transform:rotate(45deg);width:40%}@keyframes glow{0%,to{opacity:0}50%{opacity:.5}}#bgillust-wrapper .hint-corner-wrapper{height:100%;position:relative;width:100%}#bgillust-wrapper .hint-corner-wrapper img{height:40%;object-fit:cover;width:40%}#bgillust-wrapper .hint-corner-wrapper img:first-child{bottom:auto;left:0;position:absolute;right:auto;top:0}#bgillust-wrapper .hint-corner-wrapper img:nth-child(2){bottom:auto;left:auto;position:absolute;right:0;top:0;transform:rotate(90deg)}#bgillust-wrapper .hint-corner-wrapper img:nth-child(3){bottom:0;left:auto;position:absolute;right:0;top:auto;transform:rotate(180deg)}#bgillust-wrapper .hint-corner-wrapper img:nth-child(4){bottom:0;left:0;position:absolute;right:auto;top:auto;transform:rotate(270deg)}div#hint-11{left:60%;top:65%}div#hint-21{left:50%;top:51%}div#hint-31{left:2%;top:79%}div#hint-41{left:37%;scale:1.7;top:38%}div#hint-51{left:53%;scale:1.7;top:16%}div#hint-61{scale:.9;top:35%}div#hint-62{left:7%;scale:.8;top:59%}div#hint-71{left:5%;scale:1.4;top:14%}div#hint-72{left:67%;top:18%}div#hint-81{left:1%;top:72%;transform:rotate(0)!important;width:98%!important}div#hint-91{left:10%;scale:1.5;top:47%}
/*# sourceMappingURL=main.c9f1df92.css.map*/