html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,a,address,code,del,dfn,em,img,q,s,samp,small,strong,sub,var,b,u,i,center,dl,dt,dd,ol,ul,li,form,label,caption,tr,th,td,article,details,embed,footer,header,hgroup,menu,nav,output,ruby,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}html{font-size:75%}:root{--yui-pink: #bb6fd1;--hayato: #b9adb9;--violet: #674d9e;--fuchsia: #cd498f;--sunny-blue: #40a2c7;--font-white: #fffcfc;--font-black: #3f4551;font-family:fot-tsukuardgothic-std,sans-serif;font-weight:700;font-style:normal;color:var(--font-white);background-color:var(--yui-pink);scroll-behavior:smooth;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:linear-gradient(0deg,transparent calc(100% - .1rem),#fafafa10 calc(100% - .1rem)),linear-gradient(90deg,transparent calc(100% - .1rem),#fafafa10 calc(100% - .1rem));background-size:1.6rem 1.6rem;background-repeat:repeat;background-position:center center;padding-left:0;margin-left:0}body{margin:0;min-width:32rem;min-height:100vh;min-height:100dvh}img{pointer-events:none;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;user-select:none}a,button{-webkit-tap-highlight-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none}button:active,a:active{background-color:transparent!important}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;src:local("Pacifico Regular"),local("Pacifico-Regular"),url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format("woff2");font-display:swap}.flash-screen{display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#fbfbfb;height:100vh;width:100vw;opacity:1;transition:opacity 1s ease-out}.flash-screen.fade-out{opacity:0}.crow-box{display:block;text-align:center}.crow-image{margin:0 auto;max-width:40%;height:auto}@media screen and (min-width: 768px){.crow-image{margin:0 auto;max-width:20%;height:auto}}.attenteion-title{margin:2rem;text-align:center;font-family:sans-serif;font-size:1.6rem;color:var(--font-black)}.attenteion-body{text-align:center;font-family:sans-serif;font-size:1.4rem;line-height:3rem;color:var(--font-black)}.main-body{padding:1rem 2rem}h2{display:flex;align-items:center;margin-top:4.8rem;margin-bottom:3.4rem;font-size:2.8rem;line-height:1.2rem}h2:before,h2:after{content:"";height:2px;flex-grow:1;background-color:var(--font-white);opacity:0;transform:scaleX(0);transition:opacity .6s ease-out,transform .6s ease-out}h2:before{margin-right:1rem;transform-origin:left}h2:after{margin-left:1rem;transform-origin:right}.fade-in-section.is-visible h2:before,.fade-in-section.is-visible h2:after{opacity:1;transform:scaleX(1)}.fade-to-black{position:relative;height:250px;background:linear-gradient(to bottom,transparent,#0f1419)}.fade-text-wrapper{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);width:100%}.fade-text{padding:0 2rem}.official-box,.profile-container,.games-container,.question-block{max-width:66rem;box-sizing:border-box;border-radius:6px;background-color:var(--font-white);background-image:linear-gradient(0deg,transparent calc(100% - .1rem),#bc6fd110 calc(100% - .1rem)),linear-gradient(90deg,transparent calc(100% - .1rem),#bc6fd110 calc(100% - .1rem));background-size:1.6rem 1.6rem;background-repeat:repeat;background-position:center center;gap:2rem}.official-box{align-items:center;position:relative;overflow:hidden;margin:0 auto;padding:1rem 2rem 2rem}.profile-container{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto;padding:2rem}.games-container{display:flex;flex-wrap:wrap;margin:0 auto;justify-content:left;padding:2rem}.yui-first-container{justify-content:center;align-items:center;position:relative;overflow:hidden;background:linear-gradient(to bottom,var(--font-white) 90%,transparent 100%)}.yui-first-image{display:inline-block;margin:0 auto;object-fit:cover;width:100%;height:100%;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%);opacity:.1;animation-name:fadeIn;animation-duration:2.4s;animation-timing-function:ease;animation-fill-mode:forwards}@media screen and (max-width: 767px){.yui-first-container{padding-top:6rem;height:calc(66vh - 6rem)}.yui-first-image{max-width:100ch;object-position:center center}}@media screen and (min-width: 768px){.yui-first-container{padding-top:6rem;height:calc(100vh - 6rem);max-height:100vh}.yui-first-image{max-height:100vh;object-fit:cover;object-position:center center}}.official-container{text-align:center}.title-block{line-height:1;text-align:center}.furigana{margin:0;font-size:1.4rem;letter-spacing:.4rem;color:var(--font-white);line-height:1.4;opacity:0;animation:fadeIn 2.4s ease forwards}.official-title{margin:0;margin-bottom:2rem;font-size:5.4rem;color:var(--font-white);line-height:1;opacity:0;animation:fadeIn 2.4s ease forwards}@keyframes fadeIn{to{opacity:1}}.standing-box{display:flex;justify-content:center;position:relative;z-index:10}.yui-standing-image{object-fit:contain;display:block;width:100%;max-width:100%;height:auto;max-height:60rem;margin:0 auto;mask-image:linear-gradient(to bottom,black 80%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 80%,transparent 100%)}.fade-slide-in{animation:fadeSlideIn .6s ease-out}@keyframes fadeSlideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.costume-button{position:absolute;display:flex;align-items:center;justify-content:center;bottom:2rem;right:2rem;background-color:var(--yui-pink);margin:0;padding:1rem;width:9.4rem;height:9.4rem;border-radius:50%;border:none;z-index:20;transition:background-color .2s ease}.sync-image{width:5rem;height:5rem}@media screen and (max-width: 600px){.costume-button{max-width:6rem;max-height:6rem}.sync-image{width:5rem}}@media screen and (min-width: 600px){.costume-button{max-width:12rem;max-height:12rem}.sync-image{width:8.6rem;height:8.6rem}}.costume-button:active{background-color:#dbaae9;border:2px solid var(--yui-pink)}.official-shadow{position:relative;top:-4.6rem;z-index:0;margin:0;margin-bottom:-4.6rem;padding:1rem;border-radius:6px;background-color:#fbfbfba8}.official-body{margin:0;padding:2rem;border-radius:6px;border:dashed 2px var(--yui-pink);color:var(--font-black);font-size:1.4rem;line-height:2.2rem;text-align:left}.fade-in-section{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;will-change:opacity,transform}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.profile-card{flex:1 1 16rem;max-width:24rem;min-width:14rem;padding:2rem 1rem 1.4rem;border-radius:6px;background-color:var(--yui-pink);position:relative;opacity:0;transform:translateY(-60px);animation-name:fadeIn;animation-duration:1s;animation-fill-mode:forwards}.profile-card:before{content:"";position:absolute;top:.6em;right:0;bottom:0;left:0;margin:0 auto;width:95%;border-top:dotted 10px var(--font-white)}@keyframes fadeIn{to{opacity:1;transform:translate(0)}}.profile-tape{width:42%;height:2.4rem;margin:-3.2rem auto 1rem;opacity:60%}.no1,.no5{background:var(--hayato);transform:rotate(-2deg)}.no2,.no8{background:var(--violet);transform:rotate(2deg)}.no3,.no6{background:var(--fuchsia);transform:rotate(-6deg)}.no4,.no7{background:var(--sunny-blue);transform:rotate(6deg)}.profile-title{text-align:center;color:var(--font-white);font-size:1.2rem}.profile-body{margin-top:.4rem;text-align:center;color:var(--font-white);font-size:1.6rem;line-height:1.4}.gray-text{opacity:60%;color:var(--font-white);font-size:1rem;font-weight:400}.games-tag{display:inline-block;margin:0;padding:.6rem 1.2rem .6rem .6rem;line-height:2rem;color:var(--font-white);font-size:1.6rem;text-decoration:none;border-radius:2em .6rem .6rem 2em}.tag-4{background-color:var(--hayato)}.tag-3,.tag-6{background-color:var(--violet)}.tag-1,.tag-5{background-color:var(--fuchsia)}.tag-2{background-color:var(--sunny-blue)}.games-tag p:before{content:"●";margin:0 .8rem 50% 0;color:var(--font-white)}.fanart-container{text-align:center}.fun-tag{margin:2rem 0;font-size:3.6rem}.funart-box{margin:0 auto;max-width:62rem;padding:1em 1.4em;border:double .6rem var(--font-white);border-radius:6px}.fun-body{font-size:1.4rem;line-height:2rem}.pixv-link{display:inline-block;margin:2rem 0;font-size:1.8rem;color:var(--font-white);text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.pixv-link:after{content:"";display:inline-block;width:1.6rem;height:2rem;vertical-align:middle;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23fbfbfb'%3e%3cpath%20d='M200-120q-33%200-56.5-23.5T120-200v-560q0-33%2023.5-56.5T200-840h280v80H200v560h560v-280h80v280q0%2033-23.5%2056.5T760-120H200Zm188-212-56-56%20372-372H560v-80h280v280h-80v-144L388-332Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.pixv-link:hover,.pixv-link:active{border-bottom:2px solid var(--font-white)}.trivia-container{display:block;justify-content:center;text-align:center}.speechBubble{position:relative;width:80%;max-width:62rem;height:auto;margin:0 auto;margin-bottom:2rem;padding:2rem;border-radius:6px;background-color:var(--font-white);text-align:center;font-size:1.4rem;line-height:2rem;color:var(--font-black)}.dot{position:absolute;background:var(--font-white);border-radius:50%}.dot-1{bottom:-.8rem;left:10%;width:1.6rem;height:1.6rem}.dot-2{bottom:-2.2rem;left:14%;width:1.2rem;height:1.2rem}.dot-3{bottom:-3rem;left:18%;width:.6rem;height:.6rem}.crow-button{border:none;outline:none;background:transparent;cursor:pointer}.trivia-crow-image{margin:0 auto;width:18rem;height:auto}p{margin:0}.rof-container{padding:0 2rem 6rem;background:#0f1419;font-size:1.4rem}.rof-title{margin-bottom:2rem;text-align:center;font-size:2.2rem}.youtube{display:block;margin:0 auto;width:100%;max-width:62rem;aspect-ratio:16 / 9;margin-bottom:2rem}.youtube iframe{width:100%;height:100%}.rof-body{display:block;margin:0 auto;max-width:62rem;padding:1em 1.4em;border:double .6rem var(--font-white);border-radius:6px;line-height:2rem}.quiz-conteiner{text-align:center}.quiz-image{width:100%;max-width:66rem;height:auto;display:block;margin:0 auto;border-radius:6px}.quize-link{display:inline-block;margin:3rem 0;font-size:1.6rem;color:var(--font-white);text-decoration:none;padding:0 2rem;border:solid .4rem var(--font-white);border-radius:6px;cursor:pointer}.quize-link:after{content:"";display:inline-block;width:2rem;height:4rem;vertical-align:middle;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23fbfbfb'%3e%3cpath%20d='M647-440H160v-80h487L423-744l57-56%20320%20320-320%20320-57-56%20224-224Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:center}.quize-link:hover{background-color:#54036626}.quize-link:focus{background-color:#54036626}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports (outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports (outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}.question-title{text-align:center;padding-top:6.8rem;margin:0;margin-bottom:2rem;font-size:3.4rem;color:var(--font-white)}.question-count{text-align:center;margin-bottom:1rem;font-size:1.4rem;line-height:2rem}.question-block{display:block;position:relative;margin:2rem auto;padding:2rem;text-align:center;max-width:66rem;color:var(--font-black)}.question-text{margin:0;margin-bottom:2rem;font-size:2.4rem;line-height:2.8rem;overflow-wrap:break-word}.answer-options{text-align:center;max-width:24rem;min-width:14rem;margin:1rem auto;padding:1rem;font-size:1.4rem;word-break:break-all;border:solid .3rem var(--font-black);border-radius:6px;cursor:pointer}.answer-options:hover,.answer-options:active{background-color:#54036626}.feedback{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;display:flex;align-items:center;justify-content:center;pointer-events:none}.maru{width:14rem;height:14rem;border-radius:50%;border:16px solid #ff0000a6;margin:20px auto}.batsu{position:relative;width:16rem;height:1.6rem;background-color:#0029ffc7;margin:20px auto;transform:rotate(45deg)}.batsu div{position:absolute;width:16rem;height:1.6rem;background-color:#0029ffc7;transform:rotate(-90deg)}.next-button{display:block;font-size:1.4rem;padding:0;margin:1.6rem auto 0;font-family:fot-tsukuardgothic-std,sans-serif;font-weight:700;color:var(--font-black);border-bottom:2px solid transparent;transition:border-color .2s ease;cursor:pointer}.next-button:hover,.next-button:active{border-bottom:2px solid var(--font-black)}.button-container{display:flex;flex-direction:column;align-items:center;padding:2rem;gap:3rem}.reset-button{display:inline-block;padding:.6rem 2rem;font-size:1.4rem;color:var(--font-white);font-family:fot-tsukuardgothic-std,sans-serif;font-weight:700;text-decoration:none;border:solid .3rem var(--font-white);border-radius:6px;cursor:pointer}.reset-button:hover,.reset-button:active{background-color:#54036626}.return-page{display:inline-block;font-size:1.4rem;color:var(--font-white);line-height:2rem;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .2s ease}.return-page:before{content:"";display:inline-block;width:1.6rem;height:2rem;vertical-align:middle;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24px'%20viewBox='0%20-960%20960%20960'%20width='24px'%20fill='%23fbfbfb'%3e%3cpath%20d='m313-440%20224%20224-57%2056-320-320%20320-320%2057%2056-224%20224h487v80H313Z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:contain;background-position:top}.return-page:hover{border-bottom:2px solid var(--font-white)}.header{position:fixed;top:0;left:0;right:0;z-index:1200;height:6.4rem;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--font-white);border-radius:0 0 6px 6px}.header-left{content:"";width:16rem;height:10rem;background-image:url(/assets/yui_fun_logo-C7M_316D.svg);background-repeat:no-repeat}.menu-button{position:relative;width:3rem;height:2.2rem;padding:0;border:none;background:transparent;cursor:pointer}.menu-button span{position:absolute;left:0;width:100%;height:.2rem;background-color:var(--yui-pink);border-radius:6px;transition:all .3s;box-sizing:border-box}.menu-button span:nth-child(1){top:0}.menu-button span:nth-child(2){top:1rem}.menu-button span:nth-child(3){bottom:0}.menu-button span:nth-child(3),.menu-button.open span:nth-child(3){transition:none}.menu-button.open{transform:rotateX(720deg)}.menu-button.open span:nth-child(1){transform:translateY(1rem) rotate(-45deg)}.menu-button.open span:nth-child(2){transform:translateY(0) rotate(45deg)}.menu-button.open span:nth-child(3){opacity:0}.slide-menu{position:fixed;top:0;right:-200%;z-index:1100;width:18rem;height:100vh;padding:10rem 3.4rem;background:var(--font-white);transition:right .3s ease}*:target{scroll-margin-top:8.6rem}.slide-menu.open{right:0}.slide-menu ul{list-style:none;padding:0;margin:0}.slide-menu li{margin-bottom:2.4rem}.slide-menu a{color:var(--font-black);font-size:1.8rem;text-decoration:none}.overlay{position:fixed;top:0;left:0;z-index:1050;width:100%;height:100%;background:#0000004d;opacity:0;visibility:hidden;transition:opacity .3s ease}.overlay.show{opacity:1;visibility:visible}.site-footer{padding:2rem;background-color:var(--font-white);background-image:linear-gradient(0deg,transparent calc(100% - .1rem),#00000006 calc(100% - .1rem)),linear-gradient(90deg,transparent calc(100% - .1rem),#00000006 calc(100% - .1rem));background-size:1.6rem 1.6rem;background-repeat:repeat;background-position:center center;color:var(--font-black);font-size:1.2rem}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:100rem;margin:0 auto 1rem;gap:2rem;text-align:center;line-height:2rem}.footer-content a,.footer-link a{color:var(--yui-pink);text-decoration:none;transition:color .3s ease}.footer-content a:hover,.footer-link a:hover,.footer-content a:active,.footer-link a:active{background-color:var(--yui-pink);color:var(--font-white);font-weight:700}.footer-about,.footer-link{flex:1 1 30rem}.footer-title,.footer-link h4{margin-bottom:1rem;font-size:1.2rem}.footer-link ul{list-style:none;padding:0}.footer-link li{margin-bottom:.4rem}.footer-link a{padding:.2rem}.footer-bottom{margin-top:2rem;padding-top:1rem;border-top:1px solid #333;text-align:center;font-size:1rem}