:root{--bg:#1a1a2e;--fg:#fff8e6}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,Arial,Helvetica,sans-serif}#glcanvas{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#controls{position:fixed;left:14px;top:14px;display:flex;gap:8px;align-items:self-start;z-index:5;width:100%;height:10vh}button,select{background-color:var(--bg);border:1px solid rgba(255,255,255,.06);color:var(--fg);padding:6px 8px;border-radius:6px;transition:.3s ease-in-out 0s;min-width:150px;height:30px;font-size:small}select{background-blend-mode:difference}button:hover,button:focus{background-color:#c34aa3;transform:scale(1.05)}button:after,select:after{background:#a67d9b0f}