*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow:hidden;font-family:"Press Start 2P",Courier New,monospace;background-color:#87ceeb}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}html{scroll-behavior:smooth}*:focus{outline:none}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.video-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}.transition-video{width:100%;height:100%;object-fit:cover}.modal-container{background:beige;border:4px solid #333;image-rendering:pixelated;max-width:90%;max-height:90%;width:600px;box-shadow:8px 8px #00000080;animation:slideIn .3s ease;display:flex;flex-direction:column;font-family:"Press Start 2P",monospace}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#8b4513;border-bottom:4px solid #333}.modal-title{color:beige;font-size:.9rem;margin:0}.modal-close{background:#333;color:#fff;border:2px solid #000;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;font-family:"Press Start 2P",monospace;image-rendering:pixelated}.modal-close:hover{background:#555}.modal-close:active{transform:translateY(2px)}.modal-content{padding:1.5rem;overflow-y:auto;flex:1;color:#333;line-height:1.8}.modal-content::-webkit-scrollbar{width:12px}.modal-content::-webkit-scrollbar-track{background:#ddd;border:2px solid #333}.modal-content::-webkit-scrollbar-thumb{background:#8b4513;border:2px solid #333}.modal-content p{margin-bottom:1rem;font-size:.75rem}.modal-content h3{font-size:.9rem;margin:1rem 0 .5rem;color:#8b4513}.modal-content a{color:#8b4513;text-decoration:underline}.modal-content a:hover{color:sienna}.experience{width:100%;height:100%;position:relative}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.8;animation:bounce 2s infinite;pointer-events:none;z-index:10}.scroll-indicator .scroll-arrow{width:12px;height:12px;border-right:3px solid #333;border-bottom:3px solid #333;transform:rotate(45deg)}.scroll-indicator .scroll-text{font-family:"Press Start 2P",monospace;font-size:10px;color:#333;text-transform:uppercase;letter-spacing:1px}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.loading-screen{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;z-index:999}.loading-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.background-top-half,.background-bottom-half{position:absolute;height:50%;width:100%;background-color:#1a1a1a;transition:transform 1s ease-in-out .5s}.background-top-half{top:0}.background-top-half.revealed{transform:translateY(-100%)}.background-bottom-half{top:50%}.background-bottom-half.revealed{transform:translateY(100%)}.loading-screen-info-container{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;place-content:center;justify-content:center;align-items:center;gap:24px}.intro-message-container{position:absolute;top:40%;left:50%;width:100%;display:flex;place-content:center;justify-content:center;align-items:center;transform:translate(-50%,-50%);color:#fff;font-family:"Press Start 2P",monospace;font-size:24px;text-align:center;padding:0 20px;transition:opacity .5s ease}@media(max-width:480px){.intro-message-container{font-size:16px}}.intro-message-container.revealed{opacity:0;pointer-events:none}.instructions-container{position:absolute;top:50%;left:50%;width:100%;display:flex;place-content:center;justify-content:center;align-items:center;transform:translate(-50%,-50%);color:#aaa;font-family:"Press Start 2P",monospace;font-size:14px;text-align:center;padding:0 20px;transition:opacity .5s ease}@media(max-width:480px){.instructions-container{font-size:12px}}.instructions-container.revealed{opacity:0;pointer-events:none}.loading-bar-container{width:350px;height:24px;border:2px solid #ffffff;position:absolute;top:60%}.loading-bar{width:0;height:100%;background-color:#fff;border:4px solid #1a1a1a;transition:width .2s ease}.percentage{font-family:"Press Start 2P",monospace;font-size:18px;color:#fff;display:flex;flex-direction:column;place-content:center;justify-content:center;align-items:center;margin-top:24px;position:absolute;top:65%}.App{width:100%;height:100%}.hidden{display:none!important}.editor-mode{width:100%;height:100%;background:linear-gradient(180deg,#87ceeb,#5ba3d9)}.mode-toggle{position:fixed;top:10px;right:10px;z-index:10000;background:#333;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;font-family:"Press Start 2P",monospace;font-size:14px;transition:background .2s}.mode-toggle:hover{background:#555}.show{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hide{display:none}