*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent;font-family:monospace}canvas{display:block;pointer-events:auto;position:relative;z-index:1}#project-panel{position:fixed;right:5vh;top:5vh;z-index:1000;width:35%;height:90vh;min-width:300px;overflow:auto;scrollbar-width:none;background:#0a0a1499;color:#fff;box-shadow:-10px 0 30px #0ff6;border:2px solid rgba(0,255,255,.7);padding:20px;border-radius:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translate(120%);opacity:0;transition:transform .4s ease,opacity .3s ease}#project-panel.active{transform:translate(0);opacity:1}#project-panel.hidden{display:none}#project-content{margin:20px 0;display:flex;flex-direction:column;gap:20px}.project-dynamic-image,.project-dynamic-text{opacity:0;transform:translateY(10px);transition:all .4s ease}.project-dynamic-image{width:100%;border-radius:10px}.project-dynamic-text{line-height:1.6;color:#ddd}.project-dynamic-text p{margin-bottom:10px}.panel-item{opacity:0;transform:translateY(10px);transition:all .4s ease}#project-panel.active .panel-item,#project-panel.active .project-dynamic-image,#project-panel.active .project-dynamic-text{opacity:1;transform:translateY(0)}#project-panel.active .panel-item:nth-child(1){transition-delay:.1s}#project-panel.active .panel-item:nth-child(2){transition-delay:.2s}#project-panel.active .panel-item:nth-child(3){transition-delay:.3s}#project-panel.active .panel-item:nth-child(4){transition-delay:.4s}#project-panel.active .panel-item:nth-child(5){transition-delay:.5s}#project-panel.active .panel-item:nth-child(6){transition-delay:.6s}#project-panel.active .panel-item:nth-child(7){transition-delay:.7s}#project-panel.active #project-content>*:nth-child(1){transition-delay:.1s}#project-panel.active #project-content>*:nth-child(2){transition-delay:.2s}#project-panel.active #project-content>*:nth-child(3){transition-delay:.3s}#project-panel.active #project-content>*:nth-child(4){transition-delay:.4s}#project-panel.active #project-content>*:nth-child(5){transition-delay:.5s}#project-panel.active #project-content>*:nth-child(6){transition-delay:.6s}#project-panel.active #project-content>*:nth-child(7){transition-delay:.7s}#project-panel.active #project-content>*:nth-child(8){transition-delay:.8s}#project-panel.active #project-content>*:nth-child(9){transition-delay:.9s}#project-panel.active #project-content>*:nth-child(10){transition-delay:1s}#project-image{width:100%;border-radius:10px;margin:10px 0}.tech-tag{display:inline-block;padding:4px 10px;margin:4px 4px 0 0;font-size:12px;border-radius:9px;background:#0ff3;border:1px solid rgba(0,255,255,.5);color:#0ff}.project-touch-feedback{transition:transform .1s ease}.project-touch-feedback:active{transform:scale(.95)}#gyro-indicator{pointer-events:none;font-family:monospace;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#gyro-permission-button:hover{transform:scale(1.05)}#gyro-permission-button:active{transform:scale(.95)}