*{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}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}.panel-item{opacity:0;transform:translateY(10px);transition:all .4s ease}#project-panel.active .panel-item{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-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);animation:pulse 2s infinite}#gyro-permission-button:hover{transform:scale(1.05);box-shadow:0 0 20px #f40fedcc}#gyro-permission-button:active{transform:scale(.95)}@keyframes pulse{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}