@font-face{font-family:hui29;src:url(/fonts/HuiFont29.ttf);font-weight:400;font-style:normal}html{color:#fff;text-shadow:0 0 1rem #000;overscroll-behavior:none;background-color:#000;font-family:hui29;line-height:1.4}body{margin:0}button{color:#fff;cursor:pointer;background-color:#0000;border:.1rem solid #fff;border-radius:2rem;padding:.5rem 1rem;font-family:hui29;font-size:1rem;transition-property:background-color,border-color,color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}button:hover{color:#3b82f6;border-color:#3b82f6}#wrapper{max-width:34rem;height:100%;min-height:100dvh;margin:0 auto;box-shadow:0 0 1rem #fff}#wrapper-background{object-fit:cover;object-position:50%;opacity:.3;background-repeat:no-repeat;max-width:34rem;height:100dvh;margin:0 auto;position:fixed}.fade-out-background{animation:.7s fade-out-background}@keyframes fade-out-background{0%{opacity:.3}to{opacity:0}}.fade-in-background{animation:.7s fade-in-background}@keyframes fade-in-background{0%{opacity:0}to{opacity:.3}}#box{margin:0 2rem;position:relative}header{background-color:#000;flex-direction:column;margin:0 -2rem 2rem;display:flex;position:relative}#logo{width:100%;max-width:30rem;margin:2rem auto 0}.underline{border-bottom:.1rem solid #fff}.text-field{color:#fff;background-color:#0000;border:.1rem solid #fff;border-radius:2rem;margin-right:1rem;padding:.5rem 1rem;font-family:hui29;font-size:1rem}.wrong-message{color:#ef4444;opacity:0;max-width:fit-content;margin:.5rem auto 0;padding-bottom:2rem}#header-label{text-align:center;margin:0;padding:2rem;font-size:2rem;line-height:.5}#objective{text-align:center;width:100%;margin-bottom:0;font-size:.75rem;position:absolute;bottom:2px;left:0}#item-button{position:absolute;top:1.5rem;right:0}#item-list{background-color:#000;border:.1rem solid #fff;border-radius:2rem;width:15.5rem;height:25.5rem;padding:.5rem 1rem;position:relative}#item-list p{cursor:pointer;border:.1rem solid #fff;border-radius:2rem;width:fit-content;margin:.5rem;padding:.5rem 1rem}#item-node{background-color:#000;border:.1rem solid #fff;border-radius:2rem;margin:0 auto;padding:2rem;position:absolute;top:8rem;left:0;right:0}#item-node h3{text-align:center;margin:1rem auto}#item-node img{background-color:#fff;border-radius:2rem;width:5rem;margin:0 auto;padding:1rem;display:block}#item-box{background-color:#fff;border:.3rem solid #000;border-radius:1rem;width:fit-content;max-width:30rem;margin:5rem auto 0;padding:2rem;position:absolute;top:20vh;left:0;right:0}#item{max-width:10rem;margin:2rem auto;display:flex;overflow-y:hidden}#visual{width:100%;max-width:30rem;position:absolute;top:20vh}#characters{width:100%;margin:0 auto;display:flex;position:absolute;top:10rem;overflow-y:hidden}#character-box{width:100%;max-width:20rem;max-height:calc(100vh - 10rem)}#character-icon img{object-position:0 -1rem;object-fit:cover;border-radius:4rem;width:6rem;height:6rem;padding:0}.forbidden{opacity:.6;transform:translateY(2rem)}.fade-in-forbidden{animation:.7s fade-in-forbidden}@keyframes fade-in-forbidden{0%{opacity:0}to{opacity:.6}}.fade-out-forbidden{animation:.7s fade-out-forbidden}@keyframes fade-out-forbidden{0%{opacity:.6}to{opacity:0}}.fade-in-up{animation:.7s fade-in-up}@keyframes fade-in-up{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.fade-out-up{animation:.7s fade-out-up}@keyframes fade-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2rem)}}.up{animation:.7s up}@keyframes up{0%{opacity:.6;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}.down{animation:.7s down}@keyframes down{0%{opacity:1;transform:translateY(0)}to{opacity:.6;transform:translateY(2rem)}}#character-gap{width:5rem}#characters div img{object-fit:cover;object-position:top;width:100%;max-height:100%}#dialogue-popup{box-sizing:border-box;color:#000;width:90%;text-shadow:none;background-color:#fff;border:1px solid #000;border-radius:3px;flex-direction:column;align-items:center;padding:1rem;display:flex;position:absolute;top:10rem;left:5%}#dialogue-popup>p{white-space:pre-wrap;text-align:center}#dialogue-popup>button{color:#000;border:1px solid #000;border-radius:4px}#dialogue-box{width:100%;position:absolute;top:calc(100dvh - 10rem)}#dialogue-name{-webkit-user-select:none;user-select:none;background-color:#000c;border:.1rem solid #fff;border-bottom:0;border-radius:1rem 1rem 0 0;width:fit-content;max-width:30rem;margin:0;padding:1rem;line-height:0}#dialogue-text{-webkit-user-select:none;user-select:none;background-color:#000c;border:.1rem solid #fff;max-width:30rem;height:auto;min-height:3rem;margin:0 auto;padding:1rem}.dialogue-indicator{animation:1s step-start infinite blink}#skip{position:absolute;top:6rem}#book-sentence{color:#000;width:fit-content;height:fit-content;text-shadow:none;-webkit-user-select:none;user-select:none;margin:auto;padding-bottom:clamp(.01rem,15vw,5rem);font-size:clamp(.01rem,3.5vw,1.18rem);position:absolute;inset:0}@keyframes blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.expect-lefttop-radius{border-radius:0 1rem 1rem}.all-radius{border-radius:1rem}.odd:hover{color:#2e2e2e;transition-property:color;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.odd.assist:hover{cursor:pointer;color:#ef4444}.nazo{width:100%;max-width:30rem}.fade-in{animation:.7s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-out{animation:.7s fadeOut}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.hidden{opacity:0}