:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;overflow:hidden}canvas{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#ui-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:flex;flex-direction:column}#controls-bar{pointer-events:auto;position:absolute;top:20px;right:20px;display:flex;gap:15px;z-index:100}.icon-btn{background:#2a2a2acc;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:1.5rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.icon-btn:hover{background:#646cffcc;border-color:#646cff;transform:scale(1.1)}.icon-btn.active{background:#646cff;border-color:#646cff;box-shadow:0 0 15px #646cff80}.modal{pointer-events:auto;position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:200;opacity:1;transition:opacity .3s ease}.modal.hidden{opacity:0;pointer-events:none}.modal-content{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);padding:25px;border-radius:15px;max-width:90%;width:350px;box-shadow:0 10px 30px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.modal-header h3{margin:0}.close-btn{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:0;line-height:1}.close-btn:hover{color:#fff}.modal ul{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.modal li{padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.modal li:last-child{border-bottom:none}body.hologram-mode #controls-bar{opacity:.1;transition:opacity .5s}body.hologram-mode #controls-bar:hover{opacity:1}