html,body{overflow:hidden;height:100%;background:#000}.webgl{position:fixed;top:0;left:0;outline:none}.controls-container{position:fixed;top:16px;right:16px;z-index:1000;-webkit-user-select:none;user-select:none}.controls-toggle{padding:8px 16px;background:#1a1a1a;color:#f0f0f0;border:1px solid #444;border-radius:8px;box-shadow:0 2px 8px #00000080;cursor:pointer;transition:background .2s ease}.controls-toggle:hover{background:#333}.controls-menu{margin-top:8px;background:#222;border:1px solid #444;border-radius:8px;box-shadow:0 2px 10px #0009;padding:8px}.controls-item{display:block;width:100%;padding:8px 12px;text-align:left;background:transparent;color:#ddd;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease}.controls-item:hover{background:#333;color:#fff}.controls-item.selected{background:#444;color:#fff;font-weight:700}.controls-item.special{color:#0af;font-weight:700}