*,:before,:after{box-sizing:border-box}*{margin:0}body{-webkit-font-smoothing:antialiased;line-height:1.5}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{color:#333;text-decoration:none}#root,#__next{isolation:isolate}body{font-optical-sizing:auto;font-variation-settings:"wdth" 100;font-display:swap;justify-content:center;align-items:center;width:100vw;height:100dvh;font-family:Noto Sans,sans-serif;font-style:normal;font-weight:400;display:flex}.container{width:100%;max-width:500px;padding:1rem}.card{color:#333;padding:1rem}.card-other{margin-top:3rem}.apps .card-other a:hover .circle{width:110%}.card-other p{opacity:.8;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.title{font-size:2rem;font-weight:700}.subtitle{opacity:.6;font-size:.8rem;font-weight:400}.subtitle-link{color:#0000;background-image:linear-gradient(90deg,#333,#cacaca,#333);background-size:200% 100%;background-clip:text;border-radius:8px;padding-bottom:2px;font-weight:600;transition:background-position .3s ease-out;position:relative}.description{opacity:.8;margin-top:1rem;margin-bottom:1rem;font-size:.8rem}.title,.subtitle,.apps{--toOpacity:1}.description{--toOpacity:.8}.title,.subtitle,.description,.apps a,.card-other{opacity:0;animation:.5s ease-in forwards fadeIn}a#link-tufoku{animation-delay:.4s}a#link-ayah{animation-delay:.6s}a#link-if{animation-delay:.8s}a#link-mnote{animation-delay:1s}a#link-pokematch{animation-delay:1.2s}.card-other{animation-delay:1.4s}a#link-tufoku:hover+.tufoku-additional{transform:translateY(10px)}:root{--a-size:3rem}.apps{flex-direction:column;align-items:self-start;margin-top:2rem;animation-delay:.5s;display:flex}.apps a{cursor:pointer;vertical-align:middle;font-size:inherit;border-radius:calc(var(--a-size)/2);background:0 0;border:0;width:100%;height:auto;padding:0;font-family:inherit;text-decoration:none;display:inline-block;position:relative}.apps a .circle{width:var(--a-size);height:var(--a-size);border-radius:calc(var(--a-size)/2);background:#333;margin:0;transition:all .45s cubic-bezier(.65,0,.076,1);display:block;position:relative}.apps a .circle .icon{background:#fff;margin:auto;transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0}.apps a .circle .icon.arrow{left:calc(var(--a-size)/5);background:0 0;width:1.125rem;height:.125rem;transition:all .45s cubic-bezier(.65,0,.076,1)}.apps a .circle .icon.arrow:before{content:"";border-top:.125rem solid #fff;border-right:.125rem solid #fff;width:.625rem;height:.625rem;position:absolute;top:-.25rem;right:.0625rem;transform:rotate(45deg)}.apps a .a-title{color:#333;text-align:left;text-transform:uppercase;opacity:.9;margin:0;font-size:.8rem;font-weight:700;transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:.4rem;left:4rem}.apps a:hover .circle{width:100%}.apps a:hover .circle .icon.arrow{background:#fff;transform:translate(1rem)}.apps a:hover .a-title,.apps a:hover .a-description{color:#fff}.apps a .a-description{text-align:left;color:#333;opacity:.7;margin:0;font-size:.7rem;transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;bottom:.4rem;left:4rem}.game-container{position:relative}.game-description{width:120px;font-size:.8rem;position:absolute;bottom:calc(70% + 70px);left:calc(100% + 70px)}.game-description .text-1{--toOpacity:.4;opacity:0;animation:.5s ease-in 2s forwards fadeIn}.game-description .text-2{--toOpacity:.4;opacity:0;margin-left:.6rem;animation:.5s ease-in 2.5s forwards fadeIn}svg.arrow{opacity:.2;width:70px;height:100px;margin:0 auto;position:absolute;bottom:60%;left:100%;transform:scaleX(-1)}svg.arrow .draw-arrow{stroke-width:5px;stroke:#000;fill:none;stroke-dasharray:400;stroke-dashoffset:400px;animation:2s 2s forwards draw}svg.arrow .draw-arrow.tail-1{animation-delay:2.5s}svg.arrow .draw-arrow.tail-2{animation-delay:2.7s}.tufoku-additional{align-items:center;gap:5px;margin-top:-6px;margin-left:65px;font-size:12px;transition:transform .3s ease-out;animation-delay:.7s;display:flex;transform:translateY(0)}.tufoku-additional a{text-decoration:underline}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:var(--toOpacity)}}@media screen and (width<=600px){.game-description,svg.arrow{display:none}}
/*# sourceMappingURL=index.c2cbc487.css.map */