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