html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#renderCanvas{width:100%;height:100%;touch-action:none;outline:none;cursor:none}#ui-layer{position:absolute;top:20px;left:20px;pointer-events:none;z-index:10}.panel{background:#000000b3;color:#fff;padding:15px;border-radius:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}h1{margin:0 0 10px;font-size:1.2rem;text-transform:uppercase;letter-spacing:2px}h3{font-size:1.1rem;font-weight:500}p{margin:5px 0;font-size:.9rem;color:#ccc}.panel button{display:block;width:100%;background-color:#6bcb77;color:#1a1a1a;padding:10px 20px;border:none;border-radius:4px;font-family:Share Tech Mono,monospace;font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;margin-top:8px;transition:transform .2s,background-color .2s}.panel button:hover{transform:scale(1.05);background-color:#5ab565}.panel button.active{background-color:#4d96ff;color:#f0f0f0}.panel button.active:hover{background-color:#3a7de0}