*{margin:0;padding:0;box-sizing:border-box;font-family:Pixelify Sans,sans-serif}:root{--pastel-pink: #ad8671;--pastel-blue: #717dad;--pastel-green: #349957;--white: #ffffff}.light-theme{--default-bg: var(--pastel-pink)}.dark-theme{--default-bg: var(--pastel-blue)}#experience{position:fixed;inset:0;overflow:hidden}.webgl,#webglCanvas{width:100%;height:100%;display:block;outline:none}.hidden{display:none!important}.hidden-opacity{opacity:0;pointer-events:none;visibility:hidden}.loading-screen{position:fixed;inset:0;background-color:var(--default-bg);display:flex;align-items:center;justify-content:center;border:12px solid white;z-index:1000;flex-direction:column}.loading-text{color:var(--white);font-size:36px;margin-bottom:24px;transition:opacity .3s ease}.enter-button{color:var(--white);font-size:28px;background:transparent;border:3px solid white;padding:10px 24px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .3s ease}.enter-button.visible{opacity:1;pointer-events:auto}.instructions{color:var(--white);font-size:16px;margin-top:18px;text-align:center}.audio-toggle{position:fixed;top:18px;right:18px;font-size:22px;padding:8px;background:var(--default-bg);height:48px;width:48px;border:3px solid white;cursor:pointer;z-index:1200}.theme-mode-toggle-button{z-index:1200;position:fixed;top:18px;right:72px;background:var(--default-bg);height:48px;width:48px;display:flex;justify-content:center;align-items:center;border:3px solid white;padding:8px;cursor:pointer}.modal-bg-overlay{z-index:1150;position:fixed;inset:0;background-color:#31313159}.modal{z-index:1200;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:700px;background-color:var(--default-bg);border:4px solid #fff;color:#fff;border-radius:8px;overflow:hidden}.modal-wrapper{padding:16px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #fff;padding-bottom:8px;margin-bottom:12px}.modal-title{font-size:28px}.modal-exit-button{background:transparent;border:2px solid #fff;color:#fff;padding:6px 12px;cursor:pointer;z-index:1300;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modal-exit-button:hover{background:#fff;color:var(--default-bg)}.modal-content-wrapper{display:flex;flex-direction:column;gap:12px;align-items:center;padding:8px 0}.modal-img{width:160px;height:160px;object-fit:cover;border-radius:6px;border:2px solid #fff}.modal-project-description{font-size:16px;text-align:center;padding:0 8px}.modal-project-visit-button{display:inline-block;padding:8px 14px;background:#fff;color:var(--default-bg);border:2px solid #fff;text-decoration:none;font-weight:700;border-radius:6px}.mobile-controls-container{position:fixed;bottom:36px;left:50%;transform:translate(-50%);width:220px;height:180px;z-index:1400;pointer-events:none;touch-action:none}.mobile-control{position:absolute;height:64px;width:64px;background:var(--default-bg);border:3px solid white;display:none;justify-content:center;align-items:center;font-size:24px;border-radius:8px;cursor:pointer;pointer-events:auto;-webkit-user-select:none;touch-action:none}.up-arrow{top:0;left:50%;transform:translate(-50%)}.down-arrow{bottom:0;left:50%;transform:translate(-50%)}.left-arrow{top:50%;left:0;transform:translateY(-50%)}.right-arrow{top:50%;right:0;transform:translateY(-50%)}@media(max-width:1100px){.mobile-control{display:flex}.mobile-controls-container{pointer-events:auto}}@media(max-width:520px){.enter-button{font-size:22px;padding:8px 18px}.instructions{font-size:14px}.modal-title{font-size:22px}.modal-img{width:120px;height:120px}}body,:root{transition:background-color .35s ease,color .35s ease}.modal,.theme-mode-toggle-button,.audio-toggle{transition:background .35s ease,border-color .35s ease}.ion-icon{color:#fff}.modal-buttons{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:nowrap;margin-top:8px}.modal-project-visit-button{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;min-width:92px;text-align:center;font-weight:700}@media(max-width:420px){.modal-buttons{flex-direction:column;gap:8px}.modal-project-visit-button{width:100%;min-width:0}}.credits-link{display:inline-block;margin-top:12px;font-size:14px;color:#fff;text-decoration:underline;cursor:pointer}.credits-link:hover{opacity:.8}