body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}#root,body,html{-ms-overflow-style:none;background-color:#000;box-sizing:border-box;color:#fff;max-height:100vh;overflow:hidden;scrollbar-width:none;text-shadow:0 0 6px #000;-webkit-user-select:none;user-select:none}#root{float:none!important;margin:0 auto!important;position:relative}#root::-webkit-scrollbar{display:none}#app{background-attachment:fixed!important;background-position:bottom!important;background-repeat:no-repeat!important;background-size:cover!important;font-size:1.5em;height:100%;image-rendering:-moz-crisp-edges;image-rendering:pixelated}h1{margin-top:0}button:hover{cursor:pointer}.fadeIn{-webkit-animation:fadeIn .5s ease .5s;animation:fadeIn .5s ease .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}.mobileVertical{display:none}.fullScreen{box-sizing:border-box;height:100%;overflow-y:auto;position:absolute;top:0;width:100%}.button{background-color:initial;border:none;color:inherit;-webkit-filter:brightness(80%);filter:brightness(80%);font-size:1em;padding:0;text-shadow:inherit}.button:hover{-webkit-filter:brightness(100%)!important;filter:brightness(100%)!important}.homeScreen{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000090;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-start;position:absolute;top:0;width:100%}.homeScreen .container:first-child{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:20px;width:100%}.homeScreen h1+h3{margin-top:0}.homeScreen .back{font-size:1.5em;margin-top:auto;padding:20px}.loading{align-items:center;display:flex;font-size:2rem;justify-content:center;padding:20px}::view-transition-old(root){-webkit-animation:fadeOut .5s ease-in-out 1 forwards;animation:fadeOut .5s ease-in-out 1 forwards}::view-transition-new(root){-webkit-animation:fadeIn .5s ease-in-out .5s;animation:fadeIn .5s ease-in-out .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@keyframes fadeIn{0%{opacity:0}to{opacity:100%}}@-webkit-keyframes fadeOut{0%{opacity:100%}to{opacity:0}}@keyframes fadeOut{0%{opacity:100%}to{opacity:0}}@media screen and (max-width:767px) and (orientation:portrait){.mobileVertical{align-items:center;background-color:#000;display:flex;justify-content:center;padding:20px;text-align:center;z-index:50}}@media screen and (max-width:767px) and (orientation:landscape){#app{font-size:1.25em}}.load{align-items:flex-start;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-start;overflow-y:auto}.load h2{font-weight:400}.load.pauseLoad .container{box-sizing:border-box;flex:1 1;overflow-y:auto;padding:20px;width:100%}.load .container{box-sizing:border-box;flex-direction:column;height:100%}.load .container,.load .grid{align-items:flex-start;display:flex}.load .grid{flex-direction:row;flex-wrap:wrap;font-size:1.15rem;gap:30px}.load .grid .item{display:flex;flex-direction:column;position:relative;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease;width:250px}.load .grid .item button{background-color:var(--main-color);border:none;display:flex;font-size:inherit;margin:0;opacity:0;padding:8px;position:absolute;right:0;top:0;transition:opacity .5s ease}.load .grid .item button svg{margin-right:-2px}.load .grid .item button:hover{opacity:100%!important}.load .grid .item span{transition:color .5s ease}.load .grid .item:hover{cursor:pointer;-webkit-transform:scale(105%);transform:scale(105%)}.load .grid .item:hover span{color:var(--main-color)}.load .grid .item:hover button{opacity:65%}.load .grid .item .miniNovel{background-color:#000;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:row;height:141px;justify-content:center;width:250px}.load .grid .item .miniNovel div{background-position:50%;background-repeat:no-repeat;background-size:contain;flex:1 1}.load .button.save{margin-bottom:10px;margin-top:auto;padding:20px 20px 0}.load .button.back{padding:0 20px 20px}.home{box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px 20px 16px;position:relative}.home .gradient{background:linear-gradient(0deg,#000000ac,transparent);bottom:0;height:28vh;left:0;position:absolute;width:100%}.home .content img{height:40vh;max-height:450px;min-height:200px;object-fit:contain}.home .content{align-items:center;flex:1 1;flex-direction:column;z-index:1}.home .content,.home .content .btns{display:flex;justify-content:center;text-align:center}.home .content .btns{flex-direction:row;font-size:1.5em;gap:2em;margin-bottom:10vh;margin-top:auto;padding-bottom:20px;text-shadow:0 0 6px var(--main-color)}.home .content .btns button{-webkit-filter:brightness(90%);filter:brightness(90%)}.home .content .info{color:var(--main-color);display:flex;flex-direction:row;font-size:.75em;justify-content:space-between;width:100%}@media screen and (max-width:767px) and (orientation:landscape){.home .content .btns{margin-bottom:0}}#root,.novelContainer,body,html{box-sizing:border-box;height:100%;overflow:hidden}.novel{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:flex-end}.novel,.novel .background{background-repeat:no-repeat;background-size:cover}.novel #error{background-color:#fff;color:red;padding:20px;text-shadow:none;z-index:20}.fadeDiv{transition:background-image .5s ease}.fade{-webkit-animation:fade .5s ease;animation:fade .5s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.fadeo{-webkit-animation:fadeo .55s ease;animation:fadeo .55s ease;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hide{display:none}@-webkit-keyframes fade{0%{display:none;opacity:0}to{display:block;opacity:100%}}@keyframes fade{0%{display:none;opacity:0}to{display:block;opacity:100%}}@-webkit-keyframes fadeo{0%{display:block;opacity:100%}to{display:none!important;opacity:0}}@keyframes fadeo{0%{display:block;opacity:100%}to{display:none!important;opacity:0}}.textBoxContainer{background:linear-gradient(0deg,#000000ac,transparent);bottom:0;box-sizing:border-box;flex-direction:row;left:0;position:absolute;z-index:5}.textBox,.textBoxContainer{display:flex;justify-content:center;width:100%}.textBox{border-radius:10px;flex-direction:column;font-size:2rem;height:25vh;max-width:1000px;min-height:14rem;padding:6rem 2rem 1rem}.textBox .content{flex-grow:2;margin-bottom:.75em;overflow-y:auto}.textBox .content .cursor{-webkit-animation:Typewriter-cursor 1s infinite;animation:Typewriter-cursor 1s infinite}.qOptions{align-items:flex-end;bottom:0;box-sizing:border-box;color:var(--main-color);display:flex;flex-direction:row;font-size:1.5rem;gap:1rem;justify-content:flex-end;justify-self:end;padding:0 2rem 1rem;position:absolute;width:100%}.qOptions .autoOff{color:#fff;-webkit-filter:brightness(50%);filter:brightness(50%)}.qOptions .autoOff:hover{color:inherit}.textBox b{display:inline-block;margin-bottom:1rem}.textBoxFullContainer{align-items:center;background-color:#00000042;height:100%;left:0;margin-bottom:2.5rem;position:absolute;top:0;width:100%;z-index:5}.textBoxFull,.textBoxFullContainer{box-sizing:border-box;display:flex;flex-direction:column}.textBoxFull{font-size:2rem;gap:20px;padding:60px 0;width:80%}@media screen and (max-width:767px) and (orientation:landscape){.textBox{font-size:1.25rem;min-height:8.25rem;padding:2rem 2rem 1rem}.textBox p{margin:5px 0 0}.textBoxFull{font-size:1.5rem;gap:10px;padding:30px 0;width:80%}}.characters{box-sizing:border-box;flex-direction:row;height:100%;width:100%;z-index:2}.characters .characterImg{background-position:bottom;background-position:top;background-repeat:no-repeat;background-size:contain;min-height:100%;width:auto}#choice{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:var(--main-color);box-sizing:border-box;font-size:1.75rem;height:100%;left:0;overflow-y:auto;padding:30px;position:absolute;top:0;width:100%;z-index:15}#choice,#choice+div{display:flex;flex-direction:column;justify-content:center}#choice ul{list-style:none;padding:0}#choice li{-webkit-filter:brightness(80%);filter:brightness(80%);margin-bottom:10px}#choice button{background-color:initial;border:none;color:inherit;font-size:1.5rem;text-shadow:inherit}#choice li:hover{-webkit-filter:brightness(100%);filter:brightness(100%)}small{margin:1rem}@media screen and (max-width:767px) and (orientation:landscape){#choice{font-size:1.5rem}#choice h1,#choice ul{margin:1rem}}.pause{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000090;display:flex;flex-direction:row;font-size:1.5em;gap:30px;justify-content:space-between;padding:20px;z-index:30}.pause h1{color:var(--main-color)}.pause ul{list-style:none;padding:0}.pause li{-webkit-filter:brightness(80%);filter:brightness(80%);margin-bottom:10px}.pause .save,.pause button{background-color:initial;border:none;color:inherit;font-size:1em;text-shadow:inherit}.pause .save:hover,.pause li:hover{color:var(--main-color);-webkit-filter:brightness(100%);filter:brightness(100%)}.pause .back:hover{color:#fff}.pause .logo,.pause .menu{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:center}.pause .menu div{overflow-y:auto}.pause .menu h1{margin:0}.pause .logo{background-position:50%;background-repeat:no-repeat;background-size:30vw;flex-direction:row;height:100%;max-height:500px;min-width:50%}@media screen and (max-height:620px) and (orientation:landscape){.pause{font-size:1.5rem;padding-bottom:0}}.history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#00000090;display:flex;flex-direction:column;padding:20px;z-index:6}.history div{overflow-y:auto}.history .title{color:var(--main-color);position:-webkit-sticky;position:sticky}#topMenu{position:absolute;right:0;z-index:10}#test,#topMenu{display:flex;flex-direction:row}#test{height:100%;white-space:pre-wrap;width:100%}.settings h3{color:var(--main-color)}.settings input{accent-color:var(--main-color);cursor:pointer}.settings form{margin-bottom:1em}.settings form button{margin-top:10px}.opening{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:close;animation-name:close;background-color:#000;opacity:100%;z-index:10}.opening,.opening .scene{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;box-sizing:border-box;overflow-x:hidden;width:100%}.opening .scene{align-items:center;-webkit-animation-name:open;animation-name:open;background-color:initial;display:flex;flex-direction:row;font-size:2.5rem;justify-content:center;opacity:0;padding:20px;text-align:center}.opening .scene pre{font-family:inherit;overflow-wrap:break-word;white-space:break-spaces}@-webkit-keyframes open{0%{opacity:0}50%{opacity:100%}to{opacity:0}}@keyframes open{0%{opacity:0}50%{opacity:100%}to{opacity:0}}@-webkit-keyframes close{0%{opacity:100%}to{opacity:0}}@keyframes close{0%{opacity:100%}to{opacity:0}}