*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Press Start 2P",cursive;background-color:#000;color:#fff}.experience{position:fixed;width:100vw;height:100vh;overflow:hidden}.experience-canvas{width:100%;height:100%}#start-container{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#000c;z-index:1000}#start-button{padding:15px 30px;font-size:20px;background-color:#fff;color:#05030b;border:none;cursor:pointer;font-family:"Press Start 2P",cursive;transition:background-color .3s}#start-button:hover{background-color:#9c9d9d}.options-button{position:absolute;top:10px;right:10px;font-size:32px;cursor:pointer;background-color:transparent;border:none;color:#fff}.footer{position:fixed;bottom:0;width:100%;display:flex;justify-content:space-between;padding:15px;transition:transform .3s ease-in-out}.hidden{display:none}.footer-left,.footer-right{display:flex;gap:15px}.footer-right{margin-right:0}@media (max-width: 768px){.footer-icon[href*=instagram],.footer-icon.upwork-icon{display:none}}.footer-button{padding:10px;border:none;border-radius:5px;cursor:pointer}.footer-icon{text-decoration:none;color:#fff;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.discord-icon,.upwork-icon{transform:translateY(-2px)}.h4{margin-bottom:10px}.footer-icon svg,.footer-icon img{width:32px;height:32px}.footer-icon img[src="/deaf.svg"]{width:28px;height:28px}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#000;border:2px solid #fff;width:80%;max-width:600px;z-index:1000;font-family:"Press Start 2P",cursive}.project-heading{margin-bottom:6px}.project-desc{margin-bottom:6px;font-size:.9rem}.project-link{font-size:.8rem}.pixelated{image-rendering:pixelated;font-smooth:never;-webkit-font-smoothing:none}.modal-header{background-color:#eb5638;color:#fff;padding:10px;display:flex;justify-content:space-between;align-items:center}.title{font-size:18px}.controls{display:flex}.control-btn{background-color:#ccc;border:2px solid #fff;color:#000;margin-left:5px;width:25px;height:25px;font-size:16px;cursor:pointer;display:flex;justify-content:center;align-items:center;font-family:"Press Start 2P",cursive}.control-btn.resume-btn{width:auto;padding:5px 10px;font-size:12px;color:#fff}.control-btn.resume-btn:hover{background-color:#aaa}.modal-content{padding:20px;color:#fff;max-height:400px;overflow-y:auto}.project{margin-bottom:20px}#last-song-modal .modal-content{display:flex;justify-content:center;align-items:center;padding:20px}#last-song-modal .song-info{display:flex;align-items:center;width:100%;max-width:600px}#last-song-modal .cover-art{width:200px;height:200px;margin-right:20px;image-rendering:pixelated}#last-song-modal .cover-art img{width:100%;height:100%;object-fit:cover}#last-song-modal .song-details{flex-grow:1}#last-song-modal .song-title-container{width:100%;overflow:hidden;white-space:nowrap}#last-song-modal .song-title{display:inline-block;padding-left:100%;animation:marquee 15s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}#last-song-modal .artist-name,#last-song-modal .album-name,#last-song-modal .last-played{margin:5px 0}#last-song-modal.pixelated{image-rendering:pixelated;font-family:"Press Start 2P",cursive}#last-song-modal.pixelated .modal-header,#last-song-modal.pixelated .modal-content{border:4px solid #ffffff}#last-song-modal.pixelated .title,#last-song-modal.pixelated .song-title,#last-song-modal.pixelated .artist-name,#last-song-modal.pixelated .album-name,#last-song-modal.pixelated .last-played{text-shadow:2px 2px #000000}.dialogue-box{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background-color:#000c;border:2px solid white;padding:20px;color:#fff;font-family:PixelFont,monospace;max-width:80%;display:none}.dialogue-content{margin-bottom:15px}.dialogue-options{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.dialogue-options button{background-color:#4a4a4a;border:2px solid #ffffff;color:#fff;padding:8px 12px;cursor:pointer;font-family:PixelFont,monospace;box-shadow:2px 2px #000;image-rendering:pixelated}.dialogue-options button:hover{background-color:#6a6a6a}.name-tag{position:absolute;padding:5px 10px;background-color:#000000b3;color:#fff;border-radius:5px;font-family:PixelFont,monospace;font-size:14px;pointer-events:none;display:none}#status-toggle.active{background-color:green;color:#fff}
