@font-face{font-family:Jura;src:url(/fonts/Jura-VariableFont_wght.ttf) format("truetype")}:root{--text-color: #000000;--text-background-color: #ffffff;--border-color: #000000}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;font-family:Jura;font-size:18px}.webgl{image-rendering:pixelated;position:fixed;top:0;left:0;width:100%;height:100%;outline:none;z-index:-1}#loading-screen{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:1;transition:1s opacity}#loading-screen.fade-out{opacity:0}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#fff;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;inset:5px;border-radius:50%;border:3px solid transparent;border-top-color:#8a858b;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;inset:15px;border-radius:50%;border:3px solid transparent;border-top-color:#887c88;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}#VisualNovelEngine{display:flex;justify-content:center;align-items:flex-end;height:100%;padding:20px}#mainbox{width:90%;max-width:800px;height:60%;max-height:400px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;position:relative}#namebox{background:var(--text-background-color);padding:.5rem;border:.125vmin solid var(--border-color);position:absolute;bottom:calc(30% + .5rem);left:0;width:auto;min-width:10rem;max-width:50%}#textbox{border:.125vmin solid var(--border-color);background:var(--text-background-color);width:100%;height:30%;padding:.5rem;overflow:auto;word-break:break-word}#optionsbox{color:#00f;margin-top:.5rem}#optionsbox>div:hover{color:red;cursor:pointer}@media (max-width: 768px){#mainbox{height:70%}#namebox{bottom:calc(40% + .5rem)}#textbox{height:40%}}