*{margin:0;padding:0}html,body{overflow:hidden}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#160920,#2a1b3d);display:flex;align-items:center;justify-content:center;z-index:1000;transition:opacity .5s ease,visibility .5s ease}.loading-screen.hidden{opacity:0;visibility:hidden}.loading-content{text-align:center;color:#fff}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.3);border-top:3px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{font-size:18px;margin-bottom:20px;font-family:Arial,sans-serif}.loading-progress{width:200px;height:4px;background:#ffffff4d;border-radius:2px;margin:0 auto 10px;overflow:hidden}.loading-bar{height:100%;background:linear-gradient(90deg,#0f8,#0cf);width:0%;transition:width .3s ease}.loading-percentage{font-size:14px;color:#fffc}.webgl{position:fixed;top:0;left:0;outline:none}img{position:fixed;bottom:20px;right:20px;background:#043c5c;z-index:10;padding:10px;border-radius:5px;cursor:pointer;transition:transform .3s ease}img:hover{transform:scale(1.1)}.project-summary{position:fixed;top:10px;left:5px;max-width:400px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:20px;box-shadow:0 8px 32px #0000001a;z-index:10;transform:translateY(-100%);opacity:0;transition:all .5s ease}.project-summary.visible{transform:translateY(0);opacity:1}.project-summary ul{display:flex;flex-direction:column;gap:10px;padding:10px}.instructions{position:fixed;bottom:20px;left:20px;color:#fff;font-size:.9rem;padding:10px 15px;max-width:70vw;z-index:10}.footer{color:#666;font-size:small;margin-top:10px}