:root{--bg-color: #e7d8cd;--text-color: #5033d1;--orange-color: #ff7900}@font-face{font-family:Loos Regular;src:url(./fonts/loos_wide_regular_13tqt0bSV5.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Loos Bold;src:url(./fonts/loos_wide_bold_VpKexkDoRd.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Inter Bold;src:url(./fonts/inter_bold_DWzmJLQIeJ.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Inter Regular;src:url(./fonts/inter_regular_ToKkuNnrgx.otf) format("opentype");font-weight:400;font-style:normal}body{margin:0;overflow:hidden;background:var(--bg-color);font-family:Loos Regular,serif;font-weight:300;color:var(--text-color)}#loading-screen,#contents-screen,#final-screen{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-color);color:var(--text-color);display:flex;justify-content:center;align-items:center;z-index:1002}#contents-screen{z-index:1003}#contents-screen button{background:none;border:none;cursor:pointer;padding:10px}#loading-screen h2{font-size:36px;text-align:center;margin-bottom:0;font-family:Loos Regular}#loading-screen p,h3{color:#000;margin:40px 0;text-align:center}#loading-screen h3{margin-top:0}#startButton{background:none;border:none;cursor:pointer;opacity:1;transition:opacity .25s}#startButton:disabled{opacity:.5}#loader{width:40px;height:40px;border:5px solid var(--text-color);border-bottom-color:transparent;border-radius:40px;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#chapter-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--bg-color);z-index:1000;display:flex;justify-content:center;align-items:center;font-family:Loos Regular}.chapter-content{color:var(--text-color);padding:2em;display:flex;flex-direction:column;align-items:center}#continue-button{padding:1em 2em;margin-top:1em;cursor:pointer;border:none;background:none}nav{width:100%;height:40px;position:absolute;top:0;background:none;display:flex;justify-content:space-between;align-items:center;color:#fff;padding:0 10px;box-sizing:border-box;z-index:1005}#narrativeButton{background:none;width:120px;border:none;cursor:pointer}#menuButton{width:40px;height:40px;background:none;border:none;cursor:pointer}#image{z-index:2;position:absolute;top:0;left:0;width:200px}#scroll{color:var(--orange-color);font-family:sans-serif;font-weight:300;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.menuContainer{width:100%;position:absolute;bottom:10px;display:flex;flex-direction:column;align-items:center}.musicContainer{display:flex;justify-content:center;align-items:center;position:relative;width:100%}#music-button{width:fit-content;height:40px;background:none;color:var(--text-color);border:none;border-radius:20px;cursor:pointer;position:absolute;right:10px;display:flex;justify-content:center;align-items:center;box-sizing:border-box;padding:0;font-family:Inter Regular,sans-serif}.chaptersContainer{width:100%;display:flex;align-items:center;padding:10px;box-sizing:border-box;z-index:1001}.chapter{width:-webkit-fill-available;width:-moz-available;padding:2px;box-sizing:border-box;font-family:Loos Bold,sans-serif;color:var(--text-color);cursor:pointer;margin-bottom:5px}.chapter p{margin-bottom:5px}.chapter span{display:block;width:100%;height:8px;border-radius:4px;background-color:#fff}#image-popup-wrapper{display:none;width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#26222cd4;z-index:999}#image-popup{display:none;width:1030px;height:600px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--text-color);color:#fff;padding:0;border-radius:0;font-family:Inter Regular;z-index:1000}#popup-image{width:700px;height:100%;background-size:cover}#close-popup{border:none;background:none;position:absolute;top:10px;right:10px;cursor:pointer}