body{color:#fff;background-color:#111;margin:0;font-family:sans-serif;overflow:hidden}#ui-container{pointer-events:auto;z-index:10;background:#000000b3;border:1px solid #fff3;border-radius:8px;padding:15px;position:absolute;top:10px;left:10px}h1{margin:0 0 10px;font-size:1.2rem;font-weight:400}.control-group{flex-direction:column;gap:10px;display:flex}label{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}input[type=range]{width:100px;margin-left:10px}button{color:#fff;cursor:pointer;background:#333;border:1px solid #555;border-radius:4px;flex:1;padding:5px 10px}button:hover{background:#444}.top-nav{z-index:100;pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:calc(100vw - 320px);display:flex;position:absolute;top:10px;right:16px}.nav-btn{color:#e0e6ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0f19d9;border:1px solid #00f0ff59;border-radius:4px;align-items:center;gap:5px;padding:5px 9px;font-family:monospace,sans-serif;font-size:10px;font-weight:600;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 16px #0006}.nav-btn:hover{color:#00f0ff;background:#00f0ff26;border-color:#00f0ff;transform:translateY(-1px);box-shadow:0 0 10px #00f0ff4d}@media (width<=900px){.top-nav{justify-content:flex-start;max-width:100%;margin:10px 16px;position:static}}