html,body,#root{height:100vh;width:100%;margin:0;padding:0;overflow:hidden}#root{display:flex;align-items:center;justify-content:center}.canvas-container{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.r3f-canvas{width:100%!important;height:100%!important;display:block}@media screen and (max-width: 768px){.canvas-container{height:100vh}}.app-container{position:relative;width:100%;height:100vh;overflow:hidden}.r3f-canvas{width:100%;height:100%;transition:height .5s ease-in-out}.r3f-canvas.split-view{height:60%}.info-panel{position:absolute;bottom:0;left:0;width:100%;height:25%;background-color:#0a0a0ae6;color:#fff;padding:1.5rem;overflow-y:auto;transform:translateY(100%);animation:slideUp .5s forwards;z-index:10;box-shadow:0 -5px 15px #0000004d;display:flex;flex-direction:column}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.info-content{max-width:800px;margin:0 auto;width:100%}.info-content h2{color:#f0f;font-size:2rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(255,0,255,.5);text-align:center}.info-content p{font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.close-button{background-color:#f0f;color:#fff;border:none;padding:.75rem 1.5rem;font-size:1rem;border-radius:5px;cursor:pointer;transition:all .3s ease;display:block;margin:0 auto}.close-button:hover{background-color:#c0c;box-shadow:0 0 15px #ff00ffb3;transform:scale(1.05)}