.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:20px;border-radius:8px;max-width:400px;text-align:center;box-shadow:0 4px 6px #0000001a}.modal-button{margin-top:20px;padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.modal-button:hover{background-color:#0056b3}.App{font-family:monospace;text-align:center;height:100vh;width:100vw}canvas{touch-action:auto!important}body{padding:0;margin:0}.iframe-wrapper iframe,.iframe-wrapper img{width:1024px;height:655px;border-radius:10px;border:none}#zoom-out-btn{top:4%;left:4%}#left-btn{top:45%;left:4%}.fixed-btn{border-radius:30%;position:fixed;z-index:999;cursor:pointer;border:1px solid black}.fixed-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:30%;background:#c6b6b3d9;opacity:0;z-index:-1}.fixed-btn:hover:after{animation:pulse-optimized 1s infinite}#loading-screen{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}#start-btn{border-radius:50%;cursor:pointer}#start-btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#c6b6b3d9;opacity:0;z-index:-1;animation:pulse-optimized 1s infinite}#right-btn{top:45%;right:4%}canvas{touch-action:cross-slide-y}@keyframes pulse-optimized{0%{transform:scale(1);opacity:.85}to{transform:scale(1.5);opacity:0}}#zoom-title{position:fixed;top:73%;left:50%;transform:translate(-50%);z-index:999;color:#fff;font-size:3vh;stroke:#000;stroke-width:10px;background-color:#00000080}#zoom-description{position:fixed;top:80%;left:50%;transform:translate(-50%);z-index:999;color:#fff;font-size:2vh;background-color:#000c;line-height:1.5;border-radius:5px;white-space:pre-line}#credits{width:330px;height:180px;background-color:#fffc;border-radius:10px;line-height:1.5}#root.scroll-locked>div>div>div>div{overflow-y:hidden!important}